:root{color-scheme:dark;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;background:#02010a;color:#e9faff;font-synthesis:none}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 110%,rgb(255 36 201 / 25%),transparent 45%),#02010a}.game-shell{position:relative;width:100vw;height:100dvh}canvas{display:block;width:100%;height:100%;border:0;border-radius:0;outline:none;background:#050316;box-shadow:0 0 50px #48d6ff1f,inset 0 0 80px #280c504d}.touch-controls{display:none}canvas:focus-visible{border-color:#52eaff}.controls{position:absolute;right:16px;bottom:12px;margin:0;padding:5px 8px;border-radius:4px;background:#02010a8c;color:#d1efff8c;font-size:clamp(10px,1.4vw,13px);text-align:right;letter-spacing:.08em;text-transform:uppercase}kbd{display:inline-block;min-width:1.6em;margin-left:4px;padding:1px 5px;border:1px solid rgb(82 234 255 / 30%);border-radius:3px;background:#52eaff12;color:#aef7ff;font:inherit}@media(max-width:720px),(max-height:560px){.controls{display:none}}@media(pointer:coarse),(any-pointer:coarse){canvas{touch-action:none}.touch-controls{position:absolute;z-index:2;inset:0;display:block;pointer-events:none;user-select:none;-webkit-user-select:none}.touch-joystick,.touch-fire,.touch-utility,.touch-initials{pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent}.touch-joystick{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(28px,env(safe-area-inset-bottom));width:clamp(124px,20vw,164px);aspect-ratio:1;border:2px solid rgb(82 234 255 / 35%);border-radius:50%;background:radial-gradient(circle,#52eaff1a,#04031659);box-shadow:inset 0 0 28px #52eaff1a}.touch-joystick:before,.touch-joystick:after{position:absolute;inset:50% 14%;height:1px;content:"";background:#52eaff2e}.touch-joystick:after{transform:rotate(90deg)}.touch-joystick__thumb{position:absolute;top:50%;left:50%;width:44%;aspect-ratio:1;border:2px solid rgb(174 247 255 / 75%);border-radius:50%;background:#52eaff38;box-shadow:0 0 20px #52eaff59;transform:translateZ(0);translate:-50% -50%;will-change:transform}.touch-fire{position:absolute;right:max(26px,env(safe-area-inset-right));bottom:max(38px,env(safe-area-inset-bottom));width:clamp(104px,17vw,136px);aspect-ratio:1;border:2px solid rgb(255 79 216 / 75%);border-radius:50%;background:#ff4fd826;color:#ffe8fa;font-family:inherit;font-size:clamp(13px,2vw,18px);font-weight:700;letter-spacing:.12em;box-shadow:0 0 24px #ff4fd838}.touch-fire:active,.touch-fire[data-active=true]{background:#ff4fd86b;box-shadow:0 0 34px #ff4fd88c;transform:scale(.94)}.touch-utility{position:absolute;top:max(14px,env(safe-area-inset-top));width:44px;height:38px;border:1px solid rgb(82 234 255 / 32%);border-radius:8px;background:#02010c8c;color:#aef7ffb8;font-family:inherit;font-size:16px;font-weight:700}.touch-music{right:calc(max(14px,env(safe-area-inset-right)) + 54px)}.touch-pause{right:max(14px,env(safe-area-inset-right))}.touch-initials{position:absolute;top:47%;left:50%;width:210px;height:74px;border:0;outline:0;background:transparent;color:transparent;caret-color:transparent;font-size:32px;letter-spacing:28px;text-align:center;transform:translate(-50%,-50%)}.touch-initials[hidden]{display:none}}@media(pointer:coarse)and (orientation:portrait),(any-pointer:coarse)and (orientation:portrait){.touch-joystick{width:clamp(124px,31vw,156px)}.touch-fire{width:clamp(104px,25vw,128px)}}