nav{grid-template-columns:repeat(10,1fr)}
.super-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;margin:34px 0;padding:26px 24px 28px;border:1px solid #45665d;border-left:5px solid var(--orange);border-radius:8px;background:#0a1714;box-shadow:0 10px 24px rgba(0,0,0,.2)}
.super-row+.super-row{margin-top:46px}
.super-row legend{padding:7px 14px;border:1px solid #45665d;border-radius:999px;background:#10231e;color:var(--text);font-weight:700;letter-spacing:.04em}
.super-row label{min-width:0}
.super-row select{background:#06100e}
.domain-powers{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;display:grid;gap:12px}
.domain-powers h3{margin:0;color:var(--orange)}
.domain-powers p{margin:0}
.power-choice{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:end;padding:14px;border:1px solid var(--line);background:#07110f}
.power-choice .power-cost{min-width:110px;padding:13px;color:var(--muted)}
.power-choice .power-cost b{color:var(--cyan)}
.power-choice button{margin-bottom:0}
.ability-purchase-card>.ability-preview,.ability-purchase-card>.ability-config{grid-column:1/-1}
.ability-purchase-card>.ability-preview{margin-top:2px}
.ability-purchase-card>.ability-config{margin-top:0;padding:14px;border-top:1px solid var(--line);background:#0a1714}
.ability-purchase-card>.ability-config h3{font-size:1rem}
.add-power{justify-self:start;border-color:var(--cyan);color:var(--cyan);font-weight:700}
.add-power:disabled{opacity:.45;cursor:not-allowed}
.ability-config{grid-column:1/-1;border-top:1px solid var(--line);margin-top:8px;padding-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ability-config h3{grid-column:1/-1;margin:0;color:var(--orange)}
.ability-config input[type=checkbox]{width:auto;margin-right:8px}
.issues>p{margin:8px 0;color:var(--muted)}
.issues .issue-link{width:100%;display:flex;justify-content:space-between;gap:16px;padding:8px 4px;border:0;background:transparent;color:var(--text);text-align:left}
.issues .issue-link:hover,.issues .issue-link:focus{color:var(--cyan);text-decoration:underline}
.issues .issue-link span{color:var(--cyan);white-space:nowrap}
.completion-focus{outline:3px solid var(--orange);outline-offset:5px;animation:completion-pulse .7s ease-in-out 2}
.talent-configurations{margin-top:28px;padding-top:20px;border-top:2px solid var(--orange)}
.talent-configurations h2{margin:0 0 12px}
.talent-config{grid-template-columns:repeat(2,minmax(0,1fr));background:#091612;border-left:4px solid var(--cyan)}
.talent-config p{grid-column:1/-1;margin:0}
.arcane-config label{grid-column:1/-1}
.arcane-config select[multiple]{min-height:240px}
.build-transformation{border-color:var(--orange);color:#fff2df;background:#3b2412;font-weight:700}
.ability-preview{grid-column:1/-1;border:1px solid var(--line);padding:12px 14px;background:#07110f}
.ability-preview summary{cursor:pointer;color:var(--cyan);font-weight:700}
.ability-preview dl{margin:10px 0 0}
.purchase-summary{margin:34px 0;padding:22px;border:1px solid #45665d;background:#091612}
.purchase-summary h2{margin-top:0}
.purchase-summary table{width:100%;border-collapse:collapse}
.purchase-summary th,.purchase-summary td{padding:11px;border-bottom:1px solid var(--line);text-align:left}
.purchase-summary tfoot th{color:var(--cyan)}
.final-audit{margin-top:30px;padding-top:22px;border-top:2px solid var(--orange)}
.audit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.audit-grid button{display:grid;gap:7px;text-align:left;min-height:110px}
.audit-grid button span{color:var(--cyan)}
.audit-grid button small{color:var(--muted);line-height:1.35}
.audit-grid .audit-problem{border-color:#e2745d;background:#291713}
.audit-grid .audit-ready{border-color:#3e7368}
#autosave-status{margin-left:0;color:var(--cyan);font-size:13px;white-space:nowrap}
@keyframes completion-pulse{50%{outline-color:var(--cyan);box-shadow:0 0 0 8px rgba(102,227,207,.12)}}
@media(max-width:700px){.super-row,.ability-config,.talent-config{grid-template-columns:1fr}.super-row{margin:28px 0;padding:22px 16px 24px}.super-row+.super-row{margin-top:38px}.power-choice{grid-template-columns:1fr}.power-choice .power-cost{padding:0}.power-choice button{justify-self:start}.audit-grid{grid-template-columns:1fr}.purchase-summary{overflow-x:auto}#autosave-status{display:none}}
.purchased-ability-choice{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.8rem;padding:.7rem .85rem;border:1px solid rgba(91,225,204,.4);background:rgba(91,225,204,.06)}
.purchased-ability-choice strong{color:#fff}.purchased-ability-choice small{color:#5be1cc;text-transform:uppercase;letter-spacing:.06em;font-weight:700}

/* Domain workspace: one readable stack, with compact ability cards. */
body[data-veilfall-page=characters] .super-row{display:flex;flex-direction:column;gap:18px;min-width:0;padding:26px;margin:36px 0;border:1px solid #526c68;border-left:5px solid #dfac69;background:#142426;border-radius:14px}
body[data-veilfall-page=characters] .super-row legend{font:600 23px/1.35 Georgia,serif;letter-spacing:0;border-radius:8px;padding:10px 16px;max-width:100%;white-space:normal;background:#253d3a;color:#f2e5ce}
body[data-veilfall-page=characters] .super-row>label{display:grid;gap:8px;font-size:15px;font-weight:600}
body[data-veilfall-page=characters] .super-row select{width:100%;min-width:0}
body[data-veilfall-page=characters] .super-row .ability-purchase-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;padding:20px;background:#1c3032;border:1px solid #45605c;border-radius:10px;min-width:0;width:100%}
body[data-veilfall-page=characters] .ability-purchase-card>label{display:grid;gap:8px;align-self:start;font-size:14px}
body[data-veilfall-page=characters] .purchased-ability-choice{display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:100%;padding:0;border:0;background:none;min-width:0}
body[data-veilfall-page=characters] .purchased-ability-choice strong{font-size:18px;line-height:1.4;color:#f4eee3;word-break:normal}
body[data-veilfall-page=characters] .purchased-ability-choice small{color:#afd1bf;font-size:10px}
body[data-veilfall-page=characters] .ability-purchase-card>.ability-preview,body[data-veilfall-page=characters] .ability-edit-drawer{grid-column:1/-1;width:100%;min-width:0}
body[data-veilfall-page=characters] .ability-edit-drawer{border-top:1px solid #45605c;padding-top:12px}
.ability-edit-drawer>summary{cursor:pointer;font-size:14px;font-weight:600;color:#e4bf86;padding:8px 0}
body[data-veilfall-page=characters] .ability-edit-drawer .ability-config{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;padding:18px 0;background:none;border:0}
body[data-veilfall-page=characters] .ability-config label{display:grid;gap:8px;min-width:0;font-size:14px}
body[data-veilfall-page=characters] .ability-config textarea{min-height:100px;resize:vertical;width:100%}
body[data-veilfall-page=characters] .super-row .domain-powers{display:flex;flex-direction:column;gap:16px;margin-top:10px;padding-top:24px}
body[data-veilfall-page=characters] .domain-powers h3,body[data-veilfall-page=characters] .additional-gifts h3{font-size:23px;color:#eed2a7}
body[data-veilfall-page=characters] .domain-powers .add-power{width:100%;padding:16px 20px;background:#dfac69;color:#132024;border:1px solid #dfac69;font-size:17px;font-weight:750;text-align:left;border-radius:9px}
body[data-veilfall-page=characters] .super-row>section{width:100%;min-width:0}
body[data-veilfall-page=characters] .super-row .gift-help{margin:0;padding:14px 18px;line-height:1.6;background:#233a37}
@media(max-width:600px){body[data-veilfall-page=characters] .super-row{padding:16px}body[data-veilfall-page=characters] .super-row legend{font-size:20px}body[data-veilfall-page=characters] .super-row .ability-purchase-card{grid-template-columns:minmax(0,1fr);padding:16px}body[data-veilfall-page=characters] .ability-purchase-card>button{justify-self:start}}
