/* A persistent character display surrounding the current decision. */
body.builder-screen{background:#0b1112;--scene:none}
body.builder-screen::before{opacity:1;z-index:-1;background:var(--journey-veil,linear-gradient(90deg,#060d10e8 0%,#071210b8 35%,#08131370 70%,#03090933)),var(--scene) var(--scene-position,center)/var(--scene-size,cover) no-repeat;filter:var(--scene-filter,none);transition:background-position .7s ease,filter .7s ease;inset:0}
body[data-theme=leader]{--scene:url("art/leader.99eb3d456f5d.png")}
body[data-theme=explorer]{--scene:url("art/explorer.3d98ecee9b74.png")}
body[data-theme=warrior]{--scene:url("art/warrior.c98c4397e5da.png")}
body[data-theme=rogue]{--scene:url("art/rogue.f7e0965a2e29.png")}
body[data-theme=adventurer]{--scene:url("art/adventurer.93a1303a3fa2.png")}
body[data-theme=sage]{--scene:url("art/sage.aee415ea01f4.png")}
body[data-theme=origins]{--scene:url("art/creation-banner.b9df5d501f61.webp")}
.builder-screen .masthead{height:48px;padding:8px 24px;background:#06100ac9}
.builder-screen .brand{font-size:12px;letter-spacing:2px}.builder-screen .brand-mark{display:none}.builder-screen .brand small{display:none}.builder-screen .edition{font-size:10px}
.builder-screen main{max-width:1480px;padding:16px 26px 88px}
.final-load{display:inline-grid;grid-template-columns:auto auto;gap:2px 14px;align-items:baseline;margin:2px auto 14px;padding:8px 14px;border:1px solid #557562;background:#071810}.final-load span{color:#9db0a2;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.final-load strong{color:#b9e0c6}.final-load small{grid-column:1/-1;color:#92aa99}.final-load.is-overloaded{border-color:#c9645d;background:#2c1211}.final-load.is-overloaded strong,.final-load.is-overloaded small{color:#efa39d}.final-advisor{max-width:760px;margin:10px auto 22px;padding:13px 18px;text-align:left;border-left:3px solid #d8b67c;background:#201b10}.final-advisor .eyebrow{margin-bottom:5px}.final-advisor ul{margin:0;padding-left:18px;color:#dfd6be;font-size:12px}.final-advisor li+li{margin-top:3px}
.builder-screen .character-layout{max-width:none;display:grid;grid-template-columns:minmax(230px,27%) minmax(0,1fr);gap:22px 30px;align-items:start}
.builder-hud{grid-column:1/-1;display:grid;grid-template-columns:minmax(260px,1fr) minmax(350px,1.35fr);gap:5px 30px;padding:0 0 9px;border-bottom:1px solid #a99b6266;text-shadow:0 2px 4px #000}
.builder-identity h1{font-size:24px;margin:1px 0;color:#f2ddb0}.builder-identity p{font-size:12px;margin:0;color:#e0e6d8}.builder-identity .back{font-size:10px;color:#c1ccb4}.builder-summary span{color:#e9c985}.builder-context{min-height:15px;color:#bfc9bc!important}.builder-context span{margin-left:12px}.builder-attributes{display:grid;grid-template-columns:repeat(5,1fr);align-self:center;gap:5px;position:relative;padding-bottom:13px}.builder-attributes>.primary-card{text-align:center;border-bottom:1px solid #c3b27988;padding:2px 4px 4px;background:#07120e99}.primary-value{display:flex;justify-content:center;align-items:baseline;gap:7px}.builder-attributes abbr{font-size:11px;text-decoration:none;color:#cbd8c3}.builder-attributes strong{font:24px Georgia,serif;color:#ecdfb4}.secondary-pair{display:flex;justify-content:center;gap:8px}.secondary-pair small{font-size:9px;color:#aebbad;white-space:nowrap}.secondary-pair .is-basic{color:#f3d28e}.secondary-pair i{font-size:6px;font-style:normal;vertical-align:top}.basic-legend{position:absolute;right:0;bottom:-2px;font-size:8px;color:#d8bd7f;text-transform:uppercase;letter-spacing:.08em}.builder-reserves{grid-column:2;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:5px 22px;font-size:11px;color:#c5d6c6}.builder-reserves b{color:#f6d49b;margin-left:4px}.builder-reserves .pd-remaining{display:flex;align-items:center;gap:8px;border:1px solid #d4b56c;background:#17271d;padding:3px 10px;box-shadow:0 0 15px #d4b56c2e}.pd-remaining em{font-style:normal;font-size:9px;letter-spacing:.09em;text-transform:uppercase}.builder-reserves .pd-remaining b{font:24px Georgia,serif;color:#ffe0a0}
.summary-fields{display:flex;flex-wrap:wrap;gap:3px 12px}.summary-fields span{display:flex;gap:4px;align-items:baseline}.summary-fields small{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#99aa9c}.summary-fields strong{font-size:11px;color:#f1d597}.summary-fields .profession-field strong{color:#ffe4a5}.undo-form{margin:0}.undo-button{min-height:28px;padding:3px 8px!important;font-size:9px!important;border-color:#7d8a73!important;color:#c9d6c2!important}.cycle-chapter{display:flex;align-items:baseline;gap:12px;margin:0 0 10px;padding:7px 11px;border-left:3px solid #c3a866;background:#0b1b15cc}.cycle-chapter span{font:17px Georgia,serif;color:#efd59b}.cycle-chapter strong{font-size:11px;color:#d7e0d2}.cycle-chapter small{margin-left:auto;font-size:9px;color:#aebba9}.finish-level.ready{box-shadow:0 0 18px #d4b56c55}.finish-level:disabled{opacity:.48;cursor:not-allowed}.completion-ceremony{text-align:center;padding:34px!important}.completion-ceremony h3{font-size:42px;margin:4px 0}.completion-line{color:#ebd095!important}.completion-ceremony blockquote{max-width:760px;margin:22px auto;padding:14px 20px;border:1px solid #83754f;background:#07130f;color:#d6dfd0;font:16px/1.7 Georgia,serif}.completion-ceremony .actions{justify-content:center}.profession-reveal{position:fixed;z-index:30;inset:50% auto auto 50%;transform:translate(-50%,-50%);min-width:min(620px,90vw);padding:28px 40px;text-align:center;border:1px solid #e3c477;outline:1px solid #56866f;outline-offset:5px;background:#07130ff2;box-shadow:0 0 90px #000,0 0 35px #6ac59b55;animation:profession-reveal 2.2s ease both;pointer-events:none}.profession-reveal span,.profession-reveal small{display:block;text-transform:uppercase;letter-spacing:.15em;color:#a8c8b6}.profession-reveal strong{display:block;margin:10px 0;font:32px Georgia,serif;color:#ffe0a0}.result-flight{position:fixed;z-index:40;left:50%;top:50%;max-width:300px;padding:9px 14px;border:1px solid #e4c77e;background:#11271cf2;color:#ffe4a4;font:17px Georgia,serif;pointer-events:none}@keyframes profession-reveal{0%{opacity:0;transform:translate(-50%,-45%) scale(.92)}12%,78%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-54%) scale(1.03)}}
.mini-emblem{display:inline-grid!important;place-items:center;width:20px;height:20px;flex:0 0 20px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#b59b61;color:#102018!important;font:700 7px/1 sans-serif;font-style:normal}.summary-fields span:has(.mini-emblem){gap:6px}.summary-fields span:has(.mini-emblem) small{margin-left:2px}.final-emblems{display:flex;justify-content:center;gap:12px;margin:8px 0 14px}.final-emblems span{display:grid;place-items:center;width:38px;height:38px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#c2a666;color:#112018;font:700 10px sans-serif}
body[data-era=origin]{--scene-position:center 38%;--scene-filter:saturate(.72) brightness(.82);--journey-veil:linear-gradient(90deg,#050c0aeF 0%,#0a1611cf 42%,#08130f85 72%,#02070666)}
body[data-era=career]{--scene-position:center center;--scene-filter:saturate(.95) brightness(.9);--journey-veil:linear-gradient(90deg,#050d0beb 0%,#071610bd 38%,#07151066 74%,#02080633)}
body[data-era=veteran]{--scene-position:68% 28%;--scene-size:cover;--scene-filter:saturate(1.12) contrast(1.08) brightness(.93);--journey-veil:linear-gradient(90deg,#040a08e8 0%,#10180fa8 40%,#251b0a55 78%,#02050422)}
body.builder-screen[data-realm]::after{content:'';position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.17;background:radial-gradient(circle at 78% 18%,var(--realm-glow) 0 2px,transparent 3px 42px),repeating-conic-gradient(from 45deg at 78% 18%,transparent 0 11deg,var(--realm-line) 12deg 12.5deg,transparent 13deg 30deg)}
body[data-realm=channeling]{--realm-glow:#ffe6a5;--realm-line:#d8b76b;--realm-accent:#ddbd74}
body[data-realm=essence]{--realm-glow:#83f1b4;--realm-line:#4fbf78;--realm-accent:#79d99a}
body[data-realm=mentalism]{--realm-glow:#d4a2ff;--realm-line:#8959bf;--realm-accent:#bd89e5}
body[data-realm] .realm-emblem,body[data-realm] .magic-identity strong{color:var(--realm-accent)!important;border-color:var(--realm-accent)}body[data-realm] .magic-development{border-left:3px solid var(--realm-accent);box-shadow:inset 18px 0 30px color-mix(in srgb,var(--realm-accent) 8%,transparent)}body[data-realm] .profession-reveal{outline-color:var(--realm-accent)}
.rank-ledger{min-width:0;background:#05100e66;padding:16px 14px;border-left:2px solid #a89660;position:sticky;top:14px}.rank-ledger h2{font:20px Georgia,serif;margin:0 0 14px;color:#dfcf9f}.ledger-columns,.ledger-row{display:grid;grid-template-columns:minmax(0,1fr) 62px;gap:8px;align-items:baseline}.ledger-columns{font-size:10px;color:#abbca8;border-bottom:1px solid #b9b28255;padding-bottom:6px}.ledger-columns span:last-child{text-align:right}.ledger-rows{max-height:calc(100dvh - 365px);min-height:80px;overflow:auto;scrollbar-color:#6d8965 #091510}.ledger-row{font-size:14px;padding:4px 0;border-bottom:1px solid #92aa8a14;color:#d5e9cb}.ledger-row strong{text-align:right;color:#c6f0ab;font-variant-numeric:tabular-nums}.floating-mark{margin-left:4px;color:#7fded0;font:700 10px/1 sans-serif;text-shadow:0 0 7px #55c9b788}.floating-legend{margin:8px 0 0;color:#9fb9b1;font-size:9px;letter-spacing:.02em}.floating-legend b{color:#7fded0;font-size:12px}.ledger-note,.ledger-empty{font-size:11px;color:#b3c1b0;margin:14px 0 0}.rank-increased{background:#73964b55;color:#f5edb4;box-shadow:inset 3px 0 #edcc8a;padding-left:8px}
.builder-screen .journey{min-width:0}.builder-screen .journey>.section-heading{margin:0 0 10px}.builder-screen .section-heading h2{font-size:23px}.builder-screen .section-heading .eyebrow,.builder-screen .saved,.builder-screen .decision-resources{display:none}
.builder-screen:not(.finished-screen) .journey>.section-heading{display:none}
.builder-screen .journey>.decision-stage,.builder-screen:not(.finished-screen) .journey>.decision-stage:has(.choice-console),.builder-screen:not(.finished-screen) .journey>.decision-stage:has(.vocation-board){min-height:0;max-height:none;overflow:visible;padding:16px 20px;border:1px solid #a0a08344;outline:none;background:#061210a6;box-shadow:none}
.builder-screen .decision-stage:before,.builder-screen .decision-stage:after{display:none}.builder-screen .decision-stage>h3{font-size:19px;margin:0 0 8px}.builder-screen .decision-stage>p{font-size:12px;margin:4px 0 10px}.builder-screen .decision-stage .cards{display:block}.builder-screen .decision-stage .cards>form{border:0;background:none;padding:0;margin:0}.builder-screen .decision-stage:has(.skill-board)>h3,.builder-screen .decision-stage:has(.skill-board)>.eyebrow,.builder-screen .decision-stage form:has(.skill-board)>h3{display:none}
.builder-screen .skill-picker.skill-board{display:flex!important;flex-direction:column;gap:0}.skill-board .skill-groups,.skill-board .group-skills{width:100%}.skill-board h3{font:19px Georgia,serif;text-align:center;color:#e3d6b2;margin:4px 0 10px}.group-menu{display:flex;justify-content:center;flex-wrap:wrap;gap:5px 8px;margin:0 0 16px}.group-menu button{background:transparent;border:1px solid transparent;box-shadow:none;padding:5px 9px;font:17px Georgia,serif;color:#becdb6;min-height:36px}.group-menu button[aria-pressed=true]{color:#ffe1a2;background:#59634855;border-color:#b6a469}.skill-menu{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;max-width:720px;margin:0 auto 10px}.skill-menu button{display:flex;justify-content:space-between;gap:10px;text-align:left;border:0;border-bottom:1px solid #a0b29633;box-shadow:none;background:#04120d66;color:#e1e5d6;min-height:38px;padding:7px 12px;font-size:14px}.skill-menu button small{white-space:nowrap;font-size:10px;color:#aac39e}.skill-menu button[aria-pressed=true]{color:#ffe0a1;background:#52684380;box-shadow:inset 3px 0 #e8c587}.skill-menu button:hover,.group-menu button:hover{background:#62745266;color:#fff0c5}.skill-board .selection-help{width:100%;padding:8px 10px;margin:6px 0 10px;font-size:12px;min-height:42px;background:#06120dbb}.skill-board [data-skill-field]{margin:6px 0}.skill-board input{padding:6px}.builder-screen .decision-stage form>button{padding:8px 15px;min-height:38px}.builder-screen .decision-stage .check{font-size:11px;margin:5px 0 10px}.attribute-advancement{border-top:1px solid #65725366;margin:14px 0 10px;padding-top:8px}.attribute-advancement summary{font-size:12px;color:#d7c994}.builder-screen .sheet-drawer>summary{font-size:11px}.builder-screen .musicbar{background:#05100eeb;padding:7px 24px;min-height:54px}.builder-screen .musicbar .eyebrow,.builder-screen #music-status,.builder-screen .file-button{display:none}.builder-screen #music-title{font-size:11px}.builder-screen .musicbar audio{height:28px}
@media(min-width:1100px){.builder-screen .journey{padding-right:8vw}}
@media(max-width:800px){.builder-screen main{padding:12px 14px 80px}.builder-screen .character-layout{grid-template-columns:190px minmax(0,1fr);gap:14px}.builder-hud{grid-template-columns:1fr;gap:10px}.builder-attributes{grid-column:1}.builder-reserves{grid-column:1;justify-content:flex-start;gap:16px}.builder-identity h1{font-size:24px}.ledger-rows{max-height:420px}.rank-ledger{padding:10px}.rank-ledger h2{font-size:17px}.ledger-row{font-size:12px}.builder-screen .journey>.decision-stage{padding:12px}.skill-menu{grid-template-columns:1fr}.group-menu button{font-size:15px}.builder-screen .skill-board h3{font-size:17px}}
@media(max-width:560px){.builder-screen .character-layout{grid-template-columns:1fr}.builder-hud{gap:8px}.builder-attributes{gap:2px}.builder-attributes strong{font-size:21px}.builder-attributes abbr{font-size:10px}.rank-ledger{position:static;border-left:0;border-bottom:1px solid #ac9d6566;padding:8px 0}.rank-ledger h2{font-size:15px;margin-bottom:6px}.ledger-rows{max-height:110px;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.ledger-columns,.ledger-note{display:none}.ledger-row{font-size:11px}.builder-screen main{padding-bottom:15px}.builder-screen .musicbar{position:static}.builder-screen .journey>.section-heading h2{font-size:21px}.skill-menu{grid-template-columns:1fr}.builder-reserves{gap:6px 14px}.builder-screen .sheet-drawer[open]{inset:10px}.builder-screen .edition{display:none}}
@media print{.builder-hud,.rank-ledger{display:none!important}.builder-screen .character-layout{display:block}.builder-screen::before{display:none}}
.weapon-print-choice{margin:18px 0;padding:16px;border:1px solid #776d48;background:#07140f99}
.pay-result{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 12px;padding:10px 14px;border:1px solid #b99c60;background:#18301f;box-shadow:0 0 18px #b99c6026}.pay-result span{font-size:9px;letter-spacing:.12em;color:#d1bd8c}.pay-result strong{font:20px Georgia,serif;color:#ffe1a3;text-align:right}
.pay-choice-guide{margin:16px 0;padding:14px 16px;border:1px solid #679476;background:#10271c}.pay-choice-guide>span{display:block;color:#9ed8b0;font-size:10px;font-weight:700;letter-spacing:.14em}.pay-choice-guide p{margin:6px 0 10px;color:#c9d6ca;font-size:13px}.pay-choice-guide ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none}.pay-choice-guide li{display:grid;gap:2px;padding:8px 9px;border:1px solid #55755d;background:#0b1c13;font-size:12px}.pay-choice-guide li b{color:#f1d28b}.pay-choice-guide li span:last-child{color:#b9c5ba;font-size:11px}@media(max-width:650px){.pay-choice-guide ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
.goods-trove{margin:0 0 14px;padding:12px 15px;border:1px solid #d2ae63;background:linear-gradient(100deg,#294426,#14261b);box-shadow:inset 4px 0 #e7c36f,0 0 22px #d6af5530}.goods-trove>span{display:block;color:#f1d594;font-size:10px;font-weight:700;letter-spacing:.15em}.goods-trove ul{display:flex;flex-wrap:wrap;gap:7px 18px;margin:8px 0 5px;padding:0;list-style:none}.goods-trove li{color:#fff0c4;font:18px Georgia,serif}.goods-trove li:before{content:'◆';margin-right:7px;color:#8fe0b2;font-size:9px}.goods-trove small{color:#b9c9b5;font-size:10px}
.culture-summary{margin:0 0 14px;padding:11px 15px;border:1px solid #5d9472;background:linear-gradient(100deg,#163326,#10251c);box-shadow:inset 4px 0 #71b88b}.culture-summary>span{display:block;color:#a9dbb9;font-size:10px;font-weight:700;letter-spacing:.14em}.culture-summary ul{display:flex;flex-wrap:wrap;gap:7px 20px;margin:8px 0 0;padding:0;list-style:none}.culture-summary li{color:#edf7e9}.culture-summary li:before{content:'◆';margin-right:7px;color:#71b88b;font-size:8px}.culture-summary b{color:#b9efa9}
.reversal-outcome{display:flex;align-items:center;gap:14px;margin:0 0 14px;padding:10px 16px;border:1px solid currentColor;background:#101b18e8;box-shadow:inset 4px 0 currentColor,0 0 22px #0008}.reversal-icon{display:grid;place-items:center;min-width:48px;font:34px/1 Georgia,serif}.reversal-copy{display:flex;flex-direction:column;gap:2px}.reversal-copy small{font-size:9px;letter-spacing:.15em;opacity:.8}.reversal-copy strong{font:20px Georgia,serif;text-transform:uppercase}.reversal-copy em{font-size:11px;font-style:normal;color:#d3ddcf}.outcome-scare{color:#8fe0b2}.outcome-wound{color:#df9b6d}.outcome-wound .reversal-icon{font-size:25px;letter-spacing:-7px;transform:rotate(-10deg)}.outcome-death{color:#df7272;background:#291314e8}.outcome-death .reversal-icon{font-size:39px}
.weapon-print-choice h3{font-size:18px!important}.weapon-print-choice p{font-size:13px!important}
.weapon-print-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;margin:10px 0 14px}
.group-print-choice fieldset{border:0;border-top:1px solid #776d48;margin:14px 0 0;padding:10px 0 0}
.group-print-choice legend{padding-right:10px;color:#e9c985;font:16px Georgia,serif}
@media(max-width:560px){.weapon-print-grid{grid-template-columns:1fr}}
.goods-family-list{display:grid;gap:12px;margin:16px 0}.goods-family{margin:0;padding:0 12px 12px;border:1px solid color-mix(in srgb,var(--goods-tier,#aeb5b0) 55%,#385548);background:#06150fbb}.goods-family.tier-0{--goods-tier:#aeb5b0}.goods-family.tier-1{--goods-tier:#65cf82}.goods-family.tier-2{--goods-tier:#5daaf2}.goods-family.tier-3{--goods-tier:#bd72e6}.goods-family.tier-4{--goods-tier:#ef9a43}.goods-family legend{display:flex;align-items:baseline;gap:12px;padding:0 8px;color:var(--goods-tier)}.goods-family legend b{font:20px Georgia,serif}.goods-family legend span{color:#b8c7ba;font-size:10px;letter-spacing:.04em}.goods-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:8px 0 0}.goods-plan-grid label{display:grid;gap:7px;margin:0;padding:12px;border-left:3px solid var(--goods-tier,#c7a65c);background:#081a12cc}.goods-plan-grid label span{display:flex;justify-content:space-between;gap:10px;color:#e9dcba}.goods-plan-grid label small{color:#9daf9f}.goods-plan-grid label em{padding:9px 10px;border:1px solid #435c4c;color:#91a496;font-size:11px;font-style:normal}.goods-plan-grid select{margin:0}.goods-plan .advisor{margin:14px 0;padding:12px 15px;border:1px solid #506f5d;background:#07160f}.goods-plan .advisor p{margin:4px 0;color:#b9c8bb;font-size:12px}@media(max-width:650px){.goods-plan-grid{grid-template-columns:1fr}.goods-family legend{display:grid;gap:2px}.goods-family legend b{font-size:17px}}
.commission-groups .rolled-group,.commission-groups .replacement-group{padding-bottom:1px;border-bottom:1px solid currentColor;font-weight:700;text-shadow:0 0 8px currentColor}.commission-groups .rolled-group-1{color:#7bcce2}.commission-groups .rolled-group-2{color:#e5bd6b}.commission-groups .rolled-group-3{color:#d394e9}.commission-groups .replacement-group{color:#78de94}.commission-groups .decision-menu button[aria-pressed=true]{border-color:#d4b56c;background:#31543c88;color:#f7e0aa}

/* Override the previous bounded-panel shell: the skill board owns its spacing. */
body.builder-screen .masthead{height:48px}
.builder-identity .back{margin:0 0 3px}
@media(min-width:801px){.builder-identity{grid-row:1/3}.builder-attributes{align-self:end}.builder-reserves{align-self:start}}
body.builder-screen:not(.finished-screen) .journey>.decision-stage{max-height:none;min-height:0;overflow:visible}
.builder-screen .skill-board>section{margin:0;padding:0}
.builder-screen .group-menu{margin-bottom:10px}
.builder-screen .skill-board h3{margin:3px 0 6px}
.builder-screen .decision-stage form{margin-bottom:8px}
.builder-screen .decision-stage .attribute-advancement form{margin-bottom:0}

.builder-screen .skill-board>.selection-help{margin:4px 0 8px;min-height:0}
.development-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.development-actions button{padding:8px 14px;font-size:13px}
.builder-screen .decision-stage .attribute-advancement{margin:8px 0 0;padding:5px 0 0}
.builder-screen .decision-stage .development-rules{margin:5px 0 0;padding:0;border:0}
.builder-screen .decision-stage .development-rules summary{font-size:11px}
.builder-screen .decision-stage .development-rules p{font-size:12px}
.builder-screen .decision-stage form#finish-development{margin:0}

.builder-screen .group-menu{gap:3px}
.builder-screen .group-menu button{font-size:15px;padding:4px 6px;min-height:30px}
.builder-screen .group-menu button.is-basic-group{color:#f0d18e;border-bottom-color:#9f8b58}.builder-screen .group-menu button.is-basic-group::first-letter{color:#fff2bd}
.builder-screen .skill-menu button{min-height:34px;padding:5px 10px}
.builder-screen .skill-board>.selection-help{font-size:11px;padding:6px 8px;line-height:1.5}
.builder-screen .decision-stage .check{margin:3px 0 6px}
@media(min-width:801px){.builder-screen .skill-groups h3{font-size:18px}}

/* Colour-coded identity fields keep the compact HUD readable at a glance. */
.summary-fields .race-field strong{color:#f0a35a}
.summary-fields .level-field strong{color:#8fcfe0}
.summary-fields .profession-field strong{color:#ffd477}
.summary-fields .magic-identity strong{color:#cf9bff!important}
.builder-context .origin-field strong{color:#8ed1a4}.builder-context .realm-field strong,.realm-guide b,.magic-development .realm-name{color:#cf9bff!important;text-shadow:0 0 8px #a85cff55}
.talent-reminder{margin-top:3px;max-width:620px;color:#d8dfd1;font-size:10px}.talent-reminder summary{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 7px;cursor:pointer;list-style:none}.talent-reminder summary::-webkit-details-marker{display:none}.talent-reminder summary:before{content:'✦';color:#d7b968}.talent-reminder summary small{font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#98a99b}.talent-reminder summary strong{color:#efd798;font-weight:600}.talent-reminder summary i{color:#758477;font-style:normal}.talent-reminder>div{margin-top:5px;padding:5px 8px;border-left:2px solid #a58d55;background:#07130fdd}.talent-reminder p{margin:2px 0!important;font-size:10px!important;line-height:1.35;color:#cbd5c7!important}.talent-reminder p b{color:#ead294}

body.builder-screen[data-realm] .summary-fields .magic-identity strong{color:#cf9bff!important;text-shadow:0 0 8px #a85cff66}
.summary-fields .profession-field strong{color:#ffd15c;text-shadow:0 0 7px #f0b72f66;border-bottom:1px solid #bf8e28;padding-bottom:1px}
.builder-reserves .status-value b{color:#83d89a;text-shadow:0 0 7px #55b87555}
.builder-reserves .hp-value b{color:#ff7770;text-shadow:0 0 7px #e54d4555}
.builder-reserves .power-value b{color:#76bfff;text-shadow:0 0 7px #3c96e655}

.group-cost-legend{display:flex;justify-content:center;gap:14px;margin:-2px 0 6px;font-size:9px;letter-spacing:.05em}
.group-cost-legend .cost-basic,.builder-screen .group-menu button.is-basic-group{color:#83d89a;border-bottom-color:#579e69}
.group-cost-legend .cost-secondary,.builder-screen .group-menu button.is-secondary-group{color:#aeb7b2;border-bottom-color:#69736e}
.group-cost-legend .cost-foreign,.builder-screen .group-menu button.is-foreign-group{color:#ee837b;border-bottom-color:#a84f49}
.builder-screen .group-menu button.is-basic-group[aria-pressed=true]{background:#31543c88;color:#b8f0c5}
.builder-screen .group-menu button.is-secondary-group[aria-pressed=true]{background:#49534f88;color:#e0e5e2}
.builder-screen .group-menu button.is-foreign-group[aria-pressed=true]{background:#63383388;color:#ffc0ba}

/* Creation mode keeps the current choice and its action inside one viewport. */
.builder-progress{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:end;color:#c8d5c2;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.builder-progress strong{color:#f0d092}.builder-progress i{grid-column:1/-1;height:2px;background:linear-gradient(90deg,#d4b56c var(--progress),#6e725d55 var(--progress));box-shadow:0 0 8px #c5a85b55}
.final-sheet{margin-top:12px;border:1px solid #b8a76d55;background:#11170fbb}.final-sheet>summary{cursor:pointer;padding:10px 13px;color:#ead39d;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.final-sheet[open]>summary{border-bottom:1px solid #b8a76d44}
.builder-screen .musicbar{display:flex}.builder-screen main{padding-bottom:76px}
.builder-screen .development-actions{position:sticky;bottom:8px;z-index:4;padding:8px;background:#06120ff2;border-top:1px solid #aa9863;box-shadow:0 -10px 18px #020806cc}
.builder-screen .roll-result{animation:roll-reveal .55s cubic-bezier(.2,.8,.2,1)}
@keyframes roll-reveal{0%{transform:scale(.55) rotate(-7deg);opacity:.2;filter:blur(4px)}70%{transform:scale(1.08) rotate(1deg);opacity:1;filter:blur(0)}100%{transform:scale(1) rotate(0)}}
@media(prefers-reduced-motion:reduce){.builder-screen .roll-result{animation:none}}
.magic-guide,.magic-development{margin:10px 0 14px;padding:12px 14px;border:1px solid #8e805755;background:#07140fbb;color:#cbd7c7}.magic-guide h4,.magic-development h4{margin:0 0 8px;color:#efd39a;font:17px Georgia,serif}.magic-guide p,.magic-development p{font-size:12px;margin:7px 0}.magic-guide>small,.magic-development>small{display:block;color:#aebba9;font-size:10px}.realm-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.realm-guide span{padding:6px 8px;background:#0c1e16;border-left:2px solid #a78f5d}.realm-guide b,.realm-guide small{display:block}.realm-guide small{font-size:10px;color:#bcc9b8}.magic-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;align-items:end}.magic-actions form{margin:0!important}.magic-actions label{margin:0 0 5px}.magic-actions button{width:100%}
.carry-note{display:block;margin-top:5px;color:#b9cbb6;font-size:11px}.magic-development .magic-attempted{border-left:2px solid #d4b56c;padding:7px 9px;background:#17271d}
.magic-path-warning{display:flex;gap:8px 18px;align-items:baseline;margin:8px 0 12px;padding:8px 11px;border-left:3px solid #bd87e5;background:#24152fbb;color:#cfc4d7;font-size:11px}.magic-path-warning strong{color:#d9a6ff;white-space:nowrap}.path-magic-cost{display:flex;flex-direction:column;margin:6px 0 8px;padding:7px 9px;border-left:3px solid;background:#07130fc7}.path-magic-cost span{font-size:10px}.path-magic-cost>strong{font-size:13px}.path-magic-cost .spell-list-count{margin-top:5px;padding-top:4px;border-top:1px solid #bd87e566;color:#edd6ff!important;font-size:14px;line-height:1.2}.path-magic-cost small{margin:2px 0 0!important;font-size:8px!important}.path-magic-cost.cost-basic{border-color:#6fca89;color:#a9e8b9}.path-magic-cost.cost-secondary{border-color:#929d97;color:#d0d7d3}.path-magic-cost.cost-foreign{border-color:#d46660;color:#f1aaa4}.path-magic-cost.cost-basic>strong{color:#83d89a}.path-magic-cost.cost-secondary>strong{color:#bec7c2}.path-magic-cost.cost-foreign>strong{color:#ff837b}
@media(max-width:560px){.realm-guide,.magic-actions{grid-template-columns:1fr}.builder-attributes{gap:2px}.secondary-pair{gap:3px}.secondary-pair small{font-size:8px}}
.subskill-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;max-width:720px;margin:0 auto 10px;padding:8px;border:1px solid #a9976266;background:#020b09cc}
.subskill-menu button{min-height:32px;padding:5px 8px;border:0;border-bottom:1px solid #8da28244;background:#0b1813;color:#d8e3d0;font-size:11px;text-align:left}
.subskill-menu button[aria-pressed=true]{color:#ffe0a1;background:#52684380;box-shadow:inset 3px 0 #e8c587}
@media(max-width:800px){.subskill-menu{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.subskill-menu{grid-template-columns:1fr}}

/* Compact skill arithmetic and optional contextual advice. */
.builder-screen .skill-menu button{min-height:47px;padding:6px 10px}
.skill-choice-copy,.skill-choice-result{display:flex;min-width:0;flex-direction:column;justify-content:center}
.skill-choice-copy b{font-weight:600}.skill-choice-copy .skill-choice-attributes{margin-top:2px;color:#93b6aa;overflow:hidden;text-overflow:ellipsis}
.skill-choice-result{text-align:right;align-items:flex-end}.skill-choice-result strong{color:#e6d7a6;font:15px Georgia,serif;white-space:nowrap}.skill-choice-result small{color:#9fb493}
.skill-menu button[aria-pressed=true] .skill-choice-attributes{color:#b9e6d4}.skill-menu button[aria-pressed=true] .skill-choice-result strong{color:#ffe0a1}
.skill-calculation{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:baseline;border-left-color:#929d97!important}
.skill-calculation>strong{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#c7d1ca;white-space:nowrap}.skill-calculation>span{color:#e3eadf}.skill-calculation>small{grid-column:2;color:#9fb0a3;font-size:9px}
.skill-calculation.cost-basic{border-left-color:#62c77f!important}.skill-calculation.cost-basic>strong{color:#91e4a7}.skill-calculation.cost-secondary{border-left-color:#929d97!important}.skill-calculation.cost-foreign{border-left-color:#d46660!important}.skill-calculation.cost-foreign>strong{color:#f0a29d}
.skill-advisor{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin:0 0 8px;padding:7px 9px;border:1px solid #5a7767;background:#0a2118dd;color:#cfe1d4}.skill-advisor .advisor-mark{color:#76d5a1}.skill-advisor small{display:block;color:#82cba1;font-size:8px;letter-spacing:.13em}.skill-advisor p{margin:1px 0!important;color:#cfdbd0!important;font-size:10px!important;line-height:1.35}.skill-advisor button{min-height:25px!important;padding:3px 7px!important;border-color:#557163!important;color:#aebfb3!important;background:transparent!important;font-size:8px!important;white-space:nowrap}
.skill-advisor.is-collapsed{grid-template-columns:1fr auto;padding:3px 7px;border-color:#3d5047;background:#07150f99}.skill-advisor.is-collapsed .advisor-mark,.skill-advisor.is-collapsed>div{display:none}
@media(max-width:560px){.skill-calculation{grid-template-columns:1fr;gap:2px}.skill-calculation>small{grid-column:1}.skill-calculation>strong{white-space:normal}.skill-advisor{grid-template-columns:auto 1fr}.skill-advisor button{grid-column:2;justify-self:start}.skill-choice-result strong{font-size:13px}.builder-screen .skill-menu button{min-height:49px}}