:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#f5f0e6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%}*{box-sizing:border-box}.app{max-width:210mm;margin:0 auto;padding:10px;font-family:Segoe UI,system-ui,sans-serif}.app-header{text-align:center;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid #000}.app-header h1{margin:0;font-size:1.4rem}.app-header p{margin:2px 0 0;color:#666;font-size:.85rem}.character-selector{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:10px;padding:8px;background:#f5f5f5;border:1px solid #ccc;border-radius:4px}.selector-group{display:flex;flex-direction:column;gap:2px}.selector-group label{font-weight:600;font-size:.75rem;text-transform:uppercase}.selector-group select{padding:4px 8px;font-size:.9rem;border:1px solid #333;background:#fff;cursor:pointer;min-width:160px}.character-sheet{background:#fff;border:2px solid #000;font-size:9px;line-height:1.3}.sheet-header{display:flex;border-bottom:2px solid #000;padding:0}.header-left{width:30%;border-right:2px solid #000}.char-name-block{padding:8px;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.char-name-value{border-bottom:1px solid #000;min-height:24px;font-size:14px;font-weight:700}.char-name-label{font-size:8px;text-transform:uppercase;text-align:center;padding-top:2px}.header-right{flex:1;display:flex;flex-direction:column}.header-row{display:flex;flex:1}.header-row:first-child{border-bottom:1px solid #000}.header-field{flex:1;padding:4px 6px;display:flex;flex-direction:column;justify-content:flex-end;border-right:1px solid #ccc}.header-field:last-child{border-right:none}.field-value{border-bottom:1px solid #000;min-height:16px;font-size:10px}.field-label{font-size:7px;text-transform:uppercase;text-align:center;padding-top:1px}.sheet-body{display:flex;min-height:500px}.column-left{width:32%;border-right:2px solid #000;padding:6px;display:flex;flex-direction:column;gap:6px}.abilities-column{display:flex;flex-direction:column;gap:4px}.ability-block{display:flex;align-items:center;border:2px solid #000;border-radius:8px;padding:4px;background:#fafafa;position:relative}.ability-name{width:70px;font-size:7px;font-weight:700;text-align:center}.ability-mod{width:36px;height:36px;border:2px solid #000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;background:#fff;margin-left:auto}.ability-score{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:24px;height:16px;border:1px solid #000;border-radius:0 0 8px 8px;display:flex;align-items:center;justify-content:center;font-size:10px;background:#fff}.small-stats{display:flex;flex-direction:column;gap:4px}.small-stat-row{display:flex;align-items:center;gap:6px}.stat-circle{width:20px;height:20px;border:2px solid #000;border-radius:50%}.stat-box{width:30px;height:20px;border:2px solid #000;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.stat-label{font-size:8px;text-transform:uppercase}.saves-block,.skills-block{border:2px solid #000;border-radius:8px;padding:6px;background:#fafafa}.save-row,.skill-row{display:flex;align-items:center;gap:4px;padding:1px 0}.skill-row.class-option{background:#fff8dc}.prof-circle{width:8px;height:8px;border:1px solid #000;border-radius:50%;flex-shrink:0}.prof-circle.filled{background:#000}.save-mod,.skill-mod{width:20px;font-size:9px;text-align:right;font-weight:700}.save-name{font-size:8px;text-transform:capitalize}.skill-name{font-size:8px}.skill-ability{color:#666}.block-label{font-size:8px;font-weight:700;text-transform:uppercase;text-align:center;border-top:1px solid #000;margin-top:4px;padding-top:2px}.skill-note{font-weight:400;font-size:7px}.passive-block{display:flex;align-items:center;gap:6px}.passive-value{width:28px;height:28px;border:2px solid #000;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.passive-label{font-size:7px;text-transform:uppercase}.column-middle{width:36%;border-right:2px solid #000;padding:6px;display:flex;flex-direction:column;gap:6px}.combat-row{display:flex;justify-content:space-between;gap:8px}.combat-stat{flex:1;text-align:center}.combat-stat.ac .combat-value{width:50px;height:50px;margin:0 auto;border:2px solid #000;border-radius:0 0 50% 50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;background:#fafafa;clip-path:polygon(0 0,100% 0,100% 30%,85% 100%,15% 100%,0 30%)}.combat-stat.initiative .combat-value,.combat-stat.speed .combat-value{width:40px;height:40px;margin:0 auto;border:2px solid #000;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;background:#fff}.combat-label{font-size:7px;text-transform:uppercase;margin-top:2px}.combat-note{font-size:6px;color:#666;margin-top:2px;line-height:1.2}.hp-section{border:2px solid #000;border-radius:8px;overflow:hidden}.hp-max{background:#eee;padding:2px 6px;display:flex;justify-content:space-between;border-bottom:1px solid #000}.hp-max-label{font-size:7px;text-transform:uppercase}.hp-max-value{font-size:10px;font-weight:700}.hp-current{padding:6px;min-height:40px;border-bottom:1px solid #000}.hp-current-label,.hp-temp-label{font-size:7px;text-transform:uppercase;text-align:center}.hp-temp{padding:6px;min-height:30px}.dice-death-row{display:flex;gap:6px}.hit-dice-block,.death-saves-block{flex:1;border:2px solid #000;border-radius:6px;padding:4px}.hit-dice-total{font-size:7px;text-align:center;border-bottom:1px solid #ccc;padding-bottom:2px;margin-bottom:4px}.hit-dice-value{min-height:20px}.death-row{display:flex;justify-content:space-between;align-items:center;font-size:7px;padding:2px 0}.death-circles{letter-spacing:2px}.attacks-block{border:2px solid #000;border-radius:8px;padding:6px;flex:1}.attacks-header{display:grid;grid-template-columns:1fr 60px 80px;gap:4px;font-size:7px;text-transform:uppercase;font-weight:700;border-bottom:1px solid #000;padding-bottom:2px;margin-bottom:4px}.attack-row{display:grid;grid-template-columns:1fr 60px 80px;gap:4px;border-bottom:1px solid #ccc;min-height:16px}.spellcasting-note{font-size:7px;padding:4px;background:#f0f0f0;margin-top:4px;border-radius:4px;line-height:1.4}.equipment-block{border:2px solid #000;border-radius:8px;padding:6px;min-height:80px}.equipment-content{font-size:7px;line-height:1.4}.equipment-item{padding:1px 0;border-bottom:1px dotted #ccc}.actions-block{border:2px solid #000;border-radius:8px;padding:6px;margin-top:6px}.actions-content{font-size:8px}.action-group{margin-bottom:6px}.action-group:last-child{margin-bottom:0}.action-type-header{font-size:7px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:3px;margin-bottom:3px}.action-type-header.action{background:#e8f5e9;color:#2e7d32}.action-type-header.bonus{background:#fff3e0;color:#ef6c00}.action-type-header.reaction{background:#e3f2fd;color:#1565c0}.action-type-header.free{background:#f3e5f5;color:#7b1fa2}.action-type-header.special{background:#fce4ec;color:#c2185b}.action-item{padding:3px 6px;margin-bottom:4px;background:#fafafa;border-radius:3px;border-left:2px solid #ccc}.action-header{display:flex;gap:4px;align-items:baseline}.action-name{font-weight:600;font-size:8px}.action-source{font-size:6px;color:#666}.action-desc{font-size:7px;color:#444;line-height:1.3;margin-top:2px}.column-right{width:32%;padding:6px;display:flex;flex-direction:column;gap:6px}.personality-section{display:flex;flex-direction:column;gap:4px}.personality-box{border:2px solid #000;border-radius:8px;padding:4px;min-height:36px}.personality-content{min-height:24px}.box-label{font-size:7px;font-weight:700;text-transform:uppercase;text-align:center;border-top:1px solid #ccc;margin-top:2px;padding-top:2px}.features-block{border:2px solid #000;border-radius:8px;padding:6px;flex:1;overflow:hidden}.features-content{font-size:7px;line-height:1.35;max-height:400px;overflow-y:auto}.features-section{margin-bottom:8px}.features-section h4{margin:0 0 4px;font-size:8px;border-bottom:1px solid #000;padding-bottom:2px}.features-section p{margin:2px 0}.sheet-bottom{border-top:2px solid #000;padding:6px}.proficiencies-block{border:2px solid #000;border-radius:8px;padding:6px}.prof-content{font-size:8px;line-height:1.4}.prof-content p{margin:2px 0}@media print{@page{size:A4 portrait;margin:10mm}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.app{padding:0;max-width:none}.app-header,.character-selector{display:none}.character-sheet{border:1px solid #000;page-break-inside:avoid}.sheet-body{min-height:auto}.features-content{max-height:none;overflow:visible}}@media screen and (max-width:800px){.sheet-body{flex-direction:column}.column-left,.column-middle,.column-right{width:100%;border-right:none;border-bottom:2px solid #000}.column-right{border-bottom:none}.abilities-column{flex-direction:row;flex-wrap:wrap;justify-content:center}.ability-block{width:80px;flex-direction:column;padding:8px 4px}.ability-mod{margin:8px auto}.ability-score{position:static;transform:none;border-radius:4px;margin-top:4px}}