:root{--game-aspect:1100 / 720;--game-ratio:1.52778;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;background:#080d22;font-family:Arial Rounded MT Bold,Apple SD Gothic Neo,system-ui,sans-serif}:root[data-game-layout=compact]{--game-aspect:800 / 680;--game-ratio:1.17647}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 18% 12%,#42deff33,#0000 28%),radial-gradient(circle at 82% 88%,#ff5b8d2e,#0000 30%),linear-gradient(145deg,#0c1535 0%,#070a19 58%,#10132d 100%);min-height:100dvh;overflow:hidden}body:before{pointer-events:none;content:"";opacity:.2;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 86%);mask-image:linear-gradient(#000,#0000 86%)}.app-shell{z-index:1;place-items:center;width:100%;min-height:100dvh;padding:20px;display:grid;position:relative}.game-frame{background:#070c20e0;border:1px solid #96e0ff4d;border-radius:28px;width:min(1100px,100vw - 32px);overflow:hidden;box-shadow:0 40px 100px #00000080,0 0 0 6px #6fd6ff0a,inset 0 1px #ffffff1f}#game-container{width:100%;aspect-ratio:var(--game-aspect)}#game-container canvas{display:block;width:100%!important;height:100%!important}.touch-controls{display:none}.mobile-fullscreen{z-index:50;top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));color:#effbff;min-height:42px;font:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#09162fe6;border:1px solid #a5e7ff6b;border-radius:999px;align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:900;display:none;position:fixed;box-shadow:0 8px 24px #00000057,inset 0 1px #ffffff21}.mobile-fullscreen:active{transform:scale(.95)}.mobile-fullscreen.is-active{background:#124865f0;border-color:#63e8ffb3}.mobile-fullscreen-icon{font-size:21px;line-height:1}.fullscreen-hint{z-index:60;left:50%;bottom:max(18px, env(safe-area-inset-bottom));color:#c6d8ee;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a1833f5;border:1px solid #8be5ff59;border-radius:16px;gap:4px;width:min(100vw - 28px,390px);padding:14px 18px;font-size:12px;line-height:1.45;transition:opacity .16s,transform .16s;display:grid;position:fixed;transform:translate(-50%,18px);box-shadow:0 18px 48px #00000075}.fullscreen-hint strong{color:#f2fbff;font-size:14px}.fullscreen-hint.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.touch-button{appearance:none;color:#effaff;font:inherit;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;background:#182e4feb;border:1px solid #b7e8ff5c;border-radius:18px;place-items:center;font-size:20px;font-weight:900;line-height:1;display:grid;box-shadow:0 7px 18px #00000052,inset 0 1px #ffffff26}.touch-button svg{fill:currentColor;pointer-events:none;width:54%;height:54%;overflow:visible}.touch-button .touch-icon-stroke{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px}.touch-button .touch-icon-highlight{fill:#ffffffb3}.touch-button.is-pressed{background:#4584b0fa;border-color:#ffffffb8;transform:translateY(2px)scale(.94);box-shadow:0 2px 7px #0006,inset 0 2px 8px #0000002e}.touch-joystick{filter:drop-shadow(0 8px 22px #00000047);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;place-items:center;width:156px;height:156px;display:grid;position:relative}.touch-joystick-track{pointer-events:none;background:radial-gradient(circle,#72d8ff24 0 11%,#0000 12%),linear-gradient(#9be1ff1f,#9be1ff1f) 50%/2px 72% no-repeat,linear-gradient(90deg,#9be1ff1f,#9be1ff1f) 50%/72% 2px no-repeat,#122a49e6;border:1px solid #afe8ff5c;border-radius:50%;width:122px;height:122px;position:relative;box-shadow:0 9px 24px #0000005c,inset 0 0 0 9px #58b0dc0d,inset 0 1px #ffffff21}.touch-joystick-track:before{content:"";border:1px dashed #97e2ff24;border-radius:50%;position:absolute;inset:8px}.touch-joystick-knob{will-change:transform;background:radial-gradient(circle at 35% 28%,#ffffff75 0 8%,#0000 9%),linear-gradient(145deg,#46dff0,#197ba8);border:1px solid #d5f7ffa3;border-radius:50%;width:56px;height:56px;transition:transform 70ms ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 16px #0006,inset 0 1px 4px #ffffff52}.touch-joystick.is-active .touch-joystick-knob{transition:none}.touch-joystick[data-direction=up] .touch-joystick-track,.touch-joystick[data-direction=right] .touch-joystick-track,.touch-joystick[data-direction=down] .touch-joystick-track,.touch-joystick[data-direction=left] .touch-joystick-track{border-color:#6fe9ffc7;box-shadow:0 9px 24px #0000005c,0 0 24px #40d3f029,inset 0 0 0 9px #58b0dc14}.touch-actions{align-items:flex-end;gap:10px;padding-top:42px;display:flex;position:relative}.touch-utilities{gap:8px;display:flex;position:absolute;top:0;right:0}.touch-small{border-radius:12px;width:38px;height:34px;font-size:14px}.touch-small svg{width:18px;height:18px}.touch-needle{color:#ffe9f1;background:#752b53f0;border-color:#ff97bc7a;border-radius:50%;width:58px;height:58px}.touch-needle svg{width:30px;height:30px}.touch-balloon{color:#06233a;text-shadow:0 1px #ffffff40;background:radial-gradient(circle at 34% 28%,#9cf7ff 0 8%,#0000 9%),linear-gradient(145deg,#35d9eb,#147ba8);border-color:#84f1ff94;border-radius:50%;width:76px;height:76px}.touch-balloon svg{width:44px;height:44px}.controls{color:#b7c6e6;flex-wrap:wrap;justify-content:center;gap:10px 20px;margin:14px 0 0;font-size:13px;display:flex}.controls span{white-space:nowrap}kbd{color:#ecf9ff;min-width:24px;font:inherit;text-align:center;background:#ffffff17;border:1px solid #fff3;border-radius:6px;margin-left:3px;padding:2px 6px;font-size:11px;display:inline-block;box-shadow:0 2px #00000040}@media (height<=760px){.app-shell{padding:8px 16px}.game-frame{width:min(1030px,100vw - 24px,152.778vh - 82.5px)}.controls{margin-top:6px}}@media (width<=680px){.app-shell{padding:8px}.game-frame{border-radius:18px;width:calc(100vw - 16px)}.controls{display:none}}@media (pointer:coarse),(width<=820px){html,body{height:100%}body{position:fixed;inset:0}.app-shell,.app-shell *,.mobile-fullscreen{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.app-shell,#game-container,#game-container canvas{touch-action:none}.app-shell{height:100dvh;min-height:100dvh;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));align-content:start}.game-frame{border-radius:18px;width:min(100%,720px)}.controls{display:none}.touch-controls.is-active{justify-content:space-between;align-items:flex-end;width:min(100%,480px);margin-top:10px;padding:0 8px;display:flex}}@media (pointer:coarse){.mobile-fullscreen{display:flex}}@media (orientation:portrait) and (pointer:coarse){.app-shell:not(.has-active-touch-controls){align-content:center}.mobile-fullscreen{top:auto;bottom:max(14px, env(safe-area-inset-bottom))}}@media (orientation:landscape) and (height<=600px) and (width<=1000px){.app-shell{place-items:center;height:100dvh;min-height:100dvh;padding:4px}.game-frame{width:min(calc(100vw - 8px), calc((100dvh - 8px) * var(--game-ratio)));border-radius:14px}.mobile-fullscreen{border-radius:50%;justify-content:center;width:42px;min-width:42px;height:42px;padding:0}.mobile-fullscreen [data-fullscreen-label]{display:none}.touch-controls.is-active{z-index:20;width:auto;max-width:none;padding:8px max(14px, env(safe-area-inset-right)) max(9px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));pointer-events:none;align-items:flex-end;margin:0;position:fixed;inset:0}.touch-joystick,.touch-actions{pointer-events:auto;opacity:.96}.touch-joystick{width:142px;height:142px}.touch-joystick-track{width:112px;height:112px}.touch-joystick-knob{width:52px;height:52px}}@media (display-mode:standalone),(display-mode:fullscreen){.mobile-fullscreen{display:none}}:root:fullscreen{width:100%;height:100%}:root:fullscreen body{width:100%;height:100%}:root:fullscreen .app-shell{width:100%;height:100%}:root:fullscreen .game-frame{box-shadow:none}