@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,900;1,900&family=Nunito:wght@600;700;900&display=swap";:root{font-family:Nunito,system-ui,sans-serif;color:#fff;background:#08133b;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;color:inherit}#app,#game-canvas{position:fixed;inset:0;width:100%;height:100%}#game-canvas{z-index:0}.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E")}.screen{position:fixed;inset:0;z-index:3;display:none;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#215391ad,#071239ed 64%),linear-gradient(120deg,#07113a,#143768)}.screen:before,.screen:after{content:"";position:absolute;width:25vw;height:25vw;border:1px solid rgba(126,226,255,.1);transform:rotate(45deg);border-radius:12%}.screen:before{left:-13vw;top:18vh}.screen:after{right:-14vw;bottom:3vh}.screen.visible{display:flex}.title-wrap{width:43%;position:relative;z-index:2;padding-left:4vw}.eyebrow{font:700 11px Nunito;letter-spacing:.26em;color:#8eeaff;display:flex;align-items:center;gap:13px}.eyebrow span{height:1px;width:34px;background:#8eeaff}.title-wrap h1{font:900 clamp(70px,9vw,145px)/.68 "Barlow Condensed";letter-spacing:-.055em;margin:34px 0 0;text-shadow:0 12px 45px rgba(0,0,0,.3);transform:skewY(-2deg)}.title-wrap h1 em{font-style:italic;color:#75e5ff;-webkit-text-stroke:2px #dffbff;text-shadow:0 5px 0 #1772a3,0 15px 30px #051338}.subtitle{font:900 18px Barlow Condensed;letter-spacing:.62em;margin:31px 0 0;color:#b5c8e1}.subtitle b{color:#ff6586;background:#fff;padding:2px 8px;margin-left:4px;letter-spacing:.05em;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.menu-card,.setup-panel{width:min(480px,42vw);position:relative;z-index:2;background:#0c1f4bd1;border:1px solid rgba(149,231,255,.2);border-radius:22px;padding:35px;box-shadow:0 28px 80px #00000059;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.steps{display:flex;gap:8px;margin-bottom:28px}.steps i{width:24px;height:4px;border-radius:9px;background:#405881}.steps i.active{width:52px;background:#76e7ff}.kicker{font:900 11px Nunito;letter-spacing:.22em;color:#7fe7ff;margin:0 0 14px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{cursor:pointer;text-align:left;background:#111f4c;border:1px solid #334c79;border-radius:14px;padding:20px;transition:.2s}.choice:hover,.choice.active{border-color:#71e5ff;background:linear-gradient(145deg,#183b6e,#102551);transform:translateY(-2px);box-shadow:0 12px 25px #00000040}.choice strong{font:900 26px Barlow Condensed;display:block}.choice span{display:block;font-size:11px;color:#aabbd2;min-height:37px;margin-top:5px}.choice kbd{font-size:9px;letter-spacing:.1em;color:#79e6ff}.primary,.secondary{border:0;border-radius:10px;padding:15px 22px;font:900 13px Nunito;letter-spacing:.15em;cursor:pointer}.primary{width:100%;margin-top:22px;background:linear-gradient(100deg,#4bd3f5,#83f0ed);color:#10224e;box-shadow:0 8px 24px #3fd9f63d}.primary span{float:right}.secondary{background:#223760;color:#dcecff}.corner-note{position:absolute;bottom:22px;left:28px;font-size:8px;letter-spacing:.24em;color:#547095}.back{position:absolute;top:30px;left:34px;z-index:4;border:0;background:transparent;color:#91b3d2;letter-spacing:.16em;cursor:pointer}.setup-panel{width:min(790px,82vw);padding:30px 38px}.setup-panel h2{font:900 45px/.9 Barlow Condensed;margin:0 0 22px}.flavors{display:flex;gap:12px}.flavor{flex:1;background:#10234f;border:1px solid #2d4776;border-radius:13px;padding:11px;cursor:pointer}.flavor.active{border-color:#83ebff;box-shadow:inset 0 0 0 1px #83ebff}.flavor span{display:block;width:48px;height:48px;margin:auto auto 9px;border-radius:50%;background:radial-gradient(circle at 35% 25%,var(--drip),var(--scoop));box-shadow:inset -5px -8px #00000014}.flavor b{font:900 12px Barlow Condensed;letter-spacing:.08em}.level-label{margin-top:23px}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.level{position:relative;text-align:left;background:#0e214b;border:1px solid #2f4876;border-radius:12px;padding:16px 12px;cursor:pointer}.level.active{border-color:#ff6f94;background:#26325c}.level small{font:900 24px Barlow Condensed;color:#526c95;position:absolute;right:10px;top:5px}.level b{display:block;font:900 16px Barlow Condensed}.level span{font-size:8px;letter-spacing:.08em;color:#8ca4c2}.hud{position:fixed;z-index:4;left:22px;right:22px;top:18px;display:flex;align-items:center;gap:14px;pointer-events:none}.hud>div,.icon-btn{background:#071437d1;border:1px solid rgba(128,224,255,.25);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 9px 25px #0003}.hud-brand{display:flex;align-items:center;padding:10px 16px;gap:10px}.mini-cone{color:#72e4ff}.hud small{display:block;color:#7f9dbd;font:700 8px Nunito;letter-spacing:.17em}.hud b{font:900 18px Barlow Condensed}.hud-stat{padding:10px 20px}.hud-stat b{color:#ffe561}.hud-time{padding:10px 16px;margin-left:auto;min-width:145px}.timer-bar{height:3px;background:#263d66;margin-top:4px}.timer-bar i{display:block;height:100%;background:#69e4ff;transition:width .2s}.icon-btn{pointer-events:auto;width:46px;height:46px;cursor:pointer}.controls{position:fixed;z-index:4;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:18px;background:#051132ba;padding:9px 14px;border:1px solid rgba(133,224,255,.15);border-radius:10px;color:#7e99b7;font-size:8px;letter-spacing:.12em}.controls kbd{background:#244166;color:#d8f8ff;padding:3px 6px;border-radius:4px;margin-left:4px}.overlay{position:fixed;z-index:8;inset:0;display:grid;place-items:center;background:#030a1fbd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.result-card{text-align:center;width:min(460px,88vw);padding:46px;background:linear-gradient(145deg,#132c5b,#091a45);border:1px solid #5ac7e2;border-radius:22px;box-shadow:0 28px 80px #020a20}.result-card h2{font:900 48px/.9 Barlow Condensed;margin:10px}.result-card>p:not(.kicker){color:#a8bdd5;font-size:13px}.result-actions{margin-top:25px}.result-actions .primary{margin-top:8px}.text-btn{display:block;margin:18px auto 0;border:0;background:transparent;color:#6f8ead;font-size:10px;letter-spacing:.12em;cursor:pointer}.toast{position:fixed;z-index:7;top:92px;left:50%;transform:translate(-50%);background:#ff6689;color:#fff;padding:9px 18px;border-radius:30px;font-size:10px;font-weight:900;letter-spacing:.14em;box-shadow:0 9px 26px #ff426e40}.hidden{display:none!important}@media(max-width:800px){.screen{flex-direction:column}.title-wrap{width:auto;padding:0;text-align:center}.title-wrap h1{font-size:65px;margin-top:25px}.eyebrow{justify-content:center}.menu-card{width:90vw;margin-top:35px;padding:22px}.setup-panel{max-height:90vh;overflow:auto}.flavors,.level-grid{display:grid;grid-template-columns:1fr}.hud-brand{display:none}.controls{width:94%;justify-content:center}.level{min-height:58px}}.level-grid{grid-template-columns:repeat(5,1fr);gap:8px}.level{padding:16px 10px}.level b{font-size:15px}.level span{font-size:7px}.level.boss-level{background:linear-gradient(145deg,#172b62,#382955)}.hud{gap:10px}.hud-stat,.hud-power{padding:10px 18px}.hud-power b{font-size:13px;color:#7eeeff}.boss-hud{padding:10px 14px;width:150px}.boss-hud>div{height:5px;background:#263d66;margin-top:7px;border-radius:5px;overflow:hidden}.boss-hud i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff587b,#ffd65a);transition:width .25s}.touch-controls{position:fixed;z-index:5;inset:auto 20px 20px;justify-content:space-between;align-items:end;pointer-events:none}.touch-pad{width:150px;height:150px;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:5px}.touch-pad button,.touch-action{pointer-events:auto;border:1px solid rgba(130,230,255,.45);background:#0c1f4bb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 22px #00000040;touch-action:none}.touch-pad button{border-radius:12px;font-size:18px}.touch-pad button:nth-child(1){grid-area:1/2}.touch-pad button:nth-child(2){grid-area:2/1}.touch-pad button:nth-child(3){grid-area:2/2}.touch-pad button:nth-child(4){grid-area:2/3}.touch-action{width:86px;height:86px;border-radius:50%;font-size:30px;color:#8ceeff}.touch-action small{display:block;font-size:8px;letter-spacing:.15em}.touch-pad button:active,.touch-action:active{background:#5bd7f3a6;transform:scale(.94)}@media(pointer:fine){.touch-controls{display:none!important}}@media(pointer:coarse){.controls{display:none!important}.touch-controls:not(.hidden){display:flex}.hud{left:10px;right:10px;top:10px}.hud-power,.boss-hud{display:none!important}.setup-panel{max-height:94vh;overflow:auto}.level-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px)and (pointer:fine){.level-grid{grid-template-columns:repeat(2,1fr)}}