.game-hud{--game-hud-ink: #fff8d8;--game-hud-yellow: #ffd43b;--game-hud-orange: #ff8a2b;--game-hud-red: #e83b3f;--game-hud-cyan: #52e8ef;--game-hud-shadow: #291b3d;position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;overflow:hidden;color:var(--game-hud-ink);font-family:SFMono-Regular,Roboto Mono,Courier New,monospace;pointer-events:none;isolation:isolate}.game-hud__metrics{position:absolute;top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));left:max(12px,env(safe-area-inset-left));display:flex;justify-content:center;gap:clamp(6px,1.8vw,18px);align-items:stretch;filter:drop-shadow(0 4px 0 rgba(23,11,37,.86)) drop-shadow(0 10px 18px rgba(0,0,0,.38))}.game-hud__metric{position:relative;display:grid;min-width:clamp(76px,9vw,126px);min-height:52px;box-sizing:border-box;align-content:center;padding:7px 13px 6px;border:2px solid rgba(255,248,216,.9);border-radius:8px 14px;background:linear-gradient(135deg,#4e2967f5,#180d2af0);box-shadow:inset 0 0 0 2px #1f0d30c2,inset 0 7px #ffffff14;text-align:center;transform:skew(-3deg)}.game-hud__metric:after{position:absolute;right:5px;bottom:4px;left:5px;height:3px;border-radius:999px;background:var(--metric-accent, var(--game-hud-yellow));box-shadow:0 0 10px var(--metric-accent, var(--game-hud-yellow));content:"";opacity:.9}.game-hud__metric--lives{--metric-accent: var(--game-hud-red)}.game-hud__metric--fruit{--metric-accent: var(--game-hud-orange)}.game-hud__metric--masks{--metric-accent: var(--game-hud-cyan)}.game-hud__metric--score{--metric-accent: var(--game-hud-yellow);min-width:clamp(112px,14vw,180px)}.game-hud__metric>span{color:#fff8d8b8;font-size:clamp(.54rem,.8vw,.7rem);font-weight:900;letter-spacing:.16em;line-height:1;text-transform:uppercase}.game-hud__metric output{display:block;overflow:hidden;margin-top:3px;color:#fff;font-size:clamp(1.12rem,2.1vw,1.62rem);font-weight:1000;letter-spacing:.04em;line-height:1;text-overflow:ellipsis;text-shadow:2px 2px 0 var(--game-hud-shadow),-1px -1px 0 var(--game-hud-shadow);white-space:nowrap}.game-hud__keyboard-hints{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));display:flex;gap:12px;align-items:center;margin:0;padding:7px 10px;border:1px solid rgba(255,248,216,.24);border-radius:8px;color:#fff8d8b8;background:#180d2ac2;box-shadow:0 5px #150a23b8;font-size:.62rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.game-hud kbd{display:inline-block;min-width:1.5em;box-sizing:border-box;padding:2px 5px;border:1px solid rgba(255,248,216,.5);border-bottom-width:3px;border-radius:4px;color:#fff;background:#0c0618e6;font:inherit;text-align:center}.game-hud__touch-controls{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));left:max(14px,env(safe-area-inset-left));display:none;justify-content:space-between;align-items:end;pointer-events:none}.game-hud__dpad{display:grid;width:170px;height:170px;grid-template-areas:". up ." "left centre right" ". down .";grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);pointer-events:auto}.game-hud__direction,.game-hud__action{min-width:50px;min-height:50px;box-sizing:border-box;border:2px solid rgba(255,248,216,.82);color:#fff;background:linear-gradient(145deg,#62397bf5,#1f0f34fa);box-shadow:inset 0 4px #ffffff21,0 5px #140921f0,0 10px 22px #0000004d;font:inherit;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.game-hud__direction{width:58px;height:58px;padding:0;border-radius:13px;font-size:1.18rem}.game-hud__direction:active,.game-hud__direction:focus-visible,.game-hud__action:active,.game-hud__action:focus-visible{border-color:#fff;outline:3px solid var(--game-hud-yellow);outline-offset:2px;background:linear-gradient(145deg,#8d4ea6fa,#33174cfa);box-shadow:inset 0 3px #ffffff2e,0 2px #140921f0,0 7px 15px #00000042;transform:translateY(3px)}.game-hud__direction--up{grid-area:up}.game-hud__direction--down{grid-area:down}.game-hud__direction--left{grid-area:left}.game-hud__direction--right{grid-area:right}.game-hud__dpad-centre{grid-area:centre;width:28px;height:28px;place-self:center;border:2px solid rgba(255,248,216,.42);border-radius:50%;background:#1c0d2fc7;box-shadow:inset 0 0 0 5px #fff8d80f,0 4px #140921d1}.game-hud__action-controls{display:flex;gap:14px;align-items:flex-end;padding:0 4px 8px 0;pointer-events:auto}.game-hud__action{display:grid;width:74px;height:74px;place-content:center;gap:1px;border-radius:50%}.game-hud__action>span{font-size:1.42rem;font-weight:1000;line-height:1;text-shadow:2px 2px 0 rgba(33,13,47,.82)}.game-hud__action small{font-size:.54rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.game-hud__action--spin{border-color:#52e8efe6;background:linear-gradient(145deg,#23a7b7fa,#14395bfa);transform:translateY(-12px)}.game-hud__action--spin:active,.game-hud__action--spin:focus-visible{transform:translateY(-9px)}.game-hud__action--jump{width:88px;height:88px;border-color:#ffd43bf0;background:linear-gradient(145deg,#ff8f2bfa,#bc3139fa)}.game-hud__game-over{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:radial-gradient(circle at center,rgba(91,44,117,.36),transparent 42%),#080410b8;pointer-events:auto}.game-hud__game-over-card{position:relative;display:grid;width:min(410px,calc(100vw - 40px));box-sizing:border-box;justify-items:center;padding:clamp(28px,6vw,52px);border:4px solid var(--game-hud-yellow);border-radius:12px 24px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 2px,transparent 2px 5px),linear-gradient(145deg,#542b69,#1d0d33 72%);box-shadow:inset 0 0 0 4px #fff8d8bf,0 10px #180926f0,0 28px 80px #00000094;text-align:center}.game-hud__game-over-card>p{margin:0 0 7px;color:var(--game-hud-orange);font-size:.7rem;font-weight:1000;letter-spacing:.22em;text-transform:uppercase}.game-hud__game-over-card h2{margin:0;color:#fff;font-size:clamp(2rem,9vw,4.2rem);font-weight:1000;letter-spacing:-.06em;line-height:.92;text-shadow:4px 4px 0 #b62f47,7px 7px 0 #351843;text-transform:uppercase}.game-hud__game-over-card>span{max-width:31ch;margin-top:20px;color:#fff8d8cc;font-family:system-ui,sans-serif;font-size:.92rem;line-height:1.45}.game-hud__game-over-card>strong{margin-top:14px;color:var(--game-hud-yellow);font-size:1.32rem;text-shadow:2px 2px 0 rgba(27,10,39,.86)}.game-hud__game-over-card button{display:flex;min-width:176px;min-height:48px;justify-content:center;gap:12px;align-items:center;margin-top:22px;padding:10px 18px;border:2px solid #fff;border-radius:8px;color:#24102f;background:var(--game-hud-yellow);box-shadow:0 5px #a44b24;font:inherit;font-size:.86rem;font-weight:1000;letter-spacing:.1em;text-transform:uppercase}.game-hud__game-over-card button:hover,.game-hud__game-over-card button:focus-visible{outline:3px solid #fff;outline-offset:3px;background:#fff09a}.game-hud__game-over-card button:active{box-shadow:0 2px #a44b24;transform:translateY(3px)}@media(pointer:coarse),(hover:none){.game-hud__touch-controls{display:flex}.game-hud__keyboard-hints{display:none}}@media(pointer:fine)and (hover:hover){.game-hud__touch-controls{display:none!important}}@media(max-width:620px){.game-hud__metrics{gap:4px}.game-hud__metric{min-width:0;flex:1 1 0;min-height:45px;padding:6px 5px;border-width:1px}.game-hud__metric--score{flex-grow:1.45;min-width:0}.game-hud__metric>span{font-size:.49rem;letter-spacing:.1em}.game-hud__metric output{font-size:clamp(.96rem,4.8vw,1.24rem)}.game-hud__dpad{width:154px;height:154px}.game-hud__direction{width:52px;height:52px}.game-hud__action-controls{gap:10px}.game-hud__action{width:68px;height:68px}.game-hud__action--jump{width:82px;height:82px}}@media(max-height:520px)and (pointer:coarse){.game-hud__metrics{right:max(90px,env(safe-area-inset-right));left:max(90px,env(safe-area-inset-left))}.game-hud__metric{min-height:40px;padding-block:4px}.game-hud__touch-controls{align-items:center}.game-hud__dpad{width:136px;height:136px}.game-hud__direction{width:46px;height:46px;min-width:44px;min-height:44px}.game-hud__action{width:62px;height:62px}.game-hud__action--jump{width:72px;height:72px}}@media(prefers-reduced-motion:reduce){.game-hud *,.game-hud *:before,.game-hud *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}html[data-contrast=high] .game-hud__metric,html[data-contrast=high] .game-hud__direction,html[data-contrast=high] .game-hud__action,html[data-contrast=high] .game-hud__game-over-card{border-color:#fff}:root{font-family:Arial Black,Trebuchet MS,system-ui,-apple-system,sans-serif;color:#fff6ce;background:#080b12;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;background:#080b12}body{touch-action:none;user-select:none;-webkit-user-select:none}button,input{font:inherit}.platformer-app{position:fixed;top:0;right:0;bottom:0;left:0;isolation:isolate;overflow:hidden;background:#111622}.platformer-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.platformer-canvas>div,.platformer-canvas canvas{display:block;width:100%!important;height:100%!important}.platformer-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(3,5,10,.28),transparent 24%),radial-gradient(circle at 50% 44%,transparent 42%,rgba(2,4,8,.4) 100%)}.game-title-mark{position:absolute;z-index:5;top:max(88px,calc(env(safe-area-inset-top) + 84px));left:max(18px,env(safe-area-inset-left));display:grid;gap:3px;pointer-events:none;color:#fff6ceb8;text-shadow:0 3px 0 rgba(0,0,0,.58)}.game-title-mark span{font-family:Georgia,Times New Roman,serif;font-size:clamp(16px,1.8vw,24px);letter-spacing:.03em}.game-title-mark strong{color:#ffc84d;font-size:10px;letter-spacing:.18em}.game-skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:10px 12px;color:#10131a;background:#ffe685;border-radius:6px;transform:translateY(-160%);transition:transform .12s ease}.game-skip-link:focus{transform:translateY(0)}.game-canvas-fallback,.game-scene-loader{display:grid;gap:8px;place-items:center;min-width:min(320px,82vw);padding:22px;border:3px solid #ffe685;border-radius:12px;color:#fff6ce;background:#151824;box-shadow:0 8px #00000080;text-align:center}.game-canvas-fallback{position:absolute;top:0;right:0;bottom:0;left:0;place-content:center}.game-canvas-fallback code{max-width:min(520px,84vw);overflow-wrap:anywhere;color:#ff9c78}@media(max-width:760px),(pointer:coarse){.game-title-mark{top:max(78px,calc(env(safe-area-inset-top) + 72px));left:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}