.app-nav{align-items:center;gap:var(--space-3) var(--space-5);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.app-nav__wordmark{font:700 var(--text-sm)/1 var(--font-display);letter-spacing:.18em;color:var(--text-primary);margin-inline-end:auto;text-decoration:none}.app-nav ul{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.app-nav a:not(.app-nav__wordmark){min-height:44px;padding-inline:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);border-radius:8px;align-items:center;text-decoration:none;display:inline-flex}.app-nav a[aria-current=page]{background:var(--bg-surface-2);color:var(--text-primary);font-weight:600}.breadcrumb{font-size:var(--text-xs);color:var(--text-muted)}.breadcrumb ol{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li+li:before{content:"›";color:var(--border-strong);margin-inline-end:var(--space-2)}.breadcrumb a{color:var(--text-secondary)}.breadcrumb [aria-current=page]{color:var(--text-primary)}.campaign-nav{gap:var(--space-2);display:grid}.campaign-nav nav{gap:var(--space-2);flex-wrap:wrap;display:flex}.campaign-nav a{min-height:44px;padding-inline:var(--space-3);border-radius:8px;align-items:center;text-decoration:none;display:inline-flex}.campaign-nav__play a{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);font-weight:600}.campaign-nav__play a[aria-current=page]{border-color:var(--accent);background:var(--bg-surface-2)}.campaign-nav__admin a{color:var(--text-muted);font-size:var(--text-sm);padding-inline:var(--space-2)}.campaign-nav__admin a[aria-current=page]{color:var(--text-primary);text-decoration:underline}.overview-primary{align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--accent-deep);background:var(--bg-surface);border-radius:12px;flex-wrap:wrap;display:flex}.overview-primary p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.overview-primary .primary-link{margin-inline-start:auto}.overview-summaries{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.overview-summary dl{gap:var(--space-1);margin:0;display:grid}.overview-summary dl div{justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm);display:flex}.overview-summary dt{color:var(--text-secondary)}.overview-summary dd{color:var(--text-primary);margin:0;font-weight:600}@media (max-width:30rem){.app-nav{gap:var(--space-2)}.app-nav ul{width:100%}.app-nav a:not(.app-nav__wordmark){padding-inline:var(--space-2)}.overview-primary .primary-link{justify-content:center;width:100%;margin-inline-start:0}}.tap,.hub-action>summary{align-items:center;min-height:44px;display:inline-flex}
.feedback-launcher{right:max(var(--space-4), env(safe-area-inset-right));bottom:calc(var(--space-4) + env(safe-area-inset-bottom));z-index:10;width:var(--touch-target-min);background:0 0;border:0;padding:0;position:fixed}.feedback-launcher>summary{width:var(--touch-target-min);height:var(--touch-target-min);min-height:var(--touch-target-min);border:1px solid var(--border-strong);background:var(--bg-surface);cursor:pointer;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.2rem;font-weight:700;list-style:none;display:flex}.feedback-launcher>summary::-webkit-details-marker{display:none}.feedback-launcher.is-docked{margin:0;position:relative;inset:auto}body:has([data-feedback-dock]) .feedback-launcher:not(.is-docked){visibility:hidden}.feedback-launcher[open]>summary{border-bottom:1px solid var(--border-subtle);color:var(--accent)}.feedback-form{right:0;bottom:calc(100% + var(--space-2));width:min(320px, calc(100vw - (2 * var(--space-4))));max-height:min(50dvh,620px);padding:var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-surface);position:absolute;overflow:auto}.feedback-form textarea,.feedback-form select{width:100%}.existing-character-import>summary{min-height:var(--touch-target-min);cursor:pointer;font-weight:700}.existing-character-import>form{margin-top:var(--space-4)}@media (min-width:760px){.existing-character-import .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.campaign-hub-shell{width:min(1500px,100vw - 64px);max-width:none}.campaign-hub-shell .campaign-hub-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.campaign-hub-shell .character-card--hub{min-height:0}}.spell-tools,.spell-level-group{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg-surface-2) 82%, transparent)}.spell-tools>summary,.spell-level-group>summary{min-height:var(--touch-target-min);justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;display:flex}.spell-tools[open]>summary,.spell-level-group[open]>summary{border-bottom:1px solid var(--border-subtle)}.spell-tools .spell-filters,.spell-level-group .spell-grid{padding:var(--space-4)}.spell-level-group>summary span:first-child{gap:var(--space-1);display:grid}.spell-level-group>summary small{color:var(--text-muted);font-weight:400}.spell-level-section{padding-top:var(--space-2)}@media (max-width:759px){.spell-tools>summary,.spell-level-group>summary{align-items:flex-start}.spell-level-group>summary{flex-direction:column}}
.cockpit-page{width:min(1880px,100%);max-width:none;padding:var(--space-4);gap:var(--space-4);align-content:start;margin-inline:auto}.cockpit-header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.cockpit-header h1{margin:0;font-size:1.75rem}.cockpit-connection{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.cockpit-connection:before{content:"";background:var(--warning);border-radius:50%;width:7px;height:7px}.cockpit-connection[data-status=live]:before{background:var(--success)}.cockpit-toolbar{align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);background:var(--bg-surface-2);flex-wrap:wrap;padding:6px;display:flex}.cockpit-toolbar .dm-context-nav{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));min-width:min(100%,360px);padding:0}.cockpit-toolbar a{padding-inline:8px}.cockpit-screen-picker{position:relative}.cockpit-screen-options{z-index:20;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);width:min(260px,85vw);padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0006}.cockpit-screen-options button{text-align:left;width:100%;margin:0;display:block}.cockpit-popup-feedback{flex-basis:100%;margin:0}.cockpit-page :is(button,summary,.primary-link,.session-secondary-link){min-height:44px}.cockpit-page :is(button,a,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.cockpit-page .session-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""memory""context";width:100%;max-width:none;margin:0}.cockpit-page .session-panel{min-width:0;min-height:0}.cockpit-page .session-rail{max-height:none;position:static}.cockpit-page .session-context{grid-column:auto}.cockpit-page .session-stage{gap:var(--space-4)}.cockpit-page :is(.session-stage__scene,.session-stage__combat){min-height:0}.cockpit-page .session-stage__combat{border-bottom:1px solid var(--border-strong);padding-bottom:var(--space-3)}.cockpit-page .session-scene-summary,.cockpit-dm-notes p{white-space:pre-wrap;max-width:70ch}.cockpit-dm-notes{border-top:1px solid var(--border-subtle);margin-top:var(--space-4)}.cockpit-breadcrumb{color:var(--text-secondary);font-size:var(--text-sm)}.cockpit-alert{padding-block:var(--space-2);color:var(--accent);display:block}.cockpit-page .combat-layout--active{grid-template-columns:minmax(0,1fr)}.cockpit-page .combat-roster-compact{grid-column:auto;grid-template-columns:minmax(0,1fr)}.cockpit-page .combat-initiative-row{flex-wrap:wrap}.cockpit-page .combat-initiative-row__name{white-space:normal;overflow-wrap:anywhere}.cockpit-page .combat-initiative-row>small{color:var(--text-secondary);flex-basis:100%}.cockpit-page .combat-initiative-row>details{width:100%}.cockpit-page .combat-initiative-row summary{cursor:pointer;align-items:center;display:flex}.cockpit-page--surface{max-width:1180px}.cockpit-page--surface .session-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:none;display:grid}.cockpit-page--surface .session-layout>*{grid-area:auto}.cockpit-page--surface .combat-shell{width:100%;padding:0}body:has(.cockpit-page--surface)>.feedback-launcher{display:none}@media (min-width:960px){.cockpit-page:not(.cockpit-page--surface) .session-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);grid-template-areas:"stage context""memory context"}.cockpit-page:not(.cockpit-page--surface) .combat-layout--active{grid-template-columns:minmax(230px,.7fr) minmax(0,1.5fr)}.cockpit-page:not(.cockpit-page--surface) .combat-roster-compact{grid-column:1/-1}.cockpit-page[data-cockpit-surface=control] .session-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.cockpit-control{grid-column:1/-1}}@media (min-width:1440px){.cockpit-page:not(.cockpit-page--surface) .session-layout{grid-template-columns:minmax(250px,.8fr) minmax(0,1.6fr) minmax(280px,.9fr);grid-template-areas:"memory stage context"}.cockpit-page:not(.cockpit-page--surface) .combat-layout--active{grid-template-columns:minmax(250px,.8fr) minmax(0,1.6fr) minmax(290px,1fr)}.cockpit-page:not(.cockpit-page--surface) .combat-roster-compact{grid-column:auto}}@media (min-width:1920px){.cockpit-page:not(.cockpit-page--surface) .session-layout{grid-template-columns:minmax(320px,.9fr) minmax(0,1.6fr) minmax(340px,1fr)}}@media (max-width:959px){.cockpit-screen-picker{width:100%;min-width:0}.cockpit-screen-picker>button{width:100%}.cockpit-screen-options{width:100%;margin-top:6px;position:static}.cockpit-page .scene-preparation-layout,.cockpit-page .session-live-items button{grid-template-columns:minmax(0,1fr)}}@media (max-width:479px){.cockpit-toolbar .dm-context-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}.cockpit-page .session-layout{align-items:start}.cockpit-control,.cockpit-page .session-stage{padding:var(--space-4)}.cockpit-page .session-stage h2{max-width:none;font-size:1.65rem;line-height:1.2}.cockpit-page .session-stage__combat{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.cockpit-page .session-stage__combat :is(h2,p){margin:0}.cockpit-page .session-stage__combat h2{font-size:1.1rem}.cockpit-page .session-stage__combat .eyebrow{flex-basis:100%}.cockpit-page .session-stage__combat .session-primary-action{min-height:44px}.cockpit-page .session-note-form textarea{min-height:220px}@media (min-width:960px){.cockpit-page[data-cockpit-surface=control] .cockpit-control{grid-column:1/-1}.cockpit-page[data-cockpit-surface=combat] .combat-layout--active{grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr)}}.cockpit-page :is(.ui-card,.play-panel,.session-panel){padding:12px}.cockpit-page details{min-width:0;padding-block:0}.cockpit-page summary{align-content:center;padding-block:8px}.cockpit-page details[open]>:last-child:not(summary){margin-bottom:8px}.cockpit-page :is(h2,h3,p){margin-block:4px}.cockpit-page :is(h1,h2,h3,strong,small,p,label){overflow-wrap:anywhere}.cockpit-page :is(input,select,textarea){min-width:0;max-width:100%}.cockpit-page .table-management{padding-block:0}.cockpit-page .combat-focus{gap:8px;min-height:0}.cockpit-page .combat-shell__header{padding-block:8px}.cockpit-page .combat-target-picker__list{scrollbar-gutter:stable;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));grid-auto-rows:max-content;max-height:180px;overflow:auto}.cockpit-page .combat-target-picker__option>span:last-child{white-space:nowrap;flex-shrink:0}.cockpit-page .combat-next-step .ui-button--primary{min-height:44px}.cockpit-page .combat-layout:has(>:only-child){grid-template-columns:minmax(0,1fr)}.cockpit-page .session-context-list{scrollbar-gutter:stable;grid-auto-rows:max-content;max-height:420px;overflow:auto}.cockpit-page .session-context-list__item .ui-button{grid-column:2;justify-self:stretch}.cockpit-page .combatant-compact-list{scrollbar-gutter:stable;grid-auto-rows:max-content;max-height:480px;overflow:auto}.cockpit-page .combat-initiative-rail{max-height:min(60dvh,480px)}.cockpit-page .combat-drawer__surface,.cockpit-page .session-drawer__surface{overscroll-behavior:contain;max-height:calc(100dvh - 32px)}.cockpit-page .combat-drawer__surface>.row:first-child{z-index:1;background:var(--bg-surface);position:sticky;top:0}.cockpit-page .combat-drawer .quantity-stepper{grid-template-columns:44px 24px 44px}.cockpit-page .combat-drawer .quantity-stepper button{min-height:44px}.cockpit-page .pending-action__correction .row>label{flex:140px;min-width:0}@media (min-width:960px){.cockpit-page .quick-state-edit{flex-flow:wrap;align-items:end;gap:8px;display:flex}.cockpit-page .quick-state-edit>div:first-child{flex-basis:100%}.cockpit-page .quick-state-edit>label{flex:130px;min-width:0}}.cockpit-page nav a{align-items:center;min-height:44px;display:inline-flex}.cockpit-page dialog:is(.combat-drawer,.session-drawer){width:100%;max-width:none;height:100%;max-height:none;color:var(--text-primary);background:0 0;border:0;margin:0}.cockpit-page dialog::backdrop{background:var(--overlay)}
.builder-badges{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.builder-badge,.hit-die-badge{border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text-primary);background:var(--bg-surface-2);align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:.8rem;display:inline-flex}.hit-die-badge{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:750}.hit-die-badge>span{color:#eeaaa3}.rule-option-choice{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);overflow-wrap:anywhere;min-width:0}.rule-option-choice>.rule-option{border-radius:var(--radius-md);background:0 0;border:0;width:100%}.rule-option-choice.is-selected{border-color:var(--selected);background:color-mix(in srgb, var(--selected) 12%, var(--bg-surface))}.rule-option-choice>.rule-definition,.rule-option-expanded{padding:.7rem}.rule-option-expanded{border-top:1px solid var(--border-subtle)}.origin-option-grid>.is-selected{grid-column:1/-1}.rule-option .builder-badges{display:flex}.rule-definition>summary,.feat-configuration>summary{cursor:pointer;min-height:44px;padding:.5rem 0}.disclosure-marker{font-size:1.15rem;display:inline-block}details[open]>summary>.disclosure-marker{transform:rotate(45deg)}.spell-eye{justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.subclass-spell-option{border-top:1px solid var(--border-subtle);overflow-wrap:anywhere;min-width:0;padding-block:.75rem}.subclass-spell-option>ul{margin:0;padding-left:1.25rem}.subclass-spell-option .spell-eye{margin-top:.35rem;display:flex}.builder-detail-dialog{box-sizing:border-box;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-surface);width:min(760px,100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);color:var(--text-primary);overscroll-behavior:contain;overflow-wrap:anywhere;margin:auto;padding:12px;overflow:auto}.builder-detail-dialog::backdrop{background:var(--overlay)}.builder-detail-dialog>header{background:var(--bg-surface);z-index:1;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding-block:12px;display:grid;position:sticky;top:-12px}.builder-detail-dialog h2{margin:0;font-size:1.2rem}.builder-detail-dialog button{min-height:44px}.builder-detail-dialog :focus-visible{outline:2px solid var(--focus);outline-offset:2px}.rule-option-choice>button.secondary{min-height:44px;margin:8px}.origin-selected ul{margin:0;padding-left:1rem}.rail-subclass-confirmed{overflow-wrap:anywhere;max-width:220px;padding:4px 8px;display:block}.guided-builder fieldset{min-inline-size:0}.builder-step .summary-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.builder-step .summary-stats>div{align-content:start;gap:.35rem;min-width:0;display:grid}.spell-stat-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:.8rem;margin:0;display:grid}.spell-stat-grid dt{color:var(--text-secondary);font-size:.8rem}.spell-stat-grid dd{overflow-wrap:anywhere;margin:.25rem 0 0}.builder-step .builder-filters{align-items:end}.builder-step .builder-filters>label{gap:.25rem;min-width:0;display:grid}.builder-step .choice-tile,.builder-step .choice-tile>span{min-width:0}.builder-step .choice-tile:has(.spell-choice-main){align-content:start;display:grid}.builder-step .spell-choice-main{grid-template-columns:18px minmax(0,1fr);align-items:start;width:100%;display:grid}.builder-step .spell-choice-main>span{overflow-wrap:break-word;min-width:0}.builder-step .spell-eye{justify-self:start}.builder-step input,.builder-step select,.builder-step button,.builder-step summary{scroll-margin-block:170px 160px}.equipment-facts{flex-wrap:wrap;gap:.4rem;display:flex}.equipment-facts>span{border:1px solid var(--border-subtle);border-radius:.35rem;padding:.25rem}.guided-builder__main{padding:0}.guided-builder__main:has(.feedback-launcher[open]){overflow:visible}.builder-navigation:has(.feedback-launcher[open]){z-index:8}.equipment-choice{gap:var(--space-2);min-width:0;margin-block:var(--space-3);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);grid-template-columns:minmax(0,1fr);display:grid}.equipment-choice:has(input:checked){border-color:var(--accent)}.equipment-choice>.check{overflow-wrap:break-word;align-items:flex-start}.equipment-choice>.check input{margin-top:.2rem}.equipment-package-contents{min-width:0;margin:0;padding-left:1.1rem}.equipment-package-contents>li{min-width:0;margin-block:var(--space-2)}.number-stepper{grid-template-columns:44px minmax(32px,1fr) 44px;align-items:center;gap:4px;width:144px;max-width:100%;display:grid}.number-stepper>button{min-width:44px;min-height:44px;padding:0}.number-stepper>output{text-align:center;font-variant-numeric:tabular-nums}.ability-allocation{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,144px),1fr));display:grid}.builder-navigation>button{white-space:normal;min-width:0;max-width:100%}.builder-navigation__status{align-items:center;gap:var(--space-2);grid-template-columns:minmax(0,1fr) 44px}.builder-navigation__status>div{min-width:0}[data-feedback-dock]{width:44px;min-height:44px}.builder-step :focus-visible,.builder-detail-dialog :focus-visible{outline:2px solid var(--focus);outline-offset:3px}.guided-builder__rail button[aria-disabled=true]{opacity:.65}@media (max-width:1024px){[data-active-choices],#origin-configuration-heading{scroll-margin-top:170px}.guided-builder__rail{z-index:5;position:sticky;top:0}.guided-builder__rail button strong{display:block}.guided-builder__rail button{grid-template-columns:24px auto}.guided-builder__rail li{flex:none}.guided-builder__rail button{min-width:100px}.guided-builder__level{justify-content:space-between;gap:.5rem;margin-block:0 .5rem;display:flex}.guided-builder__level>button{width:auto;min-width:0;min-height:32px;margin-left:auto;display:inline-block}.builder-navigation{padding-bottom:calc(12px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.builder-navigation__status{grid-area:1/1/auto/-1;justify-items:stretch}.builder-navigation>button{grid-row:2;min-height:44px}}@media (max-width:640px){.class-option-grid .rule-option-choice{position:relative}.class-option-grid .rule-option{gap:4px;min-height:0;padding:10px}.class-option-grid .rule-option>strong{align-items:center;min-height:38px;display:flex}.class-option-grid .class-option-secondary,.class-option-grid .rule-option-expanded{display:none}.class-option-summary{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.class-option-grid .builder-badge,.class-option-grid .hit-die-badge{padding:.15rem .4rem;font-size:.75rem}.equipment-facts{grid-template-columns:minmax(0,1fr);display:grid}#equipment-choices>fieldset{border:0;padding:0}.guided-builder [data-choice-kind=starting_equipment]{min-width:0;padding:var(--space-2)}.equipment-choice{padding:var(--space-2)}.equipment-choice>.rule-definition{min-width:0}.guided-builder .ability-editor>.number-stepper{grid-area:2/1/auto/-1;justify-self:center}.builder-navigation>button{padding-inline:8px}}@media (prefers-reduced-motion:reduce){.guided-builder *,.builder-detail-dialog *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.spell-level-group>summary{cursor:pointer;align-content:center;min-height:44px}.choice-option>.check{overflow-wrap:anywhere;min-width:0}.guided-builder{--builder-rail-height:0px;overflow-anchor:none}.guided-builder__main{overflow:visible}.guided-builder__content{padding-bottom:24px}.guided-builder__compact-progress{display:none}.choice-history{margin:0;padding:0;list-style:none}.choice-requests-panel [data-active-choices]>h4{margin:0}.choice-requests-panel [data-active-choices]>div>.eyebrow{margin-block:4px}.choice-history>li{border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding-block:4px;display:grid}.choice-history>li>span{overflow-wrap:anywhere;min-width:0;font-size:.875rem}.choice-history button{min-height:44px;padding-inline:8px}.spell-grid{grid-template-columns:minmax(0,1fr);gap:0}.guided-builder .spell-tools,.guided-builder .spell-level-group{background:0 0;border:0;border-radius:0;padding:0}.guided-builder .spell-tools>summary,.guided-builder .spell-level-group>summary{border-bottom:1px solid var(--border-subtle);padding:8px 0}.guided-builder .spell-tools .spell-filters,.guided-builder .spell-level-group .spell-grid{padding:0}.spell-choice{border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:4px;min-width:0;padding-block:6px;display:grid}.spell-choice .spell-choice-main{align-items:center;margin:0}.spell-choice small{color:var(--text-secondary);font-size:.8rem;line-height:1.4;display:block}.spell-selection-progress{top:var(--builder-rail-height);z-index:3;border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;padding-block:8px;font-size:.85rem;display:flex;position:sticky}.spell-selection-progress:empty{display:none}.spell-acquisition p{margin-block:0 8px}.spell-acquisition summary,.spell-tools>summary{cursor:pointer;align-content:center;min-height:44px}.guided-builder [data-active-choices],.guided-builder #origin-configuration-heading,#builder-step-content{scroll-margin-top:calc(var(--builder-rail-height) + 12px)}.guided-builder input,.guided-builder select,.guided-builder button,.guided-builder summary{scroll-margin-block:calc(var(--builder-rail-height) + 56px) 88px}.builder-navigation [data-feedback-dock]:empty{display:none}@media (max-width:1024px){.builder-shell.shell{padding:8px}.guided-builder{--builder-rail-height:54px;gap:12px}.guided-builder__rail{border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;max-height:none;padding:4px}.guided-builder__rail>.eyebrow,.guided-builder__level,.guided-builder__rail .rail-subclass-confirmed{display:none}.guided-builder__rail ol{margin:0}.guided-builder__rail button{width:auto;min-height:44px;padding-block:4px}.guided-builder__rail button strong{white-space:nowrap}.guided-builder__content>.choice-requests-panel,.guided-builder .builder-step{min-height:0;padding:8px 0}.guided-builder .builder-step>fieldset,.guided-builder [data-request-id]{background:0 0;border:0;border-radius:0;padding-inline:0}.guided-builder .origin-source,.guided-builder .origin-selected{border:0;border-bottom:1px solid var(--border-subtle);background:0 0;border-radius:0;padding-inline:0}.guided-builder .choice-grid{grid-template-columns:minmax(0,1fr)}.guided-builder .equipment-choice{border:0;border-left:2px solid var(--border-subtle);background:0 0;border-radius:0;padding:6px}.guided-builder .equipment-choice:has(input:checked){border-color:var(--accent)}.guided-builder__details{border:0;border-top:1px solid var(--border-subtle);border-radius:0;padding-inline:0}.guided-builder .builder-navigation{padding:6px 0 calc(6px + env(safe-area-inset-bottom));grid-template-columns:auto minmax(0,1fr) auto;gap:6px}.builder-navigation>button{grid-row:1;min-height:44px}.builder-navigation__status{grid-area:1/2;justify-content:center;gap:2px;font-size:.75rem;display:flex}.builder-navigation__status>div:first-child{overflow-wrap:anywhere;flex:1;min-width:0}.builder-navigation__status .link-button{max-width:100%}.builder-navigation__status [data-feedback-dock]{flex:0 0 44px}.builder-navigation__status[data-ready=true]>div:first-child{display:none}.builder-navigation__status .link-button{min-height:44px;padding:2px;font-size:.75rem}}@media (max-width:320px){.builder-navigation>button:first-child{width:44px;font-size:0}.builder-navigation>button:first-child:before{content:"←";font-size:1.25rem}.guided-builder .builder-navigation[data-final-step=true]{grid-template-columns:44px minmax(0,1fr)}.guided-builder .builder-navigation[data-final-step=true] .builder-navigation__status{grid-area:1/1/auto/-1}.guided-builder .builder-navigation[data-final-step=true]>button{grid-row:2}}@media (max-height:450px) and (max-width:1024px){.guided-builder{--builder-rail-height:32px}.guided-builder__rail{min-height:32px;padding:4px}.guided-builder__rail ol{display:none}.guided-builder__compact-progress{margin:0;font-size:.875rem;line-height:23px;display:block}.guided-builder .builder-navigation{padding-block:2px calc(2px + env(safe-area-inset-bottom))}.builder-detail-dialog{padding:8px}.builder-detail-dialog>header{padding-block:4px;top:-8px}}button.detail-trigger,button.detail-close{background:0 0;border:0;flex:0 0 44px;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;font-size:1.25rem;line-height:1;display:inline-grid}button.detail-close{font-size:1.6rem}.rule-option-choice{grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:0}.rule-option-choice>button.detail-trigger{margin:0}.rule-option-expanded{grid-column:1/-1}:is(.choice-option:has(>.detail-trigger),.equipment-choice:has(>.detail-trigger)){grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:0 4px;display:grid}.choice-option>.check{align-items:center;min-height:44px;margin:0}.choice-option>.detail-trigger,.equipment-choice>.detail-trigger{grid-area:1/2}.choice-option>:not(.check,.detail-trigger,dialog),.equipment-choice>:not(.check,.detail-trigger,dialog){grid-column:1/-1}.builder-detail-dialog>header{align-items:center;padding-block:0 8px}.guided-builder [data-active-request-id],.guided-builder [data-human-intention]{scroll-margin-top:calc(var(--builder-rail-height) + 12px)}.class-detail-facts dl{margin:0}.class-detail-facts dt{margin-top:8px;font-weight:700}.class-detail-facts dd{margin:0}.class-detail-facts p{margin-block:8px}.rule-prose{white-space:normal;line-height:1.5}.rule-prose p{margin:0 0 .65em}.rule-prose p:last-child{margin-bottom:0}.rule-prose ul{margin-block:.5em;padding-left:1.2em}.rule-prose-structured{white-space:pre-wrap;font-variant-numeric:tabular-nums}.spell-selection-reason{grid-column:1/-1}.spell-selection-progress small{font-size:.75rem;display:block}button.detail-trigger{color:var(--text-primary)}.spell-progression{min-width:0;padding-block:8px}.spell-progression-counts{flex-wrap:wrap;gap:6px 16px;margin:0;display:flex}.spell-progression-counts div{flex:0 auto}.spell-progression-counts dt{color:var(--text-secondary);font-size:.8rem}.spell-progression-counts dd{margin:0;font-weight:700}.spell-progression table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:.85rem}.spell-progression th,.spell-progression td{text-align:left;overflow-wrap:anywhere;border-bottom:1px solid var(--border-subtle);padding:6px 4px}.spell-progression caption{text-align:left;margin-bottom:8px}
