:root{--sv-safe-top: env(safe-area-inset-top, 0px);--sv-safe-right: env(safe-area-inset-right, 0px);--sv-safe-bottom: env(safe-area-inset-bottom, 0px);--sv-safe-left: env(safe-area-inset-left, 0px);--sv-viewport-height: 100vh}@supports (height: 100dvh){:root{--sv-viewport-height: 100dvh}}html,body{overscroll-behavior:none}#root canvas,body.sv-run-active #root .relative.overflow-hidden.rounded-2xl{user-select:none;-webkit-user-select:none}body.sv-run-active .sv-game-surface,body.sv-run-active .sv-game-canvas{pointer-events:none}#sv-touch-controls{display:none;pointer-events:none;position:fixed;inset:0;z-index:2147482000}.sv-steer-pad,.sv-action-pad{position:absolute;pointer-events:none}.sv-steer-pad{left:max(12px,calc(var(--sv-safe-left) + 8px));bottom:max(12px,calc(var(--sv-safe-bottom) + 8px));width:clamp(104px,25vh,132px);height:clamp(104px,25vh,132px)}.sv-action-pad{right:max(12px,calc(var(--sv-safe-right) + 8px));bottom:max(14px,calc(var(--sv-safe-bottom) + 8px));width:154px;height:72px;display:flex;align-items:flex-end;justify-content:flex-end;gap:10px}.sv-joystick{--sv-stick-x: 0px;--sv-stick-y: 0px;pointer-events:auto;position:absolute;inset:0;width:100%;height:100%;min-width:104px;min-height:104px;padding:0;border:1px solid rgba(150,242,255,.34);border-radius:50%;background:radial-gradient(circle,transparent 0 21%,rgba(103,232,249,.11) 22% 23%,transparent 24% 50%,rgba(103,232,249,.12) 51% 52%,transparent 53%),linear-gradient(180deg,#0d25378a,#020c17ad);color:#c9faff;box-shadow:inset 0 0 30px #47daff17,0 8px 26px #00000052,0 0 18px #11cbff12;touch-action:none;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(3px)}.sv-joystick:before,.sv-joystick:after{content:"";position:absolute;left:50%;top:50%;background:#aaf3ff26;pointer-events:none}.sv-joystick:before{width:62%;height:1px;transform:translate(-50%,-50%)}.sv-joystick:after{width:1px;height:62%;transform:translate(-50%,-50%)}.sv-joystick-ring{position:absolute;inset:14%;border:1px solid rgba(136,235,255,.17);border-radius:50%;pointer-events:none}.sv-joystick-thumb{position:absolute;left:50%;top:50%;width:42%;height:42%;border:1px solid rgba(200,250,255,.72);border-radius:50%;background:radial-gradient(circle at 36% 30%,#d3fcff75,#34cff133 42%,#020f1be0 74%);box-shadow:inset 0 0 14px #71ecff33,0 0 18px #2dd9ff33;transform:translate(calc(-50% + var(--sv-stick-x)),calc(-50% + var(--sv-stick-y)));transition:transform 90ms ease-out,box-shadow .12s ease;pointer-events:none}.sv-joystick-label{position:absolute;left:50%;bottom:8px;transform:translate(-50%);color:#cdf8ff8c;font:800 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;pointer-events:none}.sv-joystick.is-active .sv-joystick-thumb{box-shadow:inset 0 0 17px #a5f3fc52,0 0 24px #2dd9ff70;transition:none}.sv-control{pointer-events:auto;position:relative;display:grid;place-items:center;min-width:48px;min-height:48px;border:1px solid rgba(150,242,255,.38);border-radius:50%;background:#030f1c61;color:#d3fcffe6;box-shadow:inset 0 0 16px #4adbff14,0 0 12px #11cbff12;font:800 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;text-shadow:0 0 8px rgba(103,232,249,.65);touch-action:none;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(2px)}.sv-control-fire{width:72px;height:72px;border-color:#67e8f99e;background:radial-gradient(circle at 38% 32%,#6eecff45,#030f1c9e 64%);color:#d7fbff;box-shadow:inset 0 0 20px #4bddff24,0 0 18px #11cbff26}.sv-control.is-pressed{background:#67e8f942;border-color:#d3fcffd6;transform:scale(.93)}.sv-control-bomb{width:64px;height:64px;border-color:#ffd16694;background:radial-gradient(circle at 38% 32%,#ffde8233,#030f1c7a 62%);color:#ffe8a6;box-shadow:inset 0 0 18px #ffd16617,0 0 16px #ffb84e1a}body.sv-run-active #sv-gear-btn{display:grid;top:max(8px,var(--sv-safe-top));right:max(8px,var(--sv-safe-right));width:46px;height:46px;border-radius:50%;background:#030f1c61;opacity:.78}body.sv-run-active{overflow:hidden;background:#000;width:100%;height:var(--sv-viewport-height)}body.sv-run-active #root,body.sv-run-active #root>div,body.sv-run-active .sv-game-grid,body.sv-run-active .sv-game-card,body.sv-run-active .sv-game-surface{width:100%!important;height:var(--sv-viewport-height)!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important}body.sv-run-active #root,body.sv-run-active #root>div{position:fixed;inset:0}body.sv-run-active .sv-game-grid{display:block!important}body.sv-run-active .sv-game-card{position:relative;box-shadow:none!important;background:#000!important}body.sv-run-active .sv-game-surface{position:absolute!important;inset:0!important}body.sv-run-active .sv-game-canvas{width:100%!important;height:100%!important;max-width:none!important;object-fit:fill}body.sv-run-active .sv-game-hud{position:fixed;z-index:5;top:max(8px,var(--sv-safe-top));left:max(10px,var(--sv-safe-left));right:max(86px,var(--sv-safe-right));display:flex!important;flex-direction:row!important;align-items:flex-start;justify-content:space-between;gap:12px;margin:0!important;padding:0!important;pointer-events:none;filter:drop-shadow(0 2px 7px #000)}body.sv-run-active .sv-game-hud>div:first-child{display:none}body.sv-run-active .sv-game-hud .led-hud{display:flex;flex-wrap:wrap;gap:5px}body.sv-run-active .sv-game-hud .led-chip{min-height:24px;padding:4px 7px;background:#010a147a;backdrop-filter:blur(3px)}body.sv-run-active #sv-bottom-hud{display:none!important}body.sv-run-active #sv-settings{top:max(60px,calc(var(--sv-safe-top) + 52px));right:max(8px,var(--sv-safe-right));bottom:max(8px,var(--sv-safe-bottom));max-height:none;overflow-y:auto;overscroll-behavior:contain}#sv-resume{position:absolute;left:50%;top:calc(50% + 66px);transform:translate(-50%);min-height:44px;padding:10px 18px;border:1px solid rgba(103,232,249,.34);border-radius:999px;background:#020d1894;color:#a5f3fc;font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;white-space:nowrap}@media(hover:none),(pointer:coarse){body.sv-run-active #sv-touch-controls{display:block}#sv-quick-mute{width:44px!important;height:44px!important}#sv-settings button,#sv-settings select,#sv-settings input[type=range]{min-height:44px}#sv-settings input[type=checkbox]{width:44px;height:44px}}body.sv-native.sv-run-active #sv-touch-controls{display:block}body.sv-settings-open #sv-touch-controls{display:none!important}body.sv-engine-paused #sv-touch-controls{opacity:.42}@media(orientation:landscape)and (max-height:620px){body{overflow:hidden}#root,#root>div{min-height:0!important;height:100svh!important}#root>div{overflow:hidden;padding:max(6px,var(--sv-safe-top)) max(8px,var(--sv-safe-right)) max(6px,var(--sv-safe-bottom)) max(8px,var(--sv-safe-left))!important}#root>div>.grid{height:100%;gap:0!important}#root .rounded-3xl.border.border-white\/10.bg-black\/30.p-3.shadow-2xl{height:100%;padding:5px!important;overflow:hidden}#root .max-w-6xl{max-width:none!important}#root .mb-4{margin-bottom:5px}#root .text-lg.font-black{font-size:15px;line-height:17px}#root .text-xs.uppercase{font-size:9px;line-height:11px}#root .led-chip{min-height:25px;padding:4px 6px;font-size:9px}body:not(.sv-run-active) #root .relative.overflow-hidden.rounded-2xl{height:calc(100svh - 65px)!important}body:not(.sv-run-active) #root canvas{height:100%!important;width:auto!important;max-width:100%;margin-inline:auto}#sv-gear-btn{top:max(7px,var(--sv-safe-top));right:max(7px,var(--sv-safe-right));width:42px;height:42px}#sv-bottom-hud{position:absolute!important;left:5px;right:5px;bottom:max(3px,var(--sv-safe-bottom));height:19px;z-index:2;opacity:.86}#sv-health-strip{height:8px}#sv-quick-mute{width:38px!important;height:38px!important;transform:translateY(-18px)}}@media(orientation:landscape)and (max-height:430px){.sv-steer-pad{width:100px;height:100px}.sv-action-pad{width:142px;height:66px;gap:8px}.sv-control-fire{width:66px;height:66px}.sv-control-bomb{width:58px;height:58px}body.sv-run-active #sv-settings{width:min(360px,calc(100vw - var(--sv-safe-left) - var(--sv-safe-right) - 16px));padding:12px}body.sv-run-active #sv-settings .sv-grid{gap:7px;margin-top:8px}body.sv-run-active #sv-settings .sv-note{display:none}}@media(prefers-reduced-motion:reduce){.sv-control,.sv-joystick-thumb,#sv-resume{transition:none!important}}