.topbar nav{overflow-x:auto;max-width:65vw}.compact{max-width:none;padding-bottom:1rem}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1rem 0}.facts div{padding:.7rem;background:#0d1017;border-radius:.6rem}.facts dt{font-size:.7rem;color:var(--muted);text-transform:uppercase}.facts dd{margin:.25rem 0 0}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.choice{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;margin:0!important;padding:.55rem;border:1px solid var(--line);border-radius:.55rem;background:#0d1017}.choice input{width:auto}.choice.selected{border-color:#6ca67c;background:#112019}.line{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem 0;border-bottom:1px solid #ffffff0d}.line button{padding:.35rem .6rem}.card-list{display:grid;gap:.8rem}.feature-card{border:1px solid var(--line);border-radius:1rem;padding:1.1rem 1.3rem;background:linear-gradient(145deg,#171c27,#10141c)}.feature-card>div{display:flex;justify-content:space-between;color:var(--gold);font:700 .7rem ui-monospace}.feature-card h2{margin:.7rem 0;text-transform:none;font-family:Georgia,serif;font-size:1.35rem;letter-spacing:0}.feature-card p{white-space:pre-line}.feature-card.selected{border-color:#67a97a}.toolbar{display:flex;gap:.7rem;align-items:center}.toolbar input{max-width:34rem}.toolbar select{max-width:12rem}.catalog{max-height:60vh;overflow:auto;padding-right:.3rem}
@media(max-width:760px){.topbar{align-items:flex-start;gap:.5rem;flex-direction:column}.topbar nav{max-width:100%;width:100%}.topbar nav button{flex:0 0 auto}}
.attack,.resource{padding:.75rem 0;border-bottom:1px solid #ffffff12}.attack>div,.resource{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.attack p{margin:.3rem 0}.resource>div{display:grid}.resource>span{margin-left:auto;font:800 1rem ui-monospace;color:var(--gold)}.resource button{padding:.35rem .65rem}
.class-entry{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid #ffffff12}.slot-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.slot-row span{padding:.5rem .7rem;border:1px solid var(--line);border-radius:.55rem;background:#111722;color:var(--muted)}.slot-row b{color:var(--blue)}
.wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:1.3rem}.wizard-steps button{display:flex;align-items:center;gap:.55rem;text-align:left;color:var(--muted)}.wizard-steps button span{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:#0b0e14;color:#fff}.wizard-steps button.active{border-color:var(--gold);color:var(--gold)}.wizard-steps button.done span{background:#315f40}.wizard-panel{max-width:58rem;margin:auto}.wizard-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem;max-width:58rem;margin:1rem auto}.wizard-nav .primary{margin-left:auto;background:var(--gold);border-color:var(--gold);color:#17110a;font-weight:800}.wizard-nav .primary:hover{color:#17110a;filter:brightness(1.1)}.wizard-nav p{margin:0;color:#ffca8a;font-size:.85rem}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.choice-count{border:1px solid #885c48;border-radius:99px;padding:.35rem .65rem;color:#ffc5ac;font-weight:800}.choice-count.complete{border-color:#568b65;color:#9ee3af}.choice.unavailable{opacity:.52}.choice.unavailable input{cursor:not-allowed}.rule-note{padding:.8rem;border-left:3px solid var(--gold);background:#0d1017}.review-list{display:grid;gap:.65rem;margin:1.2rem 0}.review-list div,.item-facts div{display:grid;grid-template-columns:9rem 1fr;gap:1rem;padding:.55rem 0;border-bottom:1px solid #ffffff12}.review-list dt,.item-facts dt{color:var(--muted)}.review-list dd,.item-facts dd{margin:0}.button-row{display:flex;gap:.5rem;flex-wrap:wrap}.equipment-layout{display:grid;grid-template-columns:minmax(13rem,.8fr) minmax(20rem,1.35fr) minmax(16rem,1fr);gap:1rem;align-items:start}.item-details{position:sticky;top:5.8rem}.item-details h2{margin:.4rem 0 1rem;font-family:Georgia,serif;font-size:1.7rem;text-transform:none;letter-spacing:0;color:#fff}.item-link{padding:.25rem 0;border:0;background:transparent;text-align:left;color:#fff}.item-link:hover{color:var(--gold)}.equip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.55rem 0;border-bottom:1px solid #ffffff0d}.equip input{width:auto}.item-empty{padding:1rem 0;text-align:center}.item-facts{margin:0}.item-facts div{grid-template-columns:7rem 1fr}
button:disabled,input:disabled{cursor:not-allowed;opacity:.48}
@media(max-width:940px){.equipment-layout{grid-template-columns:1fr 1fr}.item-details{position:static;grid-column:1/-1}}
@media(max-width:620px){.wizard-steps{grid-template-columns:1fr 1fr}.wizard-steps button{font-size:.8rem}.wizard-nav{flex-wrap:wrap}.wizard-nav p{order:3;width:100%}.equipment-layout{grid-template-columns:1fr}.item-details{grid-column:auto}.choice-grid{grid-template-columns:1fr}}
.level button{margin-top:.6rem;padding:.45rem .7rem;font-size:.8rem}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1rem;background:#05070bd9;backdrop-filter:blur(8px)}.level-up-modal{position:relative;width:min(38rem,100%);max-height:calc(100vh - 2rem);overflow:auto;border:1px solid #78623c;border-radius:1rem;padding:1.5rem;background:linear-gradient(145deg,#1b2130,#10141d);box-shadow:0 2rem 7rem #000}.level-up-modal h2{margin:.4rem 2rem .6rem 0;font-family:Georgia,serif;font-size:2rem;text-transform:none;letter-spacing:0;color:#fff}.modal-close{position:absolute;right:1rem;top:1rem;width:2.3rem;height:2.3rem;padding:0;font-size:1.5rem}.level-up-options{display:grid;gap:.55rem;margin-top:1.2rem}.level-up-options h3{margin:1rem 0 .1rem;color:var(--gold);font:800 .8rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.level-up-options>button{display:flex;justify-content:space-between;align-items:center;text-align:left}.level-up-options>button span{display:grid;gap:.2rem}.level-up-options>button small{font-weight:400}.level-up-options>button b{color:var(--gold)}.multiclass-picker{display:grid;grid-template-columns:1fr auto;gap:.55rem}
@media(max-width:520px){.multiclass-picker{grid-template-columns:1fr}.sheet-title{align-items:start}.level-up-modal{padding:1.15rem}.level-up-modal h2{font-size:1.6rem}}
.option-group{margin:1rem 0;padding:1rem;border:1px solid #ffffff14;border-radius:.8rem;background:#0c1018}.option-group h3{margin:0;color:#dfe5f1;font:800 .82rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.07em}.option-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.75rem}.option-card{display:grid;gap:.35rem;text-align:left}.option-card span{font-weight:800}.option-card small{font-size:.76rem;line-height:1.35}.option-card.selected{border-color:#62a879;background:#11231a;color:#b8f2c6}.option-card:disabled:not(.selected){opacity:.38}
@media(max-width:620px){.option-cards{grid-template-columns:1fr}}
.shop-hero{display:grid;grid-template-columns:1fr auto;gap:1rem 2rem;align-items:end}.shop-hero>div:first-child p:last-child{max-width:46rem;margin-bottom:0}.wallet-total{display:grid;gap:.25rem;min-width:13rem;padding:1rem 1.2rem;border:1px solid #8e713d;border-radius:.85rem;background:#111722}.wallet-total span{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.wallet-total strong{color:var(--gold);font:900 1.25rem ui-monospace,monospace}.coin-editor{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(4.5rem,1fr));gap:.55rem}.coin-editor label{display:grid;gap:.3rem;color:var(--muted);font-size:.72rem;font-weight:800}.coin-editor input{padding:.55rem}.shop-hero .toolbar{grid-column:1/-1}.shop-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;max-height:62vh;overflow:auto;padding-right:.25rem}.shop-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.6rem;align-items:center;padding:.75rem;border:1px solid #ffffff12;border-radius:.7rem;background:#0d1119}.shop-item>.item-link{display:grid;gap:.2rem}.shop-item>div{display:grid;justify-items:end;gap:.35rem}.shop-item>div span{color:var(--gold);font:800 .78rem ui-monospace,monospace}.shop-item>div button{padding:.4rem .65rem}.equip{grid-template-columns:auto minmax(0,1fr) auto auto!important}.icon-danger{padding:.25rem .5rem;border-color:#56333a;color:#ffacb5}.level-up-preview{display:grid;gap:1rem}.level-up-preview>div:first-child h3{margin:.25rem 0;font:700 1.5rem Georgia,serif;color:#fff}.level-up-preview ul{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}.level-up-preview li{display:grid;gap:.25rem;padding:.8rem;border:1px solid #ffffff12;border-radius:.7rem;background:#0d1119}.level-up-preview li span{color:var(--muted);font-size:.86rem;line-height:1.45}.choice-alert{padding:.75rem;border-left:3px solid var(--gold);background:#0d1119;color:#ffdca0}.asi-picker{padding:1rem;border:1px solid #7f683d;border-radius:.8rem;background:#121824}.asi-picker .panel-heading h3{margin:0;color:#fff}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin:.8rem 0}.segmented button.active{border-color:var(--gold);background:#2b251a;color:#ffd88f}
@media(max-width:760px){.shop-hero{grid-template-columns:1fr}.wallet-total{width:100%}.coin-editor{grid-template-columns:repeat(3,1fr)}.shop-catalog{grid-template-columns:1fr;max-height:none}}
@media(max-width:430px){.coin-editor{grid-template-columns:repeat(2,1fr)}.shop-hero .toolbar{align-items:stretch;flex-direction:column}.shop-hero .toolbar select{max-width:none}}
.ability-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1rem 0}.ability-methods button{display:grid;gap:.2rem;text-align:left}.ability-methods button small{font-size:.72rem}.ability-methods button.active{border-color:var(--gold);background:#2b251a;color:#ffda91}.point-budget{display:flex;align-items:center;justify-content:space-between;margin:.8rem 0;padding:.75rem 1rem;border:1px solid #477b58;border-radius:.7rem;background:#102018}.point-budget span{color:#b5c9ba}.point-budget strong{color:#a9e9b8;font:900 1.4rem ui-monospace,monospace}.point-budget.invalid{border-color:#9a4e52;background:#251416}.point-budget.invalid strong{color:#ffadb1}.ability-builder{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.ability-builder article{display:grid;gap:.45rem;padding:.75rem;border:1px solid #ffffff12;border-radius:.7rem;background:#0d1119;text-align:center}.ability-builder article>span{color:var(--muted);font:800 .72rem ui-monospace,monospace;letter-spacing:.08em}.ability-builder article>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.35rem}.ability-builder button{padding:.35rem .6rem}.ability-builder strong{font:900 1.45rem ui-monospace,monospace}.ability-builder small{font-size:.7rem}.roll-summary{display:grid;gap:.8rem}.roll-summary>button{justify-self:start}.roll-summary>div{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem}.roll-summary span{display:grid;gap:.2rem;padding:.55rem;border:1px solid #ffffff12;border-radius:.6rem;background:#0d1119;text-align:center}.roll-summary strong{color:var(--blue);font:900 1.25rem ui-monospace,monospace}.roll-summary small{font-size:.65rem}.roll-summary s{color:#a96f73}
@media(max-width:620px){.ability-methods{grid-template-columns:1fr}.ability-methods button{text-align:center}.ability-builder{grid-template-columns:repeat(2,1fr)}.roll-summary>div{grid-template-columns:repeat(3,1fr)}}
.origin-preview{margin:-.35rem 0 1rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035)}
.origin-preview>div{display:flex;align-items:center;justify-content:space-between;gap:1rem}.origin-preview small{color:var(--muted);font-weight:700}.origin-preview>p:empty{display:none}.origin-preview details{border-top:1px solid var(--line);padding:.5rem 0}.origin-preview details:last-child{padding-bottom:0}.origin-preview summary{cursor:pointer;font-weight:700}.origin-preview details p{margin:.5rem 0;white-space:pre-line;color:var(--muted)}
.spell-level-tabs{display:flex;gap:.4rem;overflow-x:auto;padding:.25rem 0 .85rem;scrollbar-width:thin}.spell-level-tabs button{flex:0 0 auto;display:flex;align-items:center;gap:.45rem}.spell-level-tabs button.active{border-color:var(--gold);background:#2b251a;color:#ffda91}.spell-level-tabs small{display:grid;place-items:center;min-width:1.4rem;height:1.4rem;padding:0 .3rem;border-radius:99px;background:#0b0e14;color:var(--muted)}
.wealth-roller{grid-column:1/-1;display:grid;grid-template-columns:minmax(10rem,1fr) minmax(10rem,15rem) auto;align-items:center;gap:.65rem;padding:.85rem 1rem;border:1px solid #ffffff18;border-radius:.85rem;background:#0d1119}.wealth-roller>div{display:grid;gap:.2rem}.wealth-roller>div span,.wealth-roller>small{color:var(--muted);font-size:.72rem}.wealth-roller>div strong{color:var(--gold)}.wealth-roller>small{grid-column:1/-1}.wealth-result{grid-column:1/-1;display:flex;align-items:center;gap:1rem;margin:0;padding:.6rem .75rem;border-left:3px solid #67a97a;background:#102018}.wealth-result strong{color:#a9e9b8}.wealth-result span{color:var(--muted);font:700 .8rem ui-monospace,monospace}
@media(max-width:700px){.wealth-roller{grid-template-columns:1fr}.wealth-roller>small,.wealth-result{grid-column:auto}.spell-level-tabs{margin-inline:-.25rem;padding-inline:.25rem}}
.save-panel{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin-top:1rem;padding:1rem;border:1px solid #477b58;border-radius:.8rem;background:#102018}.save-panel>div{display:grid;gap:.2rem;margin-right:auto}.save-panel small{color:#9db5a3}.save-panel .primary{background:var(--gold);border-color:var(--gold);color:#17110a;font-weight:800}.save-status{color:#9ee3af;font-weight:800}

.spell-counter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin:.8rem 0}.spell-counter-grid article{padding:.75rem;border:1px solid #ffffff18;border-radius:.7rem;background:#0d1119}.spell-counter-grid span{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase}.spell-counter-grid strong{font-size:1.25rem;color:var(--gold)}.spell-lists{display:grid;gap:1.2rem}.spell-section>.panel-heading{position:sticky;top:0;z-index:2;padding:.65rem .8rem;background:#0a0f17e8;backdrop-filter:blur(8px);border:1px solid #ffffff12;border-radius:.7rem}.spell-actions{display:flex;gap:.35rem;flex-wrap:wrap}.feature-card.spell.prepared{outline:1px solid #8e713d}.buy-controls{display:flex!important;grid-auto-flow:column;align-items:center;gap:.35rem}.buy-controls input{width:3.6rem;padding:.4rem}.mask-forge{margin-top:.8rem;padding:1rem;border:1px solid #8e713d;border-radius:.8rem;background:#101620}@media(max-width:760px){.spell-counter-grid{grid-template-columns:1fr 1fr 1fr}.buy-controls input{width:3.2rem}}

.spell-list-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:.8rem 0 1rem}.spell-list-tabs button{padding:.7rem .8rem;border:1px solid #ffffff18;border-radius:.7rem;background:#0d1119}.spell-list-tabs button.active{border-color:#8e713d;color:var(--gold);background:#17150f}.spell-list-tabs small{margin-left:.3rem;opacity:.75}

/* Preview 009A — level-up choice audit */
.level-choice-audit{margin:1rem 0;padding:1rem;border:1px solid #8e713d66;border-radius:.8rem;background:#17150f}
.level-choice-row{display:grid;grid-template-columns:minmax(9rem,.35fr) 1fr;gap:.8rem;padding:.65rem 0;border-top:1px solid #ffffff12}
.level-choice-row:first-of-type{border-top:0}
.level-choice-row span{opacity:.82;line-height:1.45}
@media(max-width:650px){.level-choice-row{grid-template-columns:1fr;gap:.25rem}}