:root{--bg: #16120d;--bg-elev: #201911;--surface: #2a2118;--surface-2: #33291d;--border: #40331f;--gold: #cba14b;--gold-dim: #977c38;--red: #8f3a29;--text: #ece3cf;--text-dim: #a99d84;--good: #86b36e;--bad: #d18a72;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--radius: 12px;--serif: "EB Garamond", Georgia, serif;--display: "Cinzel", "EB Garamond", serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 50% -10%,#241a10 0%,transparent 60%),var(--bg);color:var(--text);font-family:var(--serif);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input{font-family:inherit}h1,h2,h3,h4{font-family:var(--display);font-weight:600;letter-spacing:.02em;margin:0}.app{max-width:1080px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.brand{display:flex;align-items:center;gap:.75rem}.brand-glyph{font-size:2.4rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.brand h1{font-size:1.7rem;color:var(--gold);line-height:1}.brand p{margin:.15rem 0 0;font-size:.85rem;color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase}.ghost-btn{background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:8px;padding:.5rem .9rem;font-size:.9rem;transition:.15s}.ghost-btn:hover{color:var(--gold);border-color:var(--gold-dim)}.stepper{display:flex;gap:.35rem;margin-bottom:1.5rem;padding:.4rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;overflow-x:auto}.step{flex:1 1 0;min-width:64px;display:flex;flex-direction:column;align-items:center;gap:.25rem;background:transparent;border:none;border-radius:999px;padding:.5rem .4rem;color:var(--text-dim);transition:.15s;position:relative}.step-dot{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--surface);border:1px solid var(--border);font-size:.95rem}.step-label{font-size:.72rem;letter-spacing:.03em;white-space:nowrap}.step.done{color:var(--text)}.step.done .step-dot{border-color:var(--gold-dim);color:var(--gold)}.step.current{color:var(--gold)}.step.current .step-dot{background:linear-gradient(180deg,var(--gold),var(--gold-dim));color:#221a0e;border-color:var(--gold);box-shadow:0 0 0 3px #cba14b2e}.step:disabled{opacity:.45;cursor:not-allowed}.step:not(:disabled):hover .step-dot{border-color:var(--gold)}.stage{background:linear-gradient(180deg,var(--bg-elev),var(--bg));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.stage-head{padding:1.3rem 1.6rem .6rem;border-bottom:1px solid var(--border)}.stage-index{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold-dim)}.stage-head h2{font-size:1.5rem;color:var(--text);margin-top:.2rem}.stage-body{padding:1.5rem 1.6rem}.stage-nav{display:flex;justify-content:space-between;gap:1rem;padding:1.1rem 1.6rem;border-top:1px solid var(--border);background:#00000026}.primary-btn{background:linear-gradient(180deg,var(--gold),var(--gold-dim));color:#201709;border:none;border-radius:9px;padding:.7rem 1.4rem;font-size:1rem;font-weight:600;box-shadow:0 4px 14px #cba14b40;transition:.15s}.primary-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-btn[data-blocked]{filter:grayscale(.5) brightness(.8)}.primary-btn.big{padding:.9rem 1.8rem;font-size:1.1rem}.secondary-btn{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:9px;padding:.7rem 1.3rem;font-size:1rem;transition:.15s}.secondary-btn:hover:not(:disabled){border-color:var(--gold-dim)}.secondary-btn:disabled{opacity:.4;cursor:not-allowed}.autosave-hint{text-align:center;color:var(--text-dim);font-size:.85rem;margin-top:1rem}.grid-2col{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;align-items:start}@media(max-width:820px){.grid-2col{grid-template-columns:1fr}}.field-title{display:block;font-family:var(--display);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gold-dim);margin-bottom:.5rem}.hint{color:var(--text-dim);font-size:.85rem;margin:.2rem 0 1rem}.field-row{display:flex;gap:1rem;margin-top:1.1rem;flex-wrap:wrap}.field{flex:1;min-width:160px}.field.narrow{flex:0 0 130px}input[type=text],input[type=number],input[type=search],.search{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.6rem .75rem;font-size:1rem;transition:.15s}input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #cba14b26}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem}.choice-card{display:flex;flex-direction:column;gap:.2rem;text-align:left;padding:.7rem .8rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);transition:.15s}.choice-card:hover{border-color:var(--gold-dim);transform:translateY(-2px)}.choice-card.selected{border-color:var(--gold);background:linear-gradient(180deg,var(--surface-2),var(--surface));box-shadow:inset 0 0 0 1px var(--gold-dim),0 6px 16px #0000004d}.choice-name{font-family:var(--display);font-size:1.05rem;color:var(--gold)}.choice-meta{font-size:.82rem;color:var(--text)}.choice-sub{font-size:.76rem;color:var(--text-dim)}.detail-panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:1.1rem 1.2rem;position:sticky;top:1rem}.detail-panel h3{color:var(--gold);font-size:1.3rem;margin-bottom:.5rem}.detail-panel h4{color:var(--text);font-size:.95rem;margin:1rem 0 .4rem;border-top:1px solid var(--border);padding-top:.7rem}.detail-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem 0 .7rem}.detail-tags span{font-size:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.2rem .6rem;color:var(--text-dim)}.detail-line{font-size:.9rem;margin:.3rem 0}.detail-line.small{font-size:.82rem;color:var(--text-dim)}.trait-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.trait-list li{font-size:.85rem;color:var(--text-dim);line-height:1.4}.trait-list b{color:var(--text)}.detail-empty{text-align:center;color:var(--text-dim);padding:2rem 1rem}.detail-empty-glyph{font-size:2.5rem;display:block;margin-bottom:.6rem;opacity:.6}.segmented{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.segmented button{background:transparent;border:none;color:var(--text-dim);padding:.55rem .9rem;font-size:.9rem;transition:.15s}.segmented button.on{background:linear-gradient(180deg,var(--gold),var(--gold-dim));color:#201709;font-weight:600}.level-picker,.stepper-input{display:inline-flex;align-items:center;gap:.6rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.25rem .4rem}.level-picker button,.stepper-input button{width:30px;height:30px;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--gold);font-size:1.1rem;line-height:1;display:grid;place-items:center}.level-picker button:disabled,.stepper-input button:disabled{opacity:.3;cursor:not-allowed}.level-value,.stepper-input span{min-width:26px;text-align:center;font-size:1.1rem;font-weight:600}.stepper-input.compact button{width:26px;height:26px;font-size:1rem}.budget-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:.8rem 1.1rem;margin-bottom:1.2rem;flex-wrap:wrap}.budget-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gold-dim)}.budget-value{font-family:var(--display);font-size:2rem;color:var(--gold)}.budget-value.over{color:var(--bad)}.budget-total{color:var(--text-dim)}.budget-bar .hint{margin:0;max-width:340px}.abilities-table{width:100%;border-collapse:collapse}.abilities-table th{text-align:center;font-family:var(--display);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--gold-dim);padding:.4rem;border-bottom:1px solid var(--border)}.abilities-table td{text-align:center;padding:.5rem .4rem;border-bottom:1px solid rgba(64,51,31,.5)}.abilities-table .ability-name{text-align:left;font-size:1.05rem}.abilities-table .arrow{color:var(--text-dim)}.abilities-table .total-score{font-size:1.25rem;font-weight:600;color:var(--gold)}.abilities-table .mod{font-size:1.1rem;font-weight:600}.pos{color:var(--good)}.neg{color:var(--bad)}.muted{color:var(--text-dim)}.skills-list{display:grid;grid-template-columns:1fr 1fr;gap:.35rem 1.2rem}@media(max-width:720px){.skills-list{grid-template-columns:1fr}}.skill-row{display:flex;align-items:center;gap:.6rem;padding:.35rem .5rem;border-radius:7px;border:1px solid transparent}.skill-row.class-skill{background:#cba14b0f}.skill-badge{color:var(--gold-dim);font-size:.7rem;width:12px}.skill-row.class-skill .skill-badge{color:var(--gold)}.skill-name{flex:1;display:flex;align-items:center;gap:.4rem;font-size:.92rem}.skill-abbr{font-size:.68rem;color:var(--text-dim);border:1px solid var(--border);border-radius:4px;padding:0 .3rem}.skill-flag{font-size:.72rem}.skill-total{min-width:34px;text-align:right;font-weight:600;color:var(--gold)}.search{margin-bottom:1rem}.feats-list{display:flex;flex-direction:column;gap:.4rem;max-height:460px;overflow-y:auto;padding-right:.4rem}.feat-row{display:flex;gap:.7rem;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:.7rem .9rem;color:var(--text);transition:.12s}.feat-row:hover:not(:disabled){border-color:var(--gold-dim)}.feat-row.selected{border-color:var(--gold);background:linear-gradient(180deg,var(--surface-2),var(--surface))}.feat-row.locked{opacity:.5;cursor:not-allowed}.feat-check{width:20px;color:var(--gold);font-weight:700;flex-shrink:0}.feat-main{display:flex;flex-direction:column;gap:.15rem}.feat-name{font-family:var(--display);color:var(--text)}.feat-type{font-size:.68rem;color:var(--gold-dim);border:1px solid var(--border);border-radius:4px;padding:0 .35rem;margin-left:.35rem}.feat-desc{font-size:.85rem;color:var(--text-dim)}.feat-prereq{font-size:.78rem;color:var(--red);filter:brightness(1.4)}.soul-step{display:flex;flex-direction:column;gap:1.6rem;max-width:560px}.alignment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.align-cell{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:1rem .5rem;color:var(--text);font-family:var(--display);font-size:.92rem;transition:.15s}.align-cell:hover{border-color:var(--gold-dim);transform:translateY(-2px)}.align-cell.selected{border-color:var(--gold);background:linear-gradient(180deg,var(--surface-2),var(--surface));color:var(--gold);box-shadow:0 6px 16px #0000004d}.align-cell.center{color:var(--gold-dim)}.notice,.banner{background:#8f3a291f;border:1px solid var(--red);border-radius:9px;padding:.8rem 1rem;font-size:.9rem}.notice{background:#cba14b14;border-color:var(--gold-dim);margin-bottom:1.2rem}.banner.error{margin:0 1.6rem}.spell-slots{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.spell-slot{display:flex;flex-direction:column;align-items:center;gap:.2rem;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:.6rem .9rem;min-width:60px}.spell-slot.empty{opacity:.4}.spell-level{font-size:.7rem;color:var(--gold-dim);text-transform:uppercase}.spell-count{font-size:1.3rem;font-weight:600;color:var(--gold)}.placeholder{text-align:center;padding:2.5rem 1rem;color:var(--text-dim)}.placeholder-glyph{font-size:3rem;display:block;margin-bottom:.8rem;opacity:.7}.placeholder h3{color:var(--text);margin-bottom:.5rem}code{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:.05rem .35rem;font-size:.85em}.recap{display:flex;flex-direction:column;gap:1.5rem}.sheet{background:linear-gradient(180deg,#f2e8d0,#e9dcbf);color:#2c2114;border-radius:12px;padding:1.5rem 1.7rem;box-shadow:var(--shadow);border:1px solid #cbb890}.sheet-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #b9a578;padding-bottom:.8rem;margin-bottom:1rem}.char-name{font-size:1.9rem;color:#3a2a15}.char-sub{margin:.3rem 0 0;color:#6a583a;font-size:.95rem}.sheet-seal{font-size:2.4rem}.sheet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}@media(max-width:720px){.sheet-grid{grid-template-columns:1fr}}.sheet-block{background:#ffffff59;border:1px solid #cbb890;border-radius:9px;padding:.9rem 1rem}.sheet-block h4{color:#6a3b23;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem}.recap-ability{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.6rem;padding:.25rem 0;border-bottom:1px solid rgba(185,165,120,.4)}.recap-ability b{font-size:1.15rem}.recap-ability em{font-style:normal;font-weight:600;min-width:32px;text-align:right}.recap-ability .pos{color:#3f7a2e}.recap-ability .neg{color:#a5432b}.stat-line{display:flex;justify-content:space-between;padding:.22rem 0;font-size:.92rem}.stat-line b{color:#3a2a15}.recap-skills,.recap-feats{list-style:none;padding:0;margin:0;font-size:.88rem}.recap-skills li{display:flex;align-items:baseline;gap:.5rem;padding:.15rem 0}.recap-skills li span{flex:1}.recap-skills li em{font-style:normal;color:#6a583a;font-size:.8rem}.recap-feats li{padding:.2rem 0;border-bottom:1px solid rgba(185,165,120,.4)}.recap-actions{text-align:center}.recap-actions .hint{color:var(--text-dim)}