html,body{overscroll-behavior:none;background:#020610;width:100%;height:100%;margin:0;overflow:hidden}:root{--cyan:#39f6ff;--magenta:#ff3df0}body{isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:radial-gradient(circle at 72% 62%,#ff3df014,#0000 26%),radial-gradient(circle at 28% 28%,#39f6ff17,#0000 28%),linear-gradient(#030712 0%,#06142a 52%,#02040a 100%);justify-content:center;align-items:center;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}body:before{content:"";z-index:0;pointer-events:none;opacity:.46;background:repeating-linear-gradient(100deg,#0000 0 18px,#39f6ff14 18px 19px,#0000 19px 36px),repeating-linear-gradient(86deg,#0000 0 52px,#ff3df00f 52px 53px,#0000 53px 96px),linear-gradient(#0000 0 62%,#39f6ff0d 72%,#ff3df00d 88%,#0000 100%);position:absolute;inset:0}body:after{content:"";z-index:1;pointer-events:none;opacity:.58;background:radial-gradient(at 50% 100%,#39f6ff21,#0000 50%),repeating-linear-gradient(0deg,#fbffff09 0 1px,#0000 1px 10px);height:35vh;position:absolute;bottom:0;left:0;right:0}#app{z-index:2;aspect-ratio:16/9;background:#020610;flex:none;place-items:center;width:min(70vw,124.444vh);height:min(70vh,39.375vw);display:grid;position:relative}#app:after{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#39f6ff38,#0000 70%);height:30px;position:absolute;bottom:-36px;left:5%;right:5%}canvas{box-sizing:border-box;image-rendering:pixelated;touch-action:none;background:#020610;border:1px solid #fbffff2e;display:block;box-shadow:0 28px 82px #000000b8,0 0 0 1px #39f6ff3d,0 0 38px #39f6ff29,0 30px 90px #ff3df01a}.stage{background-position:50%;background-size:cover;width:960px;height:540px;position:relative;overflow:hidden}.ui{flex-direction:column;gap:20px;padding:38px;display:flex;position:absolute;inset:0}.layout-left{text-align:left;justify-content:center;align-items:flex-start;width:46%;padding-left:38px;left:0}.title{letter-spacing:2px;color:#fbffff;font-size:44px;font-weight:800;line-height:1.02}.title-a{text-shadow:0 0 6px #39f6ff,0 0 16px #39f6ff,0 0 30px #39f6ff99,0 0 46px #ff3df0}.action{width:100%;height:60px;position:relative}.btn-start{cursor:pointer;letter-spacing:6px;text-transform:uppercase;color:#eafcff;border:2px solid var(--cyan);text-shadow:0 0 8px var(--cyan), 0 0 18px var(--cyan);opacity:1;background:#060c1457;border-radius:40px;padding:14px 46px;font-family:inherit;font-size:30px;font-weight:800;transition:opacity .28s;animation:1.8s ease-in-out infinite startPulse;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 10px #39f6ffb3,0 0 26px #39f6ff73,inset 0 0 12px #39f6ff59}@keyframes startPulse{0%{box-shadow:0 0 8px #39f6ff80,0 0 16px #39f6ff47,inset 0 0 8px #39f6ff40}50%{box-shadow:0 0 16px #39f6fff2,0 0 40px #39f6ff99,inset 0 0 16px #39f6ff80}to{box-shadow:0 0 8px #39f6ff80,0 0 16px #39f6ff47,inset 0 0 8px #39f6ff40}}.levels{opacity:0;pointer-events:none;gap:16px;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)translateY(16px)}.btn-level{cursor:pointer;letter-spacing:2px;text-transform:uppercase;color:#dfeaff;border:1.5px solid var(--magenta);text-shadow:0 0 6px #ff3df0cc;background:#060c144d;border-radius:26px;padding:9px 22px;font-family:inherit;font-size:16px;font-weight:700;transition:box-shadow .2s,transform .2s,background-color .2s;box-shadow:0 0 8px #ff3df080,inset 0 0 8px #ff3df040}.btn-level:hover,.btn-level:focus{background:#ff3df029;outline:none;transform:translateY(-2px);box-shadow:0 0 14px #ff3df0e6,0 0 26px #ff3df080,inset 0 0 10px #ff3df04d}.back{cursor:pointer;letter-spacing:2px;text-transform:uppercase;color:#9fb2cc;opacity:0;pointer-events:none;background:0 0;border:none;align-self:flex-start;margin-top:2px;padding:6px 4px;font-family:inherit;font-size:12px;transition:opacity .3s,color .2s}.back:hover,.back:focus{color:#dfeaff;outline:none}.ui[data-state=levels] .btn-start{opacity:0;pointer-events:none;animation:none}.ui[data-state=levels] .levels{opacity:1;pointer-events:auto;transform:translateY(-50%)translateY(0)}.ui[data-state=levels] .back{opacity:.85;pointer-events:auto}.ui[data-locked=true] .btn-start,.ui[data-locked=true] .levels,.ui[data-locked=true] .back{pointer-events:none}@media (width<=820px),(pointer:coarse){html,body{overscroll-behavior:none;background:#020610;width:100vw;height:100dvh;padding:0;overflow:hidden}body{justify-content:center;align-items:center}#app{box-sizing:border-box;background:#020610;place-items:center;width:100vw;height:100dvh;margin:0;padding:0;overflow:hidden}#app:after{display:none}}#mobile-portrait-ui,#mobile-landscape-prompt{display:none}@media (width<=820px) and (orientation:portrait),(pointer:coarse) and (orientation:portrait){body{justify-content:center;align-items:flex-start}#app{padding-top:calc(20dvh + env(safe-area-inset-top,0px));place-items:start center}#app canvas{margin-top:0!important}body[data-game-state=menu] .stage .ui,body[data-game-state=win] .stage .ui{display:none}#mobile-portrait-ui{top:calc(20dvh + env(safe-area-inset-top,0px) + 56.25vw + 18px);right:0;bottom:max(10px, env(safe-area-inset-bottom,0px));z-index:55;box-sizing:border-box;pointer-events:none;padding:0 18px;position:fixed;left:0}body[data-game-state=menu][data-mobile-like=true][data-mobile-landscape=false] #mobile-portrait-ui,body[data-game-state=win][data-mobile-like=true][data-mobile-landscape=false] #mobile-portrait-ui{justify-content:center;align-items:center;display:flex}.mobile-portrait-panel{box-sizing:border-box;-webkit-backdrop-filter:blur(12px);text-align:center;pointer-events:auto;background:#060c14bd;border:1px solid #39f6ff6b;border-radius:24px;width:min(100%,430px);padding:18px 18px 20px;display:none;box-shadow:0 0 0 1px #ff3df029,0 18px 48px #00000085,inset 0 0 30px #39f6ff14}body[data-game-state=menu] [data-mobile-panel=menu],body[data-game-state=win] [data-mobile-panel=win]{display:block}.mobile-portrait-panel h1{color:#fbffff;letter-spacing:1.5px;text-shadow:0 0 8px #39f6ff,0 0 28px #ff3df0b8;margin:0;font-size:clamp(34px,10vw,48px);line-height:.96}.mobile-portrait-start,.mobile-portrait-restart{border:2px solid var(--cyan);color:#eafcff;letter-spacing:4px;text-transform:uppercase;width:min(100%,330px);text-shadow:0 0 8px var(--cyan), 0 0 18px var(--cyan);touch-action:manipulation;background:#060c146b;border-radius:999px;margin-top:18px;padding:15px 20px;font-family:inherit;font-size:23px;font-weight:900;box-shadow:0 0 12px #39f6ffb3,0 0 34px #39f6ff73,inset 0 0 14px #39f6ff59}}@media (width<=820px) and (orientation:landscape),(pointer:coarse) and (orientation:landscape){body[data-mobile-like=true] #app,body[data-mobile-like=true] #touch-controls,body[data-mobile-like=true] #audio-toggle,body[data-mobile-like=true] #mobile-portrait-ui{display:none!important}body[data-mobile-like=true] #mobile-landscape-prompt{z-index:90;box-sizing:border-box;color:#fbffff;letter-spacing:.4px;text-align:center;text-shadow:0 0 12px #39f6ff80;background:radial-gradient(circle at 24% 28%,#39f6ff1f,#0000 32%),radial-gradient(circle at 72% 70%,#ff3df01a,#0000 34%),#020610;justify-content:center;align-items:center;padding:24px;font-size:clamp(20px,4.4vw,30px);font-weight:800;line-height:1.22;display:flex;position:fixed;inset:0}}#touch-controls{z-index:20;pointer-events:none;position:fixed;inset:0}.tc-btn{bottom:max(18px, env(safe-area-inset-bottom,0px));box-sizing:border-box;color:#66f6ff;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-backdrop-filter:blur(2px);background:#0a14206b;border:2px solid #66f6ff8c;border-radius:22px;justify-content:center;align-items:center;width:88px;height:88px;transition:background 60ms linear,border-color 60ms linear,box-shadow 60ms linear,transform 60ms linear;display:flex;position:absolute;box-shadow:0 0 14px #66f6ff47,inset 0 0 12px #66f6ff24}.tc-btn svg{filter:drop-shadow(0 0 4px);width:46%;height:46%}.tc-left{left:20px}.tc-right{left:124px}.tc-jump{color:#ff86e6;border-color:#ff86e68c;border-radius:50%;width:104px;height:104px;right:20px;box-shadow:0 0 16px #ff86e64d,inset 0 0 14px #ff86e629}.tc-btn.pressed{background:#66f6ff38;border-color:#96fafff2;transform:scale(.96);box-shadow:0 0 22px #66f6ff99,inset 0 0 16px #66f6ff4d}.tc-jump.pressed{background:#ff86e63d;border-color:#ffaaf0f2;transform:scale(.96);box-shadow:0 0 26px #ff86e6a6,inset 0 0 18px #ff86e652}#audio-toggle{z-index:30;box-sizing:border-box;color:#eafcff;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#060c1457;border:1px solid #39f6ffb8;border-radius:50%;width:48px;height:48px;padding:0;font-family:inherit;font-size:22px;line-height:1;position:fixed;box-shadow:0 0 8px #39f6ff7a,inset 0 0 8px #39f6ff2e}#audio-toggle[data-muted=true]{color:#b8d9dd;border-color:#39f6ff8c;box-shadow:0 0 6px #39f6ff52,inset 0 0 8px #39f6ff1f}