:root{color:#f6f0e7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel:#1c1411d6;--panel-border:#d69f683d;--panel-muted:#8a705a57;--accent:#e59a57;--accent-deep:#7b3227;--ink:#f6f0e7;--muted:#cabaa7;--success:#6ab785;--danger:#df7c69;--shadow:0 30px 80px #00000059;background:radial-gradient(circle at top,#ba7d4233,#0000 36%),radial-gradient(circle at 100%,#7b32272e,#0000 28%),linear-gradient(160deg,#201410 0%,#120b0a 52%,#0d1216 100%);font-family:Palatino Linotype,Book Antiqua,Georgia,serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}#root,.app-frame{min-height:100vh}.app-frame{padding:32px 18px 56px}.story-shell{align-content:start;gap:18px;width:min(980px,100%);min-height:calc(100vh - 88px);margin:0 auto;padding-block:clamp(20px,4vh,48px);display:grid}.story-shell--combat{width:min(920px,100%)}.conditional-reveal{gap:1rem;display:grid}.narrative-reader,.intent-bubble{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#fff7e609,#0000 34%),radial-gradient(circle at 12% 0,#e59a5724,#0000 32%),#170f0ddb;border:1px solid #d69f6838;box-shadow:0 32px 90px #00000057}.narrative-reader{border-radius:28px;gap:24px;padding:clamp(24px,5vw,52px);display:grid}.narrative-reader__header h1{max-width:13ch;font-size:clamp(2.2rem,6vw,5rem)}.narrative-prose{color:#fff8eded;gap:1.1rem;font-size:clamp(1.12rem,2vw,1.34rem);line-height:1.9;display:grid}.narrative-prose p:first-letter{color:var(--accent);font-size:1.5em;line-height:0}.narrative-dialogue{gap:12px;display:grid}.narrative-dialogue blockquote{background:#0c090870;border-left:2px solid #e59a5780;border-radius:18px;margin:0;padding:16px 18px}.narrative-dialogue cite{color:var(--muted);margin-top:8px;font-size:.88rem;font-style:normal;display:block}.narrative-focus,.narrative-reader__footer{color:#dccab3d1;font-style:italic}.mechanics-footer{flex-wrap:wrap;gap:8px;font-style:normal;display:flex}.intent-bubble{border-color:#84b1c06b;border-radius:22px;padding:16px;box-shadow:0 22px 58px #00000047,inset 0 0 0 1px #84b1c014}.intent-bubble__form{gap:12px;display:grid}.intent-bubble__field{gap:8px;display:grid}.intent-bubble__field span{color:#cae5ece6;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem}.intent-bubble__field textarea{resize:vertical;width:100%;min-height:132px;color:var(--ink);background:#090707b8;border:0;border-radius:18px;outline:1px solid #84b1c042;padding:16px 18px;line-height:1.65}.intent-bubble__field textarea:focus{outline-color:#84b1c0bd;box-shadow:0 0 0 3px #84b1c01f}.intent-bubble__submit{color:var(--ink);background:linear-gradient(135deg,#84b1c047,#e59a572e);border:1px solid #84b1c085;border-radius:999px;justify-self:end;padding:12px 18px;font-weight:700}.intent-bubble__submit:disabled,.intent-suggestions button:disabled{cursor:not-allowed;opacity:.45}.intent-suggestions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.intent-suggestions button{color:#dccab3d1;background:#0e0a097a;border:1px solid #8a705a47;border-radius:999px;padding:8px 11px;font-size:.88rem}.reference-tray{width:100%}.reference-drawer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e0a0994;border:1px solid #8a705a42;border-radius:18px}.reference-drawer[open]{background:linear-gradient(#84b1c00f,#0000 34%),#0e0a09d1;box-shadow:0 24px 70px #00000047}.reference-drawer__summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:74px;padding:14px 18px;list-style:none;display:flex}.reference-drawer__summary::-webkit-details-marker{display:none}.reference-drawer__summary strong{font-size:1.08rem;display:block}.reference-drawer__hint{color:#dccab3c7;text-align:right;max-width:44ch;font-size:.92rem;line-height:1.45}.reference-drawer__body{gap:14px;padding:0 14px 14px;display:grid}.reference-tabs{scrollbar-width:thin;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.reference-tab{min-height:42px;color:var(--muted);background:#0c08079e;border:1px solid #8a705a42;border-radius:999px;flex:none;align-items:center;gap:8px;padding:9px 12px;display:inline-flex}.reference-tab small{color:#e0eff3eb;background:#84b1c024;border-radius:999px;justify-content:center;align-items:center;min-width:20px;min-height:20px;padding:2px 6px;font-size:.72rem;display:inline-flex}.reference-tab--active{color:var(--ink);background:#2b3f49d1;border-color:#84b1c0a8}.reference-tabpanel{min-width:0}.reference-panel,.quest-journal-panel--embedded,.shop-panel--embedded{background:#0c08079e;border:1px solid #8a705a38;border-radius:14px;gap:18px;padding:18px;display:grid}.reference-panel-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.reference-panel-header h2{font-size:clamp(1.35rem,3vw,2rem)}.reference-subsection{gap:12px;display:grid}.reference-actions{margin-top:0}.reference-lifecycle-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.combat-focus-strip{background:#0e1214bd;border:1px solid #84b1c052;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.combat-focus-strip h2{font-size:clamp(1.2rem,3vw,1.75rem)}.combat-focus-strip__stats{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.glossary-launcher{z-index:45;color:var(--ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);letter-spacing:.08em;background:#120c0ac7;border:1px solid #d69f6852;border-radius:999px;padding:9px 13px;font-size:.78rem;position:fixed;top:14px;right:14px;box-shadow:0 12px 34px #00000042}.glossary-term{color:inherit;text-align:inherit;text-underline-offset:.18em;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #e59a576b;text-decoration:underline #e59a576b}.glossary-term:hover{color:var(--accent)}.eyebrow .glossary-term{color:var(--accent);font-size:inherit;letter-spacing:inherit;text-transform:inherit}.stat-card .glossary-term--stat{color:var(--muted)}.glossary-overlay{z-index:80;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.glossary-scrim{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#060404b3;border:0;border-radius:0;position:absolute;inset:0}.glossary-panel{background:linear-gradient(#fff7e60d,#0000 42%),#170f0df5;border:1px solid #d69f6842;border-radius:28px;grid-template-rows:auto auto minmax(0,1fr);gap:16px;width:min(1060px,100%);max-height:min(780px,100vh - 36px);padding:clamp(18px,3vw,28px);display:grid;position:relative;overflow:hidden;box-shadow:0 38px 100px #0000007a}.glossary-panel__header,.glossary-controls{justify-content:space-between;align-items:end;gap:14px;display:flex}.glossary-controls{align-items:start}.glossary-search-field{flex:320px;margin-bottom:0}.glossary-tag-field{flex:0 220px;margin-bottom:0}.glossary-layout{grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:16px;min-height:0;display:grid}.glossary-list,.glossary-detail{background:#0d0908bd;border:1px solid #8a705a3d;border-radius:22px;min-height:0;overflow:auto}.glossary-list{align-content:start;gap:8px;padding:10px;display:grid}.glossary-list-entry{width:100%;color:var(--ink);text-align:left;background:#1e1512a8;border:1px solid #0000;border-radius:18px;gap:6px;padding:12px 13px;display:grid}.glossary-list-entry span{color:var(--muted);font-size:.88rem;line-height:1.45}.glossary-list-entry--active{background:#66361a61;border-color:#e59a5794}.glossary-detail{align-content:start;gap:16px;padding:20px;display:grid}.glossary-detail h2{font-size:clamp(1.8rem,4vw,2.8rem)}.glossary-short{color:#fff4e7;font-weight:700}.glossary-meta-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.glossary-meta-grid section{background:#110c0ab8;border:1px solid #8a705a38;border-radius:18px;padding:14px}.glossary-detail--empty{justify-content:center}.app-shell{grid-template-columns:2fr 1fr;align-items:start;gap:18px;width:min(1180px,100%);margin:0 auto;display:grid}.app-shell--stacked,.app-shell--combat{grid-template-columns:1fr}.panel,.hero-panel,.feedback-card{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.panel,.feedback-card{border-radius:26px;padding:22px}.hero-panel{border-radius:34px;padding:34px;position:relative;overflow:hidden}.hero-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#e59a573d,#0000 70%);height:200px;position:absolute;inset:auto -10% -50% 35%}.hero-panel--compact{min-height:280px}.hero-panel--victory{border-color:#6ab78561}.hero-panel--defeat{border-color:#df7c6961}.hero-copy,.muted,.panel p,.feedback-card p,.plain-list,.log-entry p{line-height:1.6}.hero-copy{max-width:58ch;font-size:1.08rem}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin:0 0 8px;font-size:.74rem}h1,h2,h3,p{margin:0}h1{font-size:clamp(2.4rem,5vw,4.3rem);line-height:1.04}h2{font-size:2rem}h3{margin-bottom:12px;font-size:1.1rem}.muted{color:var(--muted)}.hero-actions,.tag-row,.feedback-dice,.initiative-strip,.detail-grid,.combat-columns,.build-grid,.stat-grid,.result-grid,.narrative-grid{flex-wrap:wrap;gap:12px;display:flex}.hero-actions{margin-top:24px}.primary-button,.secondary-button,.ghost-button,.build-card{border:1px solid #0000;border-radius:999px;transition:transform .16s,border-color .16s,background .16s,opacity .16s}.primary-button,.secondary-button,.ghost-button{padding:12px 18px}.primary-button{background:linear-gradient(135deg, var(--accent) 0%, #c1703e 100%);color:#140c0b;font-weight:700}.secondary-button{color:var(--ink);background:#2b3f49eb;border-color:#84b1c047}.ghost-button{border-color:var(--panel-muted);color:var(--muted);background:0 0}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.build-card:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed}.save-panel{min-height:100%}.boot-panel{max-width:58rem}.field{gap:8px;margin-bottom:18px;display:grid}.field span{color:var(--muted)}.field small{line-height:1.5}.field input,.field select{border:1px solid var(--panel-muted);color:var(--ink);background:#0f0c0bb8;border-radius:18px;padding:13px 16px}.field textarea{resize:vertical;border:1px solid var(--panel-muted);min-height:110px;color:var(--ink);background:#0f0c0bb8;border-radius:18px;padding:13px 16px}.composer-form{gap:12px;display:grid}.composer-field{margin-bottom:0}.composer-field textarea{resize:vertical;border:1px solid var(--panel-muted);min-height:110px;color:var(--ink);font:inherit;background:#0f0c0bb8;border-radius:18px;padding:13px 16px}.build-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.build-card{text-align:left;background:#140d0bc7;border-color:#8a705a47;border-radius:24px;padding:20px}.build-card--active{background:linear-gradient(#66361a7a,#140d0beb);border-color:#e59a57e6}.build-card--inspected{box-shadow:inset 0 0 0 1px #e59a575c}.build-card--unavailable{opacity:.78;border-color:#df7c6966}.quick-build-detail{background:#100a09b8;border:1px solid #8a705a47;border-radius:8px;gap:16px;margin-top:16px;padding:16px;display:grid}.quick-build-detail-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:14px;display:grid}.quick-build-detail .status-banner{margin:0}.creation-layout{grid-template-columns:minmax(0,2fr) minmax(300px,1fr);align-items:start;gap:18px;display:grid}.creation-main,.creation-sidebar,.creation-form-grid,.skill-list,.equipment-grid{gap:18px;display:grid}.creation-section-header{margin-bottom:12px}.creation-subpanel{gap:12px;margin-top:18px;display:grid}.starting-gold-grid{margin:16px 0}.creation-form-grid,.equipment-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.feat-picker{gap:14px;display:grid}.feat-filter-row{grid-template-columns:minmax(220px,1fr) minmax(160px,220px) minmax(160px,220px);align-items:end;gap:12px;display:grid}.feat-filter-field{margin-bottom:0}.feat-slot-list{gap:14px;display:grid}.feat-slot-panel{background:#100a0980;border:1px solid #8a705a4d;border-radius:8px;gap:12px;padding:14px;display:grid}.feat-slot-panel__header{gap:12px}.feat-slot-panel h4{margin:0 0 4px}.feat-clear-button{flex:none;padding:9px 12px}.feat-option-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.feat-option-card{width:100%;min-height:100%;color:var(--ink);text-align:left;cursor:pointer;background:#0c0807c7;border:1px solid #8a705a47;border-radius:8px;gap:10px;padding:14px;display:grid}.feat-option-card:disabled{cursor:not-allowed}.feat-option-card--selected{border-color:#e59a57eb;box-shadow:inset 0 0 0 1px #e59a573d}.feat-option-card--unavailable{opacity:.72}.feat-option-card--recommended{background:linear-gradient(#36524a7a,#0c0807d6)}.feat-option-card__topline{justify-content:space-between;align-items:start;gap:10px;display:flex}.feat-option-card__summary,.feat-detail-list,.feat-warning,.feat-recommendation{line-height:1.5;display:block}.feat-option-card__summary{color:var(--muted)}.feat-detail-list{gap:8px;font-size:.9rem;display:grid}.feat-detail-list>span{gap:3px;display:grid}.feat-detail-list__label{color:#e59a57eb;letter-spacing:0;text-transform:uppercase;font-size:.72rem}.feat-warning{color:#ffd0a1}.feat-recommendation{color:#bee8d1}.feat-option-tags{margin-top:2px}.tag--warning{background:#66361a70;border-color:#e59a5780}.claim-review-grid{gap:12px;margin-top:18px;display:grid}.claim-entry-grid{grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr)}.claim-power-warning{width:100%;margin:12px 0 18px}.claim-power-warning p{color:#dccab3d6;margin:4px 0 0}.claim-review-card{background:#100a09d1;border:1px solid #8a705a42;border-radius:20px;gap:12px;padding:16px;display:grid}.claim-review-card h3{font-size:1rem}.claim-review-columns{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.ability-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;display:grid}.ability-card,.equipment-card,.skill-row{background:#100a09d1;border:1px solid #8a705a42;border-radius:20px}.ability-card,.equipment-card{padding:16px}.ability-card{gap:8px;display:grid}.ability-card input,.skill-row input{border:1px solid var(--panel-muted);width:100%;color:var(--ink);font:inherit;background:#0f0c0bb8;border-radius:14px;padding:10px 12px}.ability-card strong{font-size:1.6rem}.skill-row{grid-template-columns:minmax(0,1fr) 88px;align-items:center;gap:14px;padding:14px 16px;display:grid}.equipment-card{gap:12px;display:grid}.preview-panel{position:sticky;top:18px}.foundation-hero{background:radial-gradient(circle at top left, #e59a5738, transparent 32%), radial-gradient(circle at bottom right, #6ab78529, transparent 28%), var(--panel)}.span-full{grid-column:1/-1}.section-header,.stats-panel,.foundation-start-grid,.overview-main,.overview-side,.foundation-feed-list{gap:18px;display:grid}.foundation-pillar-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.foundation-detail-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:stretch}.foundation-detail-card,.foundation-meter-card,.foundation-feed-entry,.foundation-option-card,.encounter-preview{background:#100a09d1;border:1px solid #8a705a42;border-radius:22px}.foundation-detail-card,.foundation-meter-card,.foundation-feed-entry,.encounter-preview{gap:10px;padding:18px;display:grid}.foundation-option-group{align-content:start;gap:12px;display:grid}.foundation-option-grid,.foundation-meter-grid,.overview-grid{gap:18px;display:grid}.foundation-option-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.foundation-option-group--wide{grid-column:1/-1}.foundation-option-grid--locations{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.foundation-option-card--dm{border-color:#cdb27270}.foundation-option-card{text-align:left;width:100%;color:var(--ink);border-radius:22px;padding:16px}.foundation-option-card p,.foundation-feed-entry p,.encounter-preview p{color:var(--muted)}.foundation-option-card--active{background:linear-gradient(#66361a85,#100a09eb);border-color:#e59a57d6;box-shadow:inset 0 0 0 1px #e59a5738}.foundation-option-card--active p{color:var(--ink)}.foundation-meter-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.foundation-meter-card span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.foundation-meter-card strong{font-size:1.9rem}.overview-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);align-items:start}.section-header{align-content:start}.creation-preview-summary{padding-top:4px}.creation-preview-list{gap:10px}.tag{color:var(--ink);background:#e59a5724;border:1px solid #e59a5742;border-radius:999px;align-items:center;padding:6px 10px;font-size:.85rem;display:inline-flex}.tag--dim{color:var(--muted);background:#44505838;border-color:#4450584d}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));display:grid}.stat-card{text-align:center;background:#100a09d1;border:1px solid #e59a572e;border-radius:20px;gap:6px;padding:14px;display:grid}.stat-card span{color:var(--muted)}.stat-card strong{font-size:1.9rem}.detail-grid,.result-grid,.combat-columns,.narrative-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.narrative-grid{align-items:start}.narrative-panel,.choices-panel,.journal-panel,.mutation-panel{width:100%}.plain-list{gap:8px;padding:0;list-style:none;display:grid}.quest-journal-panel{gap:18px;display:grid}.quest-journal-grid,.quest-clue-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.quest-status-column,.quest-clue-list{align-content:start;gap:12px;display:grid}.quest-journal-card,.quest-clue-card{background:#100a09a8;border:1px solid #8a705a42;border-radius:8px;gap:10px;padding:14px 16px;display:grid}.quest-journal-card strong,.quest-clue-card strong{overflow-wrap:anywhere}.quest-journal-card .plain-list{color:#fff8ede0}.feedback-card{justify-content:space-between;gap:16px;display:flex}.feedback-card--success{border-color:#6ab7855c}.feedback-card--danger{border-color:#df7c695c}.feedback-dice{justify-content:flex-end;align-items:flex-start}.feedback-die{background:#110c0adb;border:1px solid #e59a5747;border-radius:22px;justify-content:center;align-items:center;min-width:72px;min-height:72px;animation:.34s reveal;display:inline-flex}@keyframes reveal{0%{opacity:0;transform:translateY(8px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.combat-header,.initiative-panel,.combatants-panel,.action-panel,.log-panel{width:100%}.initiative-strip{padding-bottom:4px;overflow-x:auto}.initiative-card{background:#0f0c0bd1;border:1px solid #8a705a42;border-radius:20px;gap:8px;min-width:140px;padding:14px 16px;display:grid}.initiative-card--active,.combatant-card--active{background:#66361a75;border-color:#e59a57d1}.initiative-card--defeated,.combatant-card--defeated{opacity:.42}.combatant-list,.action-stack,.log-list,.transcript-panel,.transcript-list{gap:12px;display:grid}.transcript-entry{background:#0f0c0ba8;border:1px solid #8a705a3d;border-radius:18px;gap:8px;padding:14px 16px;display:grid}.transcript-entry--player{border-color:#e59a573d}.transcript-entry--dm{border-color:#6ab78538}.transcript-entry--mechanics{border-color:#84abd638}.combatant-card{background:#100a09d1;border:1px solid #8a705a42;border-radius:22px;gap:10px;padding:16px;display:grid}.row-between{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.log-entry{border:1px solid #0000;border-radius:18px;grid-template-columns:auto 1fr;gap:12px;padding:14px 16px;display:grid}.log-entry--neutral{background:#261f1bcc}.log-entry--success{background:#173a277a;border-color:#6ab78542}.log-entry--danger{background:#5c231d7a;border-color:#df7c6942}.profile-summary{color:var(--muted)}.module-grid,.ruleset-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.module-list{gap:12px;display:grid}.module-list-card{text-align:left;background:#100a09d1;border:1px solid #8a705a42;border-radius:22px;gap:10px;padding:18px;display:grid}.module-list-card--active{background:#66361a52;border-color:#e59a57d1}.module-preview-panel,.module-catalog-panel,.module-installed-panel,.module-ruleset-panel{width:100%}.status-banner--warning{background:#66361a6b;border-color:#e59a575c}.hidden-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.status-banner{background:#5c231d7a;border:1px solid #df7c695c;border-radius:18px;width:min(1180px,100%);margin:0 auto;padding:14px 18px}.lifecycle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.lifecycle-panel{align-content:start;gap:16px;display:grid}.lifecycle-panel--wide{grid-column:1/-1}.lifecycle-grid-two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.lifecycle-actions{margin-top:0}.lifecycle-summary-card{border:1px solid var(--panel-muted);background:#110d0c9e;border-radius:20px;padding:16px 18px}.lifecycle-section,.lifecycle-slot-list,.lifecycle-spell-groups{gap:14px;display:grid}.lifecycle-skill-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.lifecycle-inline-field{border:1px solid var(--panel-muted);background:#0f0c0b9e;border-radius:18px;gap:6px;padding:14px 16px;display:grid}.lifecycle-inline-field input{border:1px solid var(--panel-muted);color:var(--ink);background:#0a0808cc;border-radius:14px;padding:10px 12px}.lifecycle-inline-field small{line-height:1.5}.class-reference-panel{background:#110d0c7a;border:1px solid #8a705a3d}.class-reference-panel__intro{gap:12px;display:grid}.class-reference-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.archetype-reference-panel{background:#110d0c7a;border:1px solid #8a705a3d}.archetype-option-list{gap:12px;display:grid}.archetype-option-card{background:#0f0b0a94;border:1px solid #8a705a3d;border-radius:18px;gap:12px;padding:14px 16px;display:grid}.archetype-option-card--selected{border-color:#dab76ba8;box-shadow:0 0 0 1px #dab76b2e}.archetype-option-card h4{margin:0;font-size:1.05rem}.archetype-change-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.class-level-preview{gap:12px;display:grid}.class-level-preview__list{gap:10px;display:grid}.class-level-preview--compact .class-level-preview__list{max-height:520px;padding-right:4px;overflow:auto}.class-level-card{background:#0f0b0a94;border:1px solid #8a705a3d;border-radius:18px;gap:10px;min-width:0;padding:14px 16px;display:grid}.class-level-card__header{align-items:start}.class-level-card__header h3{overflow-wrap:anywhere;font-size:1rem}.class-level-card__header .tag{white-space:normal;max-width:min(520px,100%);line-height:1.45}.class-feature-preview-list{gap:8px}.class-feature-preview-list li{gap:4px;display:grid}.class-feature-preview-list--compact li span{color:#dccab3cc}.class-level-card__extras{flex-wrap:wrap;gap:8px;display:flex}.character-sheet-panel{border:1px solid var(--panel-border);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:26px;gap:18px;padding:22px;display:grid}.character-sheet-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.character-condition-section{gap:12px;display:grid}.condition-chip-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.condition-chip{min-width:0;color:var(--ink);background:#100a09a8;border:1px solid #8a705a47;border-radius:8px}.condition-chip summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:12px;list-style:none;display:flex}.condition-chip summary::-webkit-details-marker{display:none}.condition-chip summary>span:first-child{gap:2px;min-width:0;display:grid}.condition-chip strong,.condition-chip small{overflow-wrap:anywhere}.condition-chip small{color:#dccab3c7}.condition-chip__body{color:#fff8ede0;gap:10px;padding:0 12px 12px;display:grid}.condition-chip__body p{margin:0;line-height:1.55}.condition-detail-list{gap:8px;display:grid}.condition-detail-list span{gap:2px;display:grid}.character-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.character-ability-grid,.character-stat-grid{gap:10px;display:grid}.character-ability-grid{grid-template-columns:repeat(auto-fit,minmax(72px,1fr))}.character-stat-grid{grid-template-columns:repeat(auto-fit,minmax(86px,1fr))}.character-stat-tile{background:#100a09bd;border:1px solid #8a705a42;border-radius:16px;align-content:center;gap:4px;min-height:76px;padding:12px;display:grid}.character-stat-tile span,.character-stat-tile small,.skill-button small{color:#dccab3c7;font-size:.78rem}.character-stat-tile strong{font-size:1.45rem}.character-feature-section{gap:14px;display:grid}.character-feature-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.character-feature-card{background:#100a099e;border:1px solid #8a705a42;border-radius:18px;gap:10px;min-width:0;padding:14px 16px;display:grid}.character-feature-card h4{color:var(--ink);overflow-wrap:anywhere;margin:0}.character-feature-card p{color:#fff8ede0;margin:0;line-height:1.58}.character-skill-layout{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);align-items:start;gap:16px;display:grid}.character-skill-list{gap:8px;max-height:560px;padding-right:4px;display:grid;overflow:auto}.skill-button{width:100%;min-height:58px;color:var(--ink);text-align:left;background:#0e0a0985;border:1px solid #8a705a47;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px;display:flex}.skill-button>span{gap:3px;min-width:0;display:grid}.skill-button strong{overflow-wrap:anywhere}.skill-button--active{background:#e59a5724;border-color:#e59a57b8}.skill-detail{background:#100a099e;border:1px solid #8a705a42;border-radius:18px;gap:14px;padding:16px;display:grid}.skill-detail h4{color:var(--ink);margin:0 0 8px;font-size:.92rem}.skill-detail-meta{flex-wrap:wrap;gap:8px;display:flex}.skill-short{color:#fff8edeb;font-size:1.02rem}.skill-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.skill-detail-section{min-width:0}.skill-detail-section--wide{grid-column:1/-1}.shop-panel{border:1px solid var(--panel-border);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:26px;gap:18px;padding:22px;display:grid}.shop-panel.shop-panel--embedded{box-shadow:none;background:#0c08079e;border-color:#8a705a38;border-radius:14px;padding:18px}.shop-panel__header,.shop-provider-summary{justify-content:space-between;align-items:start;gap:16px;display:flex}.shop-layout{grid-template-columns:minmax(210px,.35fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.shop-provider-list{gap:8px;max-height:720px;padding-right:4px;display:grid;overflow:auto}.shop-provider-card{min-height:66px;color:var(--ink);text-align:left;background:#0e0a0985;border:1px solid #8a705a47;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.shop-provider-card span{gap:3px;min-width:0;display:grid}.shop-provider-card small{color:#dccab3bd;text-transform:capitalize}.shop-provider-card--active{background:#e59a5724;border-color:#e59a57b8}.shop-status{white-space:nowrap;border-radius:999px;padding:5px 8px}.shop-status--open{color:#c9f0d7;background:#245c3d80}.shop-status--refused{color:#ffc9be;background:#5e2a2394}.shop-detail{gap:14px;min-width:0;display:grid}.shop-provider-summary{background:#100a099e;border:1px solid #8a705a42;border-radius:18px;padding:16px}.shop-provider-summary h3,.shop-column h3{margin:0}.shop-refusal-list{background:#5c231d57;border:1px solid #df7c6952;border-radius:16px;gap:6px;padding:12px 14px;display:grid}.shop-refusal-list p,.shop-refusal-text{color:#ffc9be;font-size:.9rem}.shop-columns{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.shop-column{align-content:start;gap:10px;display:grid}.shop-row{background:#100a099e;border:1px solid #8a705a42;border-radius:18px;grid-template-rows:1fr auto;gap:12px;min-height:156px;padding:14px;display:grid}.shop-row p{margin:0}.shop-afford{white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:.78rem}.shop-afford--yes{color:#c9f0d7;background:#245c3d6b}.shop-afford--no{color:#ffc9be;background:#5e2a2380}.shop-action-button{justify-content:center;width:100%}@media (width<=860px){.app-frame{padding-inline:12px}.story-shell{min-height:calc(100vh - 48px);padding-block:12px 28px}.reference-drawer__summary,.reference-panel-header,.combat-focus-strip{flex-direction:column;align-items:stretch}.reference-drawer__hint{text-align:left;max-width:none}.combat-focus-strip__stats{justify-content:flex-start}.glossary-launcher{top:10px;right:10px}.glossary-panel{max-height:calc(100vh - 24px);padding:16px}.glossary-panel__header,.glossary-controls{flex-direction:column;align-items:stretch}.glossary-layout{grid-template-columns:1fr}.glossary-list{max-height:220px}.app-shell,.creation-layout,.lifecycle-grid{grid-template-columns:1fr}.character-sheet-header{display:grid}.character-skill-layout,.skill-detail-grid,.shop-layout,.shop-columns{grid-template-columns:1fr}.character-skill-list{max-height:none;padding-right:0}.shop-panel__header,.shop-provider-summary{display:grid}.shop-provider-list{max-height:none;padding-right:0}.overview-grid,.foundation-option-grid,.foundation-meter-grid,.foundation-detail-grid,.feat-filter-row,.feat-option-list,.claim-entry-grid,.foundation-pillar-grid{grid-template-columns:1fr}.hero-panel,.panel,.feedback-card{padding:18px}.feedback-card{flex-direction:column}.preview-panel{position:static}}