:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--bg: #0f1419;--panel: #1a2129;--panel-2: #222b35;--border: #333f4d;--text: #e6ebf0;--muted: #8ea0b0;--accent: #e8a13c;--accent-2: #4aa3df;--danger: #e05a5a;--ok: #57c98a;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg)}button{border-radius:6px;border:1px solid var(--border);padding:.5em 1em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--panel-2);color:var(--text);cursor:pointer;transition:border-color .15s,background-color .15s}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}input{font-family:inherit;font-size:1em;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.5em .75em}input:focus{outline:none;border-color:var(--accent)}.app{max-width:1100px;margin:0 auto;padding:1.5rem}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:2px solid var(--accent);padding-bottom:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.app-title{display:flex;align-items:baseline;gap:.75rem}.app-title h1{font-size:1.6rem;margin:0;letter-spacing:.02em;text-transform:uppercase}.app-subtitle{color:var(--muted);font-size:.95rem}.name-input{min-width:240px}.wizard{display:grid;grid-template-columns:220px 1fr;gap:1.5rem;align-items:start}@media (max-width: 720px){.wizard{grid-template-columns:1fr}}.wizard-nav ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.nav-item{width:100%;display:flex;align-items:center;gap:.6rem;text-align:left;background:transparent;border:1px solid transparent;padding:.5rem .6rem;border-radius:6px;color:var(--muted)}.nav-item:hover:not(:disabled){background:var(--panel);border-color:var(--border)}.nav-item.active{background:var(--panel-2);border-color:var(--accent);color:var(--text)}.nav-item.stub{opacity:.6}.nav-num{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--bg);border:1px solid var(--border);font-size:.8rem;flex-shrink:0}.nav-item.active .nav-num{background:var(--accent);color:#1a1a1a;border-color:var(--accent)}.nav-label{flex:1;font-size:.9rem}.nav-tag{font-size:.65rem;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:0 .3rem}.wizard-panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1.5rem;min-height:420px;display:flex;flex-direction:column}.wizard-content{flex:1}.wizard-content h2{margin-top:0;font-size:1.3rem}.step-intro{color:var(--muted);margin-top:-.25rem}.notice{color:var(--accent);background:#e8a13c14;border:1px solid rgba(232,161,60,.3);border-radius:6px;padding:.75rem 1rem}.wizard-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:1rem;margin-top:1.5rem}.step-counter{color:var(--muted);font-size:.9rem}.btn-primary{background:var(--accent);color:#1a1a1a;border-color:var(--accent);font-weight:600}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.option-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem}.option-card{text-align:left;padding:1rem;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);display:flex;flex-direction:column;gap:.5rem}.option-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.option-card-title{font-weight:600;font-size:1.05rem}.option-card-desc{color:var(--muted);font-size:.85rem}.budget-list{list-style:none;margin:.25rem 0 0;padding:0;font-size:.85rem}.budget-list li span{color:var(--accent);font-weight:600}.budget-banner{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;margin:1rem 0}.budget-banner.over{border-color:var(--danger);color:var(--danger)}.budget-remaining{font-size:1.4rem;font-weight:700;color:var(--accent)}.budget-banner.over .budget-remaining{color:var(--danger)}.budget-spent{color:var(--muted);font-size:.85rem}.stepper-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.stepper-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem .9rem;background:var(--panel-2);border:1px solid var(--border);border-radius:8px}.stepper-row.edge-row{border-color:var(--accent-2)}.abbrev{color:var(--muted);font-size:.8rem;margin-left:.4rem}.edge-note{color:var(--accent-2);font-size:.75rem;margin-left:.5rem}.stepper-controls{display:flex;align-items:center;gap:.75rem}.stepper-controls button{width:2rem;height:2rem;padding:0;font-size:1.1rem;line-height:1}.stepper-value{min-width:1.5rem;text-align:center;font-size:1.2rem;font-weight:600}.derived-panel{margin-top:1.5rem;padding:1rem;background:var(--bg);border:1px dashed var(--border);border-radius:8px}.derived-panel h3{margin:0 0 .5rem;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.derived-panel p{margin:.35rem 0;font-size:.9rem}.stub-panel .notice{margin-top:1rem}.validation-list{margin:0 0 1rem;padding:.5rem 1rem .5rem 1.75rem;background:#e05a5a14;border:1px solid rgba(224,90,90,.35);border-radius:6px;color:var(--danger);font-size:.85rem}.validation-list li{margin:.15rem 0}.skill-group{margin-top:1.25rem}.skill-group-head{margin:0 0 .5rem;font-size:1rem;border-bottom:1px solid var(--border);padding-bottom:.3rem}.skill-group-head .abbrev{font-size:.8rem}.skill-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.4rem}.skill-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--panel-2);flex-wrap:wrap}.skill-row.taken{border-color:var(--accent-2)}.skill-name{font-size:.9rem;display:flex;align-items:center;gap:.4rem}.tag-mini{font-size:.6rem;text-transform:uppercase;color:var(--accent-2);border:1px solid var(--accent-2);border-radius:3px;padding:0 .25rem}.skill-controls{display:flex;align-items:center;gap:.4rem}.skill-controls button{width:1.7rem;height:1.7rem;padding:0;font-size:1rem;line-height:1}.skill-bonus{color:var(--accent);font-weight:600;font-size:.85rem;min-width:1.6rem;text-align:right}.stepper-value.small{font-size:1rem;min-width:1.1rem}.designation-select{flex-basis:100%;background:var(--bg);color:var(--text);border:1px solid var(--accent-2);border-radius:5px;padding:.25rem .4rem;font-size:.8rem}.remove-btn{color:var(--danger)}.knowledge-group{border-top:2px dashed var(--border);padding-top:1rem}.knowledge-name{flex:1;min-width:140px;padding:.3rem .5rem;font-size:.85rem}.add-knowledge{display:flex;gap:.5rem;margin-top:.6rem}.add-knowledge input{flex:1}.valid-banner{background:#57c98a1a;border:1px solid rgba(87,201,138,.4);color:var(--ok);border-radius:6px;padding:.5rem 1rem;font-size:.85rem;margin-bottom:1rem}.trait-columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.trait-columns{grid-template-columns:1fr}}.trait-col-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 .5rem;font-size:1rem;border-bottom:1px solid var(--border);padding-bottom:.3rem}.trait-count{font-size:.8rem;color:var(--muted)}.trait-list{display:flex;flex-direction:column;gap:.4rem}.trait-card{text-align:left;padding:.5rem .7rem;border:1px solid var(--border);border-radius:6px;background:var(--panel-2);display:flex;flex-direction:column;gap:.2rem}.trait-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.trait-card-head{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.trait-name{font-weight:600;font-size:.9rem}.trait-badge{font-size:.6rem;text-transform:uppercase;letter-spacing:.03em;color:var(--accent);border:1px solid var(--accent);border-radius:3px;padding:0 .25rem}.trait-badge.muted{color:var(--muted);border-color:var(--border)}.trait-effect{font-size:.8rem;color:var(--muted);line-height:1.35}.module-slot{margin-top:1.1rem;padding:.8rem;border:1px solid var(--border);border-radius:8px;background:var(--panel-2)}.module-slot-head h3{margin:0 0 .5rem;font-size:1rem;display:flex;align-items:center;gap:.5rem}.optional-tag{font-size:.6rem;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);border-radius:3px;padding:0 .3rem}.module-select,.grant-select{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.45rem .5rem;font-size:.9rem}.grant-select{border-color:var(--accent-2)}.module-note{font-size:.78rem;color:var(--muted);margin:.4rem 0 0;font-style:italic}.grant-picker{margin-top:.6rem;display:flex;flex-direction:column;gap:.4rem}.grant-label{font-size:.8rem;color:var(--muted)}.grant-summary{margin:.5rem 0 0;font-size:.85rem;color:var(--accent)}.muted-note{color:var(--accent-2);font-size:.8rem}.field-label{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:1rem 0 .35rem}.full-input,.full-textarea{width:100%;font-family:inherit}.full-textarea{resize:vertical;line-height:1.5}.faction-group{margin-top:1rem}.option-grid.tight{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem;margin-top:.5rem}.option-card-title.small{font-size:.9rem;font-weight:500}.budget-list li.penalty{color:var(--danger);font-size:.8rem}.equipped-choice{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem;font-size:.85rem;color:var(--muted)}.chip-row{margin:.5rem 0}.chip-grid{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);font-size:.85rem}.chip.active{border-color:var(--accent);background:#e8a13c1f}.chip.free{border-style:dashed;color:var(--muted)}.chip.custom{border-color:var(--accent-2)}.chip-cat{font-size:.65rem;text-transform:uppercase;color:var(--muted)}.item-list{margin:.75rem 0;display:flex;flex-direction:column;gap:.35rem}.item-row{display:flex;align-items:center;justify-content:space-between;padding:.4rem .7rem;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;font-size:.9rem}.hw-tier{margin-top:1rem}.hw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem}.hw-card{text-align:left;padding:.6rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);display:flex;flex-direction:column;gap:.2rem}.hw-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.hw-name{font-weight:600;font-size:.9rem}.hw-meta{font-size:.78rem;color:var(--muted)}.hw-blocked{font-size:.72rem;color:var(--danger);text-transform:uppercase;letter-spacing:.02em}.header-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.view-tabs{display:inline-flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.tab{border:none;border-radius:0;padding:.4rem .9rem;background:var(--panel)}.tab.active{background:var(--accent);color:#1a1a1a;font-weight:600}.sheet{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1.5rem}.sheet-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;border-bottom:2px solid var(--accent);padding-bottom:.75rem}.sheet-name{margin:0;font-size:1.6rem}.sheet-sub{color:var(--muted);font-size:.9rem;margin-top:.2rem}.sheet-theme{font-style:italic;color:var(--muted);margin:.75rem 0 0}.sheet-section{margin-top:1.25rem}.sheet-section h2{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);border-bottom:1px solid var(--border);padding-bottom:.25rem;margin:0 0 .6rem}.sheet-section.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 640px){.sheet-section.two-col{grid-template-columns:1fr}}.attr-strip{display:flex;gap:.5rem;flex-wrap:wrap}.attr-cell{flex:1;min-width:60px;text-align:center;border:1px solid var(--border);border-radius:8px;padding:.5rem;background:var(--panel-2)}.attr-abbrev{font-size:.75rem;color:var(--muted)}.attr-value{font-size:1.6rem;font-weight:700;color:var(--accent)}.condition-row{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:.6rem;font-size:.85rem;color:var(--muted)}.sheet-table{width:100%;border-collapse:collapse;font-size:.88rem}.sheet-table th{text-align:left;color:var(--muted);font-weight:500;font-size:.75rem;text-transform:uppercase;border-bottom:1px solid var(--border);padding:.3rem .5rem}.sheet-table td{padding:.3rem .5rem;border-bottom:1px solid rgba(255,255,255,.04)}.bonus-cell{color:var(--accent);font-weight:600}.desig{color:var(--muted);font-size:.8rem}.desig.gained{color:var(--accent-2)}.sheet-list{margin:0;padding-left:1.1rem;font-size:.9rem;line-height:1.6}.sheet-label{color:var(--muted);font-weight:600}.sheet-dash{color:var(--muted)}.cue-chips{display:flex;flex-wrap:wrap;gap:.4rem}.pips{display:flex;flex-wrap:wrap;gap:4px;margin:.35rem 0 .2rem;max-width:240px}.pip{width:13px;height:13px;border-radius:50%;border:1.5px solid var(--muted);background:transparent}.pip.filled{background:var(--danger);border-color:var(--danger)}.armor-block p{margin:0 0 .2rem}.hw-block{display:flex;align-items:center;gap:.9rem}.hw-icon{color:var(--accent);flex-shrink:0;border:1px solid var(--border);border-radius:8px;padding:4px;background:var(--panel-2)}.hw-block-name{margin:0;font-weight:600}.hw-block p{margin:0}.hw-card-top{display:flex;align-items:center;gap:.6rem}.hw-generic-head{margin-top:1.5rem}.library{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1.5rem}.library-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;border-bottom:2px solid var(--accent);padding-bottom:.75rem;margin-bottom:1rem}.library-head h2{margin:0 0 .25rem}.lib-card{border:1px solid var(--border);border-radius:8px;background:var(--panel-2);padding:.8rem;display:flex;flex-direction:column;gap:.6rem}.lib-card-top{display:flex;align-items:center;gap:.6rem}.lib-card-top .hw-icon{color:var(--accent)}.lib-card-actions{display:flex;gap:.5rem}.lib-card-actions button{flex:1}.unit-form{display:flex;flex-direction:column;gap:.9rem}.uf-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end}.uf-field{display:flex;flex-direction:column;gap:.25rem;min-width:120px}.uf-field.grow{flex:1}.uf-field.narrow{min-width:90px;width:90px}.uf-field label{font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.uf-field input,.uf-field select,.uf-field textarea{width:100%}.uf-derived{padding:.5rem .75rem;border:1px dashed var(--border);border-radius:6px;color:var(--accent);font-weight:600}.uf-section{border-top:1px solid var(--border);padding-top:.75rem}.uf-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-weight:600}.wg-head,.wg-row{display:grid;gap:.4rem;align-items:center;margin-bottom:.35rem}.wg-head{font-size:.68rem;text-transform:uppercase;color:var(--muted)}.wg-row input{width:100%;padding:.3rem .4rem;font-size:.82rem}.wg-row .remove-btn{padding:.2rem}.uf-actions{display:flex;justify-content:flex-end;gap:.75rem;border-top:1px solid var(--border);padding-top:.9rem}@media (max-width: 700px){.wg-head{display:none}.wg-row{grid-template-columns:1fr 1fr!important}}.unit-block{border:1px solid var(--border);border-radius:8px;padding:.8rem;background:var(--panel-2)}.unit-block-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.6rem}.unit-block-head .hw-icon{color:var(--accent)}.unit-stats{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;margin-bottom:.6rem}.unit-stats b{color:var(--muted);font-weight:600;margin-right:.2rem}.unit-weapons{font-size:.8rem}.unit-line{margin:.3rem 0 0;font-size:.85rem}.pip.clickable{cursor:pointer;padding:0}.pip.clickable:hover{border-color:var(--danger)}.play,.wizard-locked{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1.5rem}.wizard-locked h2,.play h2{margin-top:0}.play-topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:2px solid var(--accent);padding-bottom:.75rem}.xp-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;margin:1rem 0}.xp-value{font-size:1.6rem;font-weight:700;color:var(--accent)}.xp-add{display:flex;align-items:center;gap:.4rem}.xp-add input{width:4rem;text-align:center}.play-section{margin-top:1.25rem}.play-section h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);border-bottom:1px solid var(--border);padding-bottom:.25rem}.advance-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.4rem;margin-top:.6rem}.advance-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .7rem;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;font-size:.9rem}.advance-row.muted{opacity:.7}.advance-name b{color:var(--accent);margin-left:.3rem}.advance-row button{font-size:.8rem;padding:.3rem .6rem;white-space:nowrap}.dmg-block{margin:.6rem 0}.dmg-label{font-weight:600;margin-bottom:.3rem}.dmg-counters{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.75rem}.dmg-counter{flex:1;min-width:160px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:.6rem .8rem}.dmg-counter .stepper-controls{margin:.4rem 0}@media print{.no-print,.wizard-nav,.wizard-footer{display:none!important}:root{--bg: #fff;--panel: #fff;--panel-2: #fff;--text: #111;--muted: #555;--border: #bbb}body{background:#fff}.sheet{border:none}}