@font-face{font-family:Oswald;src:url('/assets/oswald.ttf') format('truetype');font-weight:200 700;font-display:swap}@font-face{font-family:Roboto;src:url('/assets/roboto.ttf') format('truetype');font-weight:100 900;font-display:swap}:root{color-scheme:dark;font-family:Roboto,sans-serif;background:#020810;color:#f5f7fc;--gold:#ffd15c;--muted:#b1bfce;--line:#8197b137;--navy:#081a2b}*{box-sizing:border-box}body{margin:0}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:2px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}.gallery{height:100svh;height:100dvh;max-width:780px;margin:auto;display:grid;grid-template-rows:88px minmax(0,1fr);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.gallery-nav{padding:8px 14px 7px;background:#020c16;border-bottom:1px solid #c5a65d72;display:grid;grid-template-rows:22px 44px;gap:7px}.gallery-nav>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.gallery-nav>div>span{font:500 9px Roboto,sans-serif;letter-spacing:1px;color:var(--muted)}.gallery-nav strong{font:500 14px Oswald,sans-serif;color:var(--gold)}#layouts{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}#layouts button{min-width:44px;min-height:44px;border:1px solid #69849e65;border-radius:3px;background:#112437;font:500 19px Oswald,sans-serif}#layouts button[aria-pressed=true]{border-color:var(--gold);background:var(--gold);color:#06121c;box-shadow:0 0 15px #ffd15b18}
.game{min-height:0;overflow:hidden;background:linear-gradient(135deg,#132d43,#081929 60%,#051321);display:grid;grid-template-rows:44px 86px minmax(0,1fr) 67px;position:relative;isolation:isolate}.game::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('../../identidade/prancheta/clipboard-empty-23b.png') center top/cover;opacity:.045}.game-top{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--line);padding-right:12px}.game-top h1{font:500 18px/1.1 Oswald,sans-serif;letter-spacing:.5px}.icon{width:44px;min-width:44px;height:44px;display:grid;place-items:center;background:none;border:0}.icon img{width:20px}.style-button{margin-left:auto;border:0;background:none;color:var(--gold);font:500 12px Oswald,sans-serif;height:44px;padding:0;display:flex;align-items:center;gap:6px}.style-button img{width:13px}.profile{padding:9px 16px;display:flex;align-items:center;gap:12px;background:linear-gradient(100deg,#17344b88,#06172811);border-bottom:1px solid #8aa3bc30}.portrait{width:56px;height:68px;flex:none;overflow:hidden;border:1px solid #c6a759c7;background:#12283b;position:relative;border-radius:3px}.portrait img{display:block;position:absolute;width:260.678851%;max-width:none;height:auto;left:-10px;top:-4px}.identity{min-width:0;flex:1}.identity>span{font:500 9px Oswald,sans-serif;color:var(--muted);letter-spacing:1.8px}.identity h2{font:500 21px/1.1 Oswald,sans-serif;text-transform:uppercase;margin:3px 0 4px;overflow-wrap:anywhere}.identity p{color:var(--gold);font-size:11px;line-height:1.1}.budget{text-align:right;flex:none}.budget>span{display:block;font:400 8px/1.4 Roboto,sans-serif;color:var(--muted);letter-spacing:.2px}.budget strong{font:600 27px/1.1 Oswald,sans-serif;color:var(--gold)}.budget small{font-size:10px}
.workarea{padding:8px 16px;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px}.stats-panel{display:flex;flex-direction:column;min-height:0}.section-top{display:flex;align-items:center;gap:9px;min-height:28px;flex:none}.section-top h2{font:500 13px Oswald,sans-serif;letter-spacing:.9px}.section-top>span{color:var(--muted);font:400 8px Roboto,sans-serif;margin-left:auto;white-space:nowrap}.section-top button{border:0;background:none;color:var(--gold);min-height:44px;min-width:44px;padding:0;font:500 10px Oswald,sans-serif}.stats-panel>.section-top{margin-top:-7px;margin-bottom:-5px}#stats{display:grid;grid-template-rows:repeat(8,minmax(0,1fr));gap:3px;min-height:0;flex:1}.stat{display:grid;grid-template-columns:minmax(0,1fr) 29px 29px;grid-template-rows:auto 5px;align-content:center;gap:5px 6px;position:relative}.label{font:400 13px/1.2 Roboto,sans-serif;align-self:center}.value{font:500 21px/1 Oswald,sans-serif;color:var(--gold);text-align:right;font-variant-numeric:tabular-nums}.delta{font:500 11px Roboto,sans-serif;text-align:right;align-self:center;color:#b4c4d1;font-variant-numeric:tabular-nums}.delta.up{color:#97e7c3}.delta.down{color:#ffb7a3}.track{grid-column:1/-1;background:#3d53645e;height:5px;position:relative;border-radius:1px}.fill{display:block;width:var(--value);height:100%;background:linear-gradient(90deg,#ae812a,var(--gold));transition:width .3s ease}.reference-mark{position:absolute;height:9px;top:-2px;width:2px;left:var(--reference);background:#d4e1eb;opacity:.7}.base-value{display:none}.comparison-line{font:400 9px Roboto,sans-serif;color:var(--muted);display:flex;align-items:center;gap:5px;min-height:18px;margin-top:4px}.reference-key{display:inline-block;width:8px;height:2px;background:#d4e1eb}.origin-picker{min-height:0;border-top:1px solid #cbac5955;padding-top:3px}#origins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.origin{display:flex;align-items:center;justify-content:center;min-height:48px;padding:5px 4px;border:1px solid #718b9e60;background:#11293cbb;color:#f1f4f9;border-radius:2px;font:500 15px/1.15 Oswald,sans-serif;text-align:center}.origin[aria-pressed=true]{background:linear-gradient(120deg,#ffdb73,#d6a32f);color:#081521;border-color:#ffe799;box-shadow:inset 0 0 0 2px #ffedbb44}.origin[aria-disabled=true]{color:#8ea0af;border-style:dashed;background:#0a1a28b0;font-size:13px}.origin img{width:12px;margin-right:4px;opacity:.7}
footer{padding:4px 16px 5px;background:linear-gradient(0deg,#05121f,#081929)}.primary{background:linear-gradient(110deg,#ffe896,#eeb62e);color:#091825;border:1px solid #ffe695;min-height:46px;width:100%;font:600 21px Oswald,sans-serif;display:flex;align-items:center;justify-content:center;gap:20px;clip-path:polygon(2.5% 0,100% 0,97.5% 100%,0 100%);letter-spacing:.6px}.primary img{width:18px;filter:brightness(0)}.primary:active{filter:brightness(1.13)}footer>p{text-align:center;color:#b3bfcb;font-size:8px;margin-top:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/*2: individual score tiles, with a full-width choice deck.*/
.game[data-layout="2"]{background:radial-gradient(ellipse at 20% 5%,#1e415b,#091726 65%)}.game[data-layout="2"] #stats{grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,minmax(0,1fr));gap:8px}.game[data-layout="2"] .stat{padding:10px 12px;background:linear-gradient(135deg,#28455c99,#0e2638cc);border:1px solid #8eacca33;border-left:2px solid #c6a052;grid-template-columns:minmax(0,1fr) 35px;grid-template-rows:minmax(0,1fr) 12px 4px;gap:3px 4px}.game[data-layout="2"] .label{font-size:12px;line-height:1.2}.game[data-layout="2"] .value{font-size:29px;align-self:center;grid-column:2;grid-row:1}.game[data-layout="2"] .delta{grid-column:2;grid-row:2;font-size:10px}.game[data-layout="2"] .track{grid-row:3;height:4px}.game[data-layout="2"] .comparison-line{margin-top:6px}
/*3: origins form the command rail; results stay beside each choice.*/
.game[data-layout="3"] .workarea{grid-template-columns:32% minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:14px}.game[data-layout="3"] .origin-picker{grid-column:1;grid-row:1;display:flex;flex-direction:column;border:0;padding:0}.game[data-layout="3"] .origin-picker .section-top{min-height:35px;margin-top:-3px}.game[data-layout="3"] .origin-picker .section-top>span{display:none}.game[data-layout="3"] #origins{grid-template-columns:1fr;grid-template-rows:repeat(6,minmax(44px,1fr));gap:7px;flex:1}.game[data-layout="3"] .origin{font-size:16px;border-left:3px solid #718b9e60}.game[data-layout="3"] .origin[aria-pressed=true]{border-left-color:#fff4bf}.game[data-layout="3"] .stats-panel{grid-column:2;grid-row:1}.game[data-layout="3"] .stats-panel .section-top{gap:4px}.game[data-layout="3"] .stats-panel .section-top h2{font-size:11px}.game[data-layout="3"] .section-top>span{font-size:7px}.game[data-layout="3"] .stat{grid-template-columns:minmax(0,1fr) 22px 22px;gap:6px 4px}.game[data-layout="3"] .label{font-size:12px}.game[data-layout="3"] .value{font-size:22px}.game[data-layout="3"] .delta{font-size:10px}.game[data-layout="3"] .comparison-line{font-size:8px}
/*4: radar and numeric values share the approved 0–100 scale.*/
.game[data-layout="4"] .stats-panel{display:grid;grid-template-rows:34px minmax(80px,1fr) auto 15px;gap:2px}.game[data-layout="4"] #chart{min-height:0;display:grid;place-items:center;position:relative}.radar{width:100%;height:100%;overflow:visible}.radar .ring{fill:none;stroke:#8aa6bd3b;stroke-width:1}.radar .axis{stroke:#8aa6bd29;stroke-width:1}.radar .compare-shape{fill:#d5e4ef09;stroke:#b2c3d0;stroke-width:1;stroke-dasharray:3 3}.radar .current-shape{fill:#ffcf4b38;stroke:#ffd15b;stroke-width:2}.radar .dot{fill:#ffdc78}.radar text{fill:#c9d7e3;font:10px Roboto,sans-serif;text-anchor:middle;dominant-baseline:middle}.radar .axis-mark{fill:#8d9fae;font-size:8px}.game[data-layout="4"] #stats{grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,23px);gap:2px 16px}.game[data-layout="4"] .stat{grid-template-columns:minmax(0,1fr) 22px 24px;grid-template-rows:auto;gap:4px;border-bottom:1px solid #93aec223;padding:2px 0}.game[data-layout="4"] .stat .track{display:none}.game[data-layout="4"] .label{font-size:11px}.game[data-layout="4"] .value{font-size:18px}.game[data-layout="4"] .delta{font-size:9px}.game[data-layout="4"] .comparison-line{margin:0}
/*5: two banks of four vertical meters, grouped only for presentation.*/
.game[data-layout="5"] #stats{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px 8px}.game[data-layout="5"] .stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 5px 6px;background:#1d3b506e;border-bottom:2px solid #526b7d;min-height:0}.game[data-layout="5"] .stat:nth-child(-n+4){border-color:#d1a644}.game[data-layout="5"] .value{order:0;font-size:27px}.game[data-layout="5"] .track{order:1;width:21px;flex:1;min-height:12px;display:flex;align-items:flex-end;background:repeating-linear-gradient(0deg,#244055 0,#244055 9px,#071a2a 10px)}.game[data-layout="5"] .fill{width:100%;height:var(--value);transition:height .3s ease;background:linear-gradient(0deg,#9c6a17,#ffe082)}.game[data-layout="5"] .reference-mark{top:auto;bottom:var(--reference);left:-3px;width:27px;height:2px}.game[data-layout="5"] .label{order:2;text-align:center;min-height:28px;font-size:11px;line-height:1.15;display:flex;align-items:center;justify-content:center}.game[data-layout="5"] .delta{order:3;font-size:9px;min-height:10px}.game[data-layout="5"] .comparison-line{margin-top:6px}
/*6: a real numeric comparison, not another decorated bar list.*/
.game[data-layout="6"] .workarea{grid-template-rows:auto minmax(0,1fr)}.game[data-layout="6"] .origin-picker{grid-row:1;border-top:0;border-bottom:1px solid #b5985255;padding-bottom:9px}.game[data-layout="6"] .stats-panel{grid-row:2}.table-heading{display:grid;grid-template-columns:minmax(0,1fr) 48px 48px 35px;gap:6px;font:500 9px Oswald,sans-serif;color:#b0c0cf;align-items:center;padding:6px 7px;border-bottom:1px solid #9dafbf55}.table-heading>span:not(:first-child){text-align:right}.game[data-layout="6"] #stats{gap:0}.game[data-layout="6"] .stat{grid-template-columns:minmax(0,1fr) 48px 48px 35px;grid-template-rows:auto;gap:6px;padding:5px 7px;border-bottom:1px solid #8099ad25}.game[data-layout="6"] .label{font-size:12px}.game[data-layout="6"] .base-value{display:block;font:400 18px Oswald,sans-serif;text-align:right;color:#a8bac9}.game[data-layout="6"] .value{grid-column:3;font-size:21px;background:#eab8490d;align-self:stretch;display:flex;align-items:center;justify-content:flex-end}.game[data-layout="6"] .delta{grid-column:4}.game[data-layout="6"] .track{display:none}
dialog{padding:0;color:#f5f7fc;border:1px solid #c5a458;border-radius:4px;background:#0b2032;width:min(92vw,490px);max-height:calc(100dvh - 24px);overflow:auto}dialog::backdrop{background:#020a13c9;backdrop-filter:blur(4px)}.sheet{padding:20px}.sheet>header{position:relative;padding-right:22px;margin-bottom:18px;border-bottom:1px solid #bea05666;padding-bottom:15px}.sheet small{color:var(--gold);font-size:10px;letter-spacing:1.5px}.sheet h2{font:500 27px/1.2 Oswald,sans-serif;margin-top:7px}.sheet .icon{position:absolute;top:-12px;right:-10px}.sheet p{font-size:14px;line-height:1.5;margin-bottom:15px}.sheet .muted{font-size:12px;color:var(--muted);margin-top:14px}.sheet .primary{margin-top:18px}.style-field,.choice{width:100%;min-height:48px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #7290a13b;background:#163147;padding:10px 12px;margin:7px 0;font-size:14px}.style-field strong{font:500 18px Oswald,sans-serif;text-align:right}.choice[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;font-size:12px;margin:18px 0}.review-grid div{display:flex;justify-content:space-between;gap:8px}.review-grid strong{color:var(--gold)}.sheet dl{margin:15px 0}.sheet dl>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #55718344;padding:8px 0;font-size:13px}.sheet dd{margin:0;text-align:right}.sheet dt{color:var(--muted)}
@media(min-width:600px){.game{grid-template-rows:54px 90px minmax(0,1fr) 74px}.game-top{padding-inline:13px}.game-top h1{font-size:24px}.style-button{font-size:15px}.profile{padding-inline:25px}.portrait{width:64px;height:76px}.identity h2{font-size:27px}.identity p{font-size:14px}.budget strong{font-size:32px}.budget>span{font-size:10px}.workarea{padding-inline:25px;gap:13px}.section-top h2{font-size:17px}.section-top>span{font-size:10px}.origin{min-height:57px;font-size:19px}.origin[aria-disabled=true]{font-size:17px}.label{font-size:17px}.value{font-size:25px}.delta{font-size:13px}.track{height:7px}.stat{grid-template-columns:minmax(0,1fr) 38px 40px;grid-template-rows:auto 7px;gap:6px}.comparison-line{font-size:11px}.game[data-layout="2"] .label{font-size:16px}.game[data-layout="2"] .value{font-size:37px}.game[data-layout="3"] .label{font-size:16px}.game[data-layout="3"] .origin{font-size:22px}.game[data-layout="3"] .stats-panel .section-top h2{font-size:16px}.game[data-layout="4"] #stats{grid-template-rows:repeat(4,30px)}.game[data-layout="4"] .label{font-size:14px}.game[data-layout="4"] .value{font-size:22px}.game[data-layout="5"] .value{font-size:36px}.game[data-layout="5"] .label{font-size:15px;min-height:35px}.game[data-layout="5"] .track{width:34px}.game[data-layout="5"] .reference-mark{width:40px}.game[data-layout="6"] .stat,.table-heading{grid-template-columns:minmax(0,1fr) 80px 80px 45px}.game[data-layout="6"] .label{font-size:16px}.game[data-layout="6"] .value{font-size:27px}.game[data-layout="6"] .base-value{font-size:24px}footer{padding-inline:25px}.primary{font-size:25px;min-height:51px}}
@media(max-height:700px) and (max-width:599px){.gallery{grid-template-rows:76px minmax(0,1fr)}.gallery-nav{padding:4px 10px;grid-template-rows:19px 44px;gap:3px}.gallery-nav strong{font-size:12px}.gallery-nav>div>span{font-size:8px}#layouts{gap:5px}.game{grid-template-rows:40px 66px minmax(0,1fr) 57px}.game-top h1{font-size:16px}.profile{padding:5px 12px;gap:9px}.portrait{width:46px;height:56px}.portrait img{left:-8px;top:-3px}.identity h2{font-size:18px}.identity>span{font-size:8px}.identity p{font-size:10px}.budget strong{font-size:23px}.budget>span{font-size:7px}.workarea{padding:3px 12px;gap:4px}.section-top{min-height:23px;gap:5px}.section-top h2{font-size:11px}.section-top>span{font-size:7px}.stats-panel>.section-top{min-height:27px;margin-top:-6px;margin-bottom:-8px}.section-top button{min-height:36px;font-size:9px}#stats{gap:1px}.stat{grid-template-rows:auto 3px;gap:3px 4px}.label{font-size:11px}.value{font-size:17px}.delta{font-size:9px}.track{height:3px}.reference-mark{height:7px}.comparison-line{font-size:8px;min-height:12px;margin-top:3px}#origins{gap:4px}.origin{min-height:44px;font-size:13px}.origin[aria-disabled=true]{font-size:12px}.origin-picker{padding-top:2px}.primary{min-height:44px;font-size:19px}footer{padding:2px 12px 3px}footer>p{font-size:7px;margin-top:3px}.game[data-layout="2"] #stats{gap:4px}.game[data-layout="2"] .stat{padding:4px 7px;grid-template-columns:minmax(0,1fr) 25px;grid-template-rows:minmax(0,1fr) 8px 3px;gap:1px 2px}.game[data-layout="2"] .label{font-size:10px}.game[data-layout="2"] .value{font-size:23px}.game[data-layout="2"] .delta{font-size:8px}.game[data-layout="2"] .track{height:3px}.game[data-layout="3"] .workarea{gap:10px}.game[data-layout="3"] #origins{gap:5px}.game[data-layout="3"] .origin{font-size:14px}.game[data-layout="3"] .label{font-size:11px}.game[data-layout="3"] .stat{grid-template-columns:minmax(0,1fr) 20px 19px;gap:3px 2px}.game[data-layout="3"] .value{font-size:18px}.game[data-layout="3"] .delta{font-size:9px}.game[data-layout="3"] .section-top>span{display:none}.game[data-layout="3"] .comparison-line{font-size:7px}.game[data-layout="4"] .stats-panel{grid-template-rows:26px minmax(65px,1fr) auto 12px;gap:0}.game[data-layout="4"] #stats{grid-template-rows:repeat(4,18px);gap:0 9px}.game[data-layout="4"] .label{font-size:9px}.game[data-layout="4"] .value{font-size:15px}.game[data-layout="4"] .delta{font-size:8px}.game[data-layout="4"] .stat{grid-template-columns:minmax(0,1fr) 18px 20px;gap:2px}.game[data-layout="5"] #stats{gap:5px}.game[data-layout="5"] .stat{gap:2px;padding:3px}.game[data-layout="5"] .value{font-size:20px}.game[data-layout="5"] .label{font-size:9px;min-height:22px}.game[data-layout="5"] .delta{font-size:8px;min-height:8px}.game[data-layout="5"] .track{min-height:8px;width:16px}.game[data-layout="5"] .reference-mark{width:22px}.game[data-layout="6"] .origin-picker{padding-bottom:4px}.game[data-layout="6"] .stat,.table-heading{grid-template-columns:minmax(0,1fr) 37px 37px 29px;gap:4px;padding:2px 4px}.game[data-layout="6"] .label{font-size:10px}.game[data-layout="6"] .value{font-size:17px}.game[data-layout="6"] .base-value{font-size:15px}.table-heading{font-size:8px}}
@media(max-height:550px){.gallery{height:auto;min-height:568px}.game{min-height:492px}.workarea{min-height:320px}}
.game[data-layout="4"] #chart{padding:5px 0 7px}.radar{display:block;min-height:0}.game[data-layout="5"] .label{overflow-wrap:anywhere;hyphens:auto}.compact-hint{display:none}.section-top button{min-height:44px}
@media(max-height:700px) and (max-width:599px){.game:is([data-layout="4"],[data-layout="5"]) #origins{grid-template-columns:none;grid-template-rows:1fr;grid-auto-flow:column;grid-auto-columns:29%;overflow-x:auto;scrollbar-width:thin;padding-bottom:5px}.game:is([data-layout="4"],[data-layout="5"]) .normal-hint{display:none}.game:is([data-layout="4"],[data-layout="5"]) .compact-hint{display:block}.radar text{font-size:15px}.radar .axis-mark{font-size:11px}}
.workarea,.stats-panel,.origin-picker,#origins{min-width:0}
@media(prefers-reduced-motion:reduce){.fill{transition:none}}

/*23F: speech bubbles escape cropped panels and remain anchored to touch targets.*/
.choice-help{position:fixed;inset:auto;margin:0;padding:0;overflow:visible;background:#102b40;color:#f5f7fc;border:1px solid #e4bd68;border-radius:8px;box-shadow:0 14px 38px #0009;width:340px;max-width:calc(100vw - 24px);font-family:Roboto,sans-serif;z-index:50}
.choice-help::before{content:"";position:absolute;left:var(--arrow-x,50%);width:13px;height:13px;background:#102b40;border:solid #e4bd68;border-width:0 1px 1px 0;transform:translateX(-50%) rotate(45deg);bottom:-7px;pointer-events:none}
.choice-help[data-side=below]::before{top:-7px;bottom:auto;transform:translateX(-50%) rotate(225deg)}
.choice-help>header{display:flex;align-items:center;gap:6px;min-height:48px;padding:2px 6px 2px 14px;border-bottom:1px solid #b59a594d}.choice-help h2{font:500 20px/1.15 Oswald,sans-serif;flex:1;color:#ffdc80}.help-close{border:0;background:none;width:44px;height:44px;flex:none;color:#dce8ef;font:400 28px Roboto,sans-serif}.help-body{padding:12px 14px;max-height:calc(var(--help-space,500px) - 54px);overflow:auto;overscroll-behavior:contain;font-size:14px;line-height:1.4}.help-body p{margin:0 0 10px}.help-body p:last-child{margin-bottom:0}.help-body .help-context{color:#ffdc80;font-size:12px}.help-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px 13px;margin:10px 0}.help-stats>div{display:grid;grid-template-columns:1fr auto auto;gap:5px;align-items:center;padding-bottom:5px;border-bottom:1px solid #7f9caf38;min-width:0}.help-stats span{font-size:12px;line-height:1.2;overflow-wrap:anywhere}.help-stats strong{font:500 18px Oswald,sans-serif;color:#ffdc80}.help-stats small{font-size:11px;color:#afc3d0}.help-stats .up{color:#97e7c3}.help-stats .down{color:#ffb7a3}.help-body .help-license{font-size:12px}.help-body .help-note{color:#bdccd8;font-size:12px;line-height:1.4}.origin::after,.choice::after{content:'i';font:italic 600 11px Georgia,serif;display:inline-grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:13px;height:13px;flex:none;opacity:.75;margin-left:5px}.origin{position:relative}.choice{gap:8px}

/*23G: option 4 is the provisional primary builder; alternatives remain in their gallery.*/
body[data-mode=focused] .gallery{grid-template-rows:minmax(0,1fr)}
body[data-mode=focused] .gallery-nav{display:none}
body[data-mode=focused] .game-top{gap:7px}
body[data-mode=focused] .game-top h1{font-size:17px;flex:1;min-width:0}
body[data-mode=focused] .style-button{font-size:12px;margin-left:0;min-width:44px;justify-content:center}
body[data-mode=focused] .layouts-link{color:#b9cbda}
@media(min-width:600px){body[data-mode=focused] .game-top h1{font-size:24px}body[data-mode=focused] .style-button{font-size:15px;padding-inline:6px}}
@media(max-height:700px) and (max-width:599px){body[data-mode=focused] .game{grid-template-rows:44px 66px minmax(0,1fr) 57px}}

/*23H: origin passives in existing explanations and review; no gameplay bonuses.*/
.passive-card{border-left:2px solid #e7bd61;padding-left:10px;margin:0 0 15px;min-width:0}
.passive-card .passive-kicker{font:500 10px/1.4 Oswald,sans-serif;letter-spacing:1.3px;color:#d4b978;margin:0 0 4px}
.passive-card h3{font:500 21px/1.15 Oswald,sans-serif;color:#ffdc80;margin:0 0 10px}
.passive-effects{padding-left:17px;margin:0 0 12px;font:400 14px/1.45 Roboto,sans-serif}
.passive-effects li{padding-left:2px;margin-bottom:9px}
.passive-card .passive-note{font:400 12px/1.45 Roboto,sans-serif;color:#bdccd8;margin:0}
.help-body{scrollbar-width:thin;scrollbar-color:#d4b978 #17364e}

/*23I: independent compact passive card; unchanged attribute layout.*/
.footer-actions{display:grid;grid-template-columns:100px minmax(0,1fr);gap:9px;align-items:stretch}
.footer-actions .primary{font-size:18px;gap:8px;letter-spacing:.2px}
.passive-trigger{border:1px solid #d9b765a6;border-radius:3px;background:linear-gradient(135deg,#233b4a,#102a3d);color:#ffe09a;display:flex;align-items:center;justify-content:center;gap:6px;min-height:46px;font:500 14px Oswald,sans-serif;letter-spacing:.5px}
.passive-trigger span{color:#ffd15c;font-size:18px}
.help-passive{min-height:44px;width:100%;border:1px solid #d9b76588;border-radius:3px;background:#193b50;color:#ffdc80;font:500 14px Oswald,sans-serif;margin-top:4px;letter-spacing:.8px}
#passive-dialog{width:min(92vw,380px);border:1px solid #d6b466;border-radius:10px;background:radial-gradient(ellipse at top left,#24485e,#0b2032 75%);box-shadow:0 24px 80px #000b}
.passive-sheet{padding:20px}
.passive-sheet>header{position:relative;padding-right:28px;padding-bottom:14px;border-bottom:1px solid #d4b66b4a;margin-bottom:15px}
#passive-origin{font:500 10px/1.4 Oswald,sans-serif;color:#dac084;letter-spacing:1.3px}
.passive-close{position:absolute;right:-11px;top:-13px;width:44px;height:44px;border:0;background:none;color:#c7d5e1;font:400 28px Roboto,sans-serif}
#passive-title{font:500 26px/1.15 Oswald,sans-serif;color:#ffe09a;margin:7px 0 0}
#passive-effects{list-style:none;margin:0;padding:0;display:grid;gap:12px}
#passive-effects li{position:relative;padding-left:17px;font:400 14px/1.4 Roboto,sans-serif;color:#edf3f9}
#passive-effects li::before{content:'◆';position:absolute;left:0;top:3px;color:#e6bf66;font-size:8px}
#passive-locked{font:400 11px/1.4 Roboto,sans-serif;color:#dac084;margin:14px 0 0;padding-top:12px;border-top:1px solid #d4b66b4a}
.passive-sheet>.primary{margin-top:20px;font-size:18px;min-height:44px}
.passive-card{border:1px solid #d0af625e;border-radius:5px;background:#153247;padding:14px;margin:15px 0}
.passive-effects{font-size:13px;line-height:1.4;margin-bottom:0}
.passive-effects li:last-child{margin-bottom:0}
@media(max-width:360px){.footer-actions{grid-template-columns:88px minmax(0,1fr);gap:7px}.footer-actions .primary{font-size:16px;gap:6px}.passive-trigger{font-size:13px;min-height:44px}.passive-sheet{padding:17px}#passive-title{font-size:23px}#passive-effects{gap:11px}#passive-effects li{font-size:13px}}