/* Shared large-screen, fullscreen and appearance layer. */
:root{--play-bg:#e9eee5;--on-accent:#fff;--soft:#edf4df;--stage-height:max(500px,calc(100dvh - 270px));color-scheme:light}
:root[data-theme=dark]{--paper:#101a16;--ink:#e9f2e6;--muted:#a7bbaf;--line:#344a3e;--surface:#192b22;--play-bg:#13241c;--green:#d4ef85;--on-accent:#183b2c;--soft:#293e2b;color-scheme:dark}
:root[data-theme=dark] body{background:var(--paper);color:var(--ink)}
.arcade-shell{max-width:1900px;width:96%}.arcade-header-inner{max-width:1940px}.arcade-footer{max-width:1800px;width:90%}
.play-layout{grid-template-columns:minmax(0,1fr) clamp(230px,18vw,300px);gap:clamp(20px,2vw,38px)}
.play-surface{background:var(--play-bg);border-color:var(--line);padding:clamp(18px,2vw,34px)}
.game-stage{--game-height:var(--stage-height);min-width:0;position:relative;isolation:isolate}
.stage-toolbar{display:flex;align-items:center;gap:14px;justify-content:space-between;min-height:48px;margin-bottom:12px}
.stage-title{font-size:13px;font-weight:650;letter-spacing:-.01em}.stage-actions{display:flex;align-items:center;gap:8px}.stage-actions .game-button{min-height:36px;padding:7px 12px;font-size:11px}
.stage-theme{display:none}.stage-stats{display:none;gap:24px;margin:0;min-height:0}.stage-stats .game-stat{gap:2px;min-width:0}.stage-stats .game-stat span{font-size:9px}.stage-stats .game-stat strong{font-size:20px}
.arcade-appearance{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.arcade-appearance select,.stage-theme select{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:7px 8px;min-height:36px;font-size:12px}.header-note{margin-left:0}
.game-button{border-color:var(--line)}.game-button.primary,.hub-filters button[aria-pressed=true],.hub-feature>span{color:var(--on-accent)}.game-button:hover:not(:disabled){background:var(--soft)}.game-button.primary:hover:not(:disabled){background:var(--green);filter:brightness(1.08)}.game-button:active:not(:disabled){transform:translateY(1px) scale(.97)}.how-to li:before{color:var(--ink)}.hub-card{color:var(--ink)}.hub-filters button{color:var(--ink)}.hub-filters button[aria-pressed=true]{color:var(--on-accent)}
:root[data-theme=dark] .hub-feature{border-color:var(--line);background:var(--surface)}:root[data-theme=dark] .hub-feature img,:root[data-theme=dark] .hub-card img,:root[data-theme=dark] .mini-game img{filter:brightness(.82) saturate(.88)}
.game-stage:fullscreen,.game-stage.is-immersive{--game-height:calc(100dvh - 142px);background:var(--paper);color:var(--ink);width:100%;height:100dvh;max-width:none;padding:16px clamp(16px,3vw,64px);display:flex;flex-direction:column;overflow:auto}
.game-stage.is-immersive{position:fixed;inset:0;z-index:10000}.game-immersive{overflow:hidden!important}
.game-stage:fullscreen .play-surface,.game-stage.is-immersive .play-surface{flex:1;display:grid;align-items:center;padding:12px clamp(12px,2vw,32px);min-height:0;border-radius:15px}
.game-stage:fullscreen #game-root,.game-stage.is-immersive #game-root{width:100%;min-width:0}
.game-stage:fullscreen .stage-stats,.game-stage.is-immersive .stage-stats{display:flex}.game-stage:fullscreen .stage-theme,.game-stage.is-immersive .stage-theme{display:block}.game-stage:fullscreen .stage-toolbar,.game-stage.is-immersive .stage-toolbar{flex-shrink:0;min-height:48px}.game-stage:fullscreen .game-status,.game-stage.is-immersive .game-status{margin:8px 0 0;min-height:22px}
.feedback-layer{position:absolute;inset:54px 0 40px;overflow:hidden;pointer-events:none;z-index:20}.feedback-label{position:absolute;top:18%;left:50%;border:1px solid var(--line);background:var(--surface);box-shadow:0 8px 30px #0002;color:var(--ink);padding:12px 22px;border-radius:100px;font-size:clamp(16px,2vw,26px);font-weight:750;white-space:nowrap}.feedback-particle{position:absolute;top:18%;width:7px;height:12px;border-radius:3px}.stat-change{animation:stat-bump .3s ease-out}.game-status.is-fresh{animation:status-in .22s ease-out}
@keyframes stat-bump{50%{transform:translateY(-3px);color:var(--green)}}@keyframes status-in{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(min-width:1900px){.hub-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hub-hero{padding-block:60px}.game-heading h1{font-size:52px}}
@media(max-width:1000px){.play-layout{grid-template-columns:minmax(0,1fr)}.arcade-shell{width:100%}.header-note{display:none}.game-stage{--game-height:max(500px,calc(100dvh - 240px))}.game-stage:fullscreen,.game-stage.is-immersive{--game-height:calc(100dvh - 160px)}.stage-title{font-size:12px}.stage-stats{gap:15px}}
@media(max-width:600px){.arcade-header-inner{gap:14px;padding-inline:16px}.arcade-header nav{gap:12px;font-size:11px}.arcade-brand img{width:95px}.arcade-appearance{gap:0}.arcade-appearance>span{display:none}.arcade-appearance select{font-size:10px;max-width:80px;padding:6px 3px}.arcade-shell{padding-inline:12px}.play-surface{padding:16px 10px}.stage-title{font-size:11px}.stage-actions{gap:5px}.stage-actions .game-button{font-size:10px;padding:7px 9px}.stage-toolbar{gap:8px}.game-stage:fullscreen,.game-stage.is-immersive{padding:10px;--game-height:calc(100dvh - 178px)}.game-stage:fullscreen .stage-toolbar,.game-stage.is-immersive .stage-toolbar{flex-wrap:wrap}.game-stage:fullscreen .stage-stats,.game-stage.is-immersive .stage-stats{order:3;flex:1 0 100%;justify-content:space-evenly;padding-block:5px}.game-stage:fullscreen .stage-title,.game-stage.is-immersive .stage-title{display:none}.game-stage:fullscreen .stage-actions,.game-stage.is-immersive .stage-actions{width:100%;justify-content:space-between}.stage-theme select{font-size:10px;min-height:32px;max-width:76px}.game-stage:fullscreen .play-surface,.game-stage.is-immersive .play-surface{padding:12px 8px}.game-stage:fullscreen .game-status,.game-stage.is-immersive .game-status{font-size:11px}.arcade-footer{width:auto}}
@media(prefers-reduced-motion:reduce){.feedback-layer{display:none}.stat-change,.game-status.is-fresh{animation:none!important}*{scroll-behavior:auto!important}}