@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";:root{color:#e9f7ff;font-synthesis:none;background:#03050b;font-family:Inter,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 50% 40%,#0b1226 0,#03050b 58%,#010207 100%);min-height:100vh;overflow-x:hidden}button,a{font:inherit}button{color:inherit}.app-shell{isolation:isolate;flex-direction:column;min-height:100vh;padding:24px clamp(18px,4vw,62px) 18px;display:flex;position:relative;overflow:hidden}.app-shell:before{content:"";z-index:-3;opacity:.13;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 25%,#0000 76%);mask-image:radial-gradient(circle,#000 25%,#0000 76%)}.ambient{z-index:-2;filter:blur(100px);opacity:.12;pointer-events:none;border-radius:50%;width:45vw;height:45vw;position:fixed}.ambient-one{background:#245edc;top:-15vw;left:-18vw}.ambient-two{background:#6a28cd;bottom:-20vw;right:-20vw}.topbar,footer{justify-content:space-between;align-items:center;width:min(1180px,100%);margin-inline:auto;display:flex}.topbar{height:42px;margin-bottom:18px}.brand{color:#dff7ff;letter-spacing:.12em;align-items:center;font-size:16px;font-weight:800;text-decoration:none;display:flex}.brand span:not(.brand-mark){color:#56dbff}.brand-mark{border:2px solid #59ddff;border-radius:50%;width:12px;height:12px;margin-right:11px;position:relative;box-shadow:0 0 14px #4bddff}.brand-mark:after{content:"";background:#59ddff;width:2px;height:18px;position:absolute;top:-5px;left:3px;transform:rotate(42deg)}.status,.best,footer{letter-spacing:.12em;color:#718398;font-family:Space Mono,monospace;font-size:10px}.status-dot{vertical-align:1px;background:#55e5a5;border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block;box-shadow:0 0 8px #55e5a5}.best strong{color:#bdd3df;margin-left:12px;font-weight:400}.game-frame{aspect-ratio:16/10;background:#050914;border:1px solid #74cdeb29;width:min(1180px,100%);max-height:calc(100vh - 150px);margin:auto;position:relative;overflow:hidden;box-shadow:0 35px 90px #0000008c,0 0 0 1px #0009,inset 0 0 45px #3a85c208}.game-frame canvas{width:100%;height:100%;display:block}.frame-corner{z-index:20;pointer-events:none;opacity:.65;border-color:#69dfff;width:18px;height:18px;position:absolute}.corner-tl{border-top:2px solid;border-left:2px solid;top:-1px;left:-1px}.corner-tr{border-top:2px solid;border-right:2px solid;top:-1px;right:-1px}.corner-bl{border-bottom:2px solid;border-left:2px solid;bottom:-1px;left:-1px}.corner-br{border-bottom:2px solid;border-right:2px solid;bottom:-1px;right:-1px}.fullscreen-toggle{z-index:25;color:#9edbeb;letter-spacing:.1em;background:#040b17d1;border:1px solid #6dd4f157;border-radius:2px;align-items:center;gap:7px;height:30px;padding:0 10px;font:700 8px Space Mono,monospace;display:none;position:absolute;top:10px;right:10px}.expand-icon,.collapse-icon{border:solid #72dff9;width:10px;height:10px;display:inline-block;position:relative}.expand-icon{border-width:1px 0 0 1px}.expand-icon:after{content:"";border:1px solid #72dff9;border-width:0 1px 1px 0;width:5px;height:5px;position:absolute;bottom:0;right:0}.collapse-icon{border-width:0 1px 1px 0}.collapse-icon:after{content:"";border:0 solid #72dff9;border-width:1px 0 0 1px;width:5px;height:5px;position:absolute;top:0;left:0}.hud{z-index:5;pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:23px 25px auto}.hud-block span,.hud-center span{letter-spacing:.22em;color:#6d8799;margin-bottom:4px;font:400 9px Space Mono,monospace;display:block}.hud-block strong{letter-spacing:.06em;font:700 clamp(16px,2vw,25px) Space Mono,monospace}.hud-center{text-align:center;position:absolute;left:50%;transform:translate(-50%)}.hud-center strong{color:#9df1ff;background:#38d0ff14;padding:4px 9px;font:700 10px Space Mono,monospace;animation:.22s ease-out combo-in;display:block}.lives{gap:9px;padding-top:3px;display:flex}.lives i{opacity:.16;clip-path:polygon(50% 0,100% 78%,72% 100%,28% 100%,0 78%);background:#8cecff;width:13px;height:18px;display:block}.lives i.active{opacity:1;filter:drop-shadow(0 0 6px #51dcff)}.hint{z-index:7;color:#bfe9f6cc;letter-spacing:.25em;pointer-events:none;white-space:nowrap;font:400 9px Space Mono,monospace;animation:2.5s both hint;position:absolute;top:14%;left:50%;transform:translate(-50%)}.overlay{z-index:10;text-align:center;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:radial-gradient(circle,#060c1b40,#03050cb8);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.eyebrow{color:#64dfff;letter-spacing:.35em;margin-bottom:17px;font:700 9px Space Mono,monospace}.start-overlay h1{letter-spacing:-.075em;filter:drop-shadow(0 0 25px #47d3ff29);margin:0;font-size:clamp(52px,9vw,112px);font-weight:800;line-height:.82}.start-overlay h1 span{color:#0000;-webkit-text-stroke:1px #67dcff;text-shadow:0 0 20px #56d8ff40}.start-overlay p{color:#91a4b5;max-width:510px;margin:25px 20px;font-size:clamp(12px,1.4vw,15px);line-height:1.65}.overlay button{cursor:pointer;letter-spacing:.12em;background:linear-gradient(90deg,#23aad338,#30598f1f);border:1px solid #64deff8c;justify-content:space-between;align-items:center;gap:28px;min-width:202px;height:49px;padding:0 13px 0 21px;font:700 11px Space Mono,monospace;transition:all .18s;display:flex;box-shadow:0 0 28px #30bee714,inset 0 0 18px #49d3ff0a}.overlay button:hover{border-color:#9aecff;transform:translateY(-2px);box-shadow:0 6px 28px #30bee72e}kbd{color:#bcd5df;min-width:29px;box-shadow:none;background:#8ed1e40f;border:1px solid #98d6e747;border-radius:2px;padding:5px 7px;font:400 8px Space Mono,monospace}.controls{letter-spacing:.12em;color:#617889;align-items:center;gap:14px;font:400 8px Space Mono,monospace;display:flex;position:absolute;bottom:28px}.controls span{align-items:center;gap:4px;display:flex}.controls i{background:#3d6275;border-radius:50%;width:3px;height:3px}.compact-overlay,.event-overlay{background:#03050c9e}.compact-overlay h2,.event-overlay h2,.result-overlay h2{letter-spacing:-.04em;margin:0;font-size:clamp(31px,5vw,64px)}.compact-overlay p,.event-overlay p{color:#8ca2b4;letter-spacing:.15em;font:400 10px Space Mono,monospace}.event-overlay{pointer-events:none;background:radial-gradient(circle,#480a181f,#03050c2e);animation:.38s ease-out flash-in}.event-overlay h2{color:#ffced8;text-shadow:0 0 30px #ff315c59}.event-overlay.clear h2{color:#d9fbff;text-shadow:0 0 30px #48daff4d}.result-overlay{background:#03060ed1}.result-grid{grid-template-columns:repeat(3,110px);margin:28px 0;display:grid}.result-grid span{color:#6c8393;letter-spacing:.13em;border-right:1px solid #81cee426;padding:0 12px;font:400 8px Space Mono,monospace}.result-grid span:last-child{border:0}.result-grid strong{color:#e2f7ff;letter-spacing:0;margin-top:8px;font-size:17px;display:block}.touch-controls{display:none}footer{min-height:36px;padding-top:15px}footer span:first-child:before{content:"";vertical-align:3px;background:#315469;width:22px;height:1px;margin-right:9px;display:inline-block}@keyframes hint{0%{opacity:0;transform:translate(-50%,8px)}12%,72%{opacity:1;transform:translate(-50%)}to{opacity:0}}@keyframes combo-in{0%{opacity:0;transform:scale(1.5)}}@keyframes flash-in{0%{opacity:0;background:#ffffff2e}}@media (width<=720px),(pointer:coarse){.app-shell{justify-content:flex-start;min-height:100svh;padding:12px 8px 110px}.topbar{margin-bottom:10px}.status{display:none}.best{font-size:8px}.game-frame{width:100%;max-height:none;margin:0}.start-overlay p{margin:18px 20px}.controls{display:none}.eyebrow{margin-bottom:10px}.hud{inset:12px 13px auto}.hud-block span,.hud-center span{font-size:7px}.hud-block strong{font-size:14px}.hint{font-size:7px;top:20%}.touch-controls{z-index:30;left:max(20px, env(safe-area-inset-left));right:max(20px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom));pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:fixed}.stick-wrap,.fire-wrap{pointer-events:auto;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:4px;display:flex}.stick-pad{touch-action:none;background:radial-gradient(circle,#2c72921f 0 40%,#071222d1 42% 100%);border:1px solid #6bd3f047;border-radius:50%;width:96px;height:96px;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #3abbe014,0 6px 25px #0000004d}.stick-axis{pointer-events:none;background:#68d3ef1f;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stick-axis.horizontal{width:70%;height:1px}.stick-axis.vertical{width:1px;height:70%}.stick-knob{pointer-events:none;will-change:transform;background:radial-gradient(circle at 35% 30%,#91e4f752,#114259d1);border:1px solid #89e5fa8c;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:calc(50% - 24px);left:calc(50% - 24px);box-shadow:0 0 16px #40cbef2e,inset 0 0 10px #9de8fb14}.fire-button{color:#d8dcff;letter-spacing:.14em;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 38% 32%,#adb6ff52,#2b2e70db 58%,#090f25e6);border:1px solid #93a2ffa3;border-radius:50%;place-items:center;width:86px;height:86px;padding:0;font:700 10px Space Mono,monospace;display:grid;box-shadow:0 0 20px #666eff33,inset 0 0 15px #b4bdff14,0 6px 25px #0000004d}.fire-button:active{background:radial-gradient(circle,#b7bfff6b,#333685eb);border-color:#d0d7ff;transform:scale(.9);box-shadow:0 0 28px #6f77ff6b,inset 0 0 18px #d3d8ff24}.stick-label{color:#668596;letter-spacing:.14em;font:700 7px Space Mono,monospace}.fullscreen-toggle{display:flex}footer{display:none}.result-grid{grid-template-columns:repeat(3,92px)}.result-grid strong{font-size:14px}}html:fullscreen body{overscroll-behavior:none;background:#010207}html:fullscreen .app-shell{background:#010207;width:100vw;height:100dvh;min-height:0;padding:0;display:block}html:fullscreen .topbar{display:none}html:fullscreen footer{display:none}html:fullscreen .game-frame{border:0;width:min(100vw,160dvh);height:min(100dvh,62.5vw);max-height:none;margin:0;position:absolute;top:0;left:50%;transform:translate(-50%)}html:fullscreen .touch-controls{bottom:max(5px, env(safe-area-inset-bottom))}@media (pointer:coarse) and (orientation:landscape){.touch-controls{left:max(28px, env(safe-area-inset-left));right:max(28px, env(safe-area-inset-right))}.stick-pad{width:86px;height:86px}.stick-knob{width:44px;height:44px;top:calc(50% - 22px);left:calc(50% - 22px)}.fire-button{width:82px;height:82px}}@media (height<=700px) and (width>=721px){.app-shell{padding-top:12px}.topbar{height:32px;margin-bottom:7px}.game-frame{max-height:calc(100vh - 100px)}footer{min-height:26px;padding-top:8px}.controls{bottom:17px}.start-overlay p{margin-block:16px}}