*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#02050d;color:#fff;font-family:Inter,Segoe UI,Arial,sans-serif}button{font:inherit}.screen{display:none;position:fixed;inset:0}.screen.active{display:flex}.screen#menu,.screen#gameover{align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,rgba(22,209,255,.16),transparent 32%),radial-gradient(circle at 50% 75%,rgba(255,37,213,.12),transparent 34%),#02050d}.menuPanel,.resultPanel{width:min(640px,90vw);padding:42px 46px;text-align:center;border:1px solid rgba(66,225,255,.38);border-radius:20px;background:linear-gradient(180deg,rgba(7,20,40,.95),rgba(2,8,18,.98));box-shadow:0 35px 110px #000,0 0 50px rgba(0,215,255,.11)}.eyebrow{font-size:11px;font-weight:900;letter-spacing:3px;color:#66ecff}.menuPanel h1{font-size:70px;line-height:.94;margin:16px 0 8px;letter-spacing:-4px;text-shadow:0 0 24px #23dcff}.menuPanel h1 span{color:#ff4bdd;text-shadow:0 0 24px #ff3bd7}.sub{font-size:14px;letter-spacing:2px;color:#a3b8d6;font-weight:800}.menuPanel p,.how p{color:#b8c7dc;line-height:1.55}.menuPanel button,.resultPanel button,.modal button{display:block;width:100%;margin:10px 0;padding:13px 18px;border-radius:10px;border:1px solid rgba(75,223,255,.38);background:#081a2d;color:#fff;font-weight:900;cursor:pointer}.primary{background:linear-gradient(90deg,#00d9ff,#713eff)!important;border-color:#61ebff!important;box-shadow:0 0 20px rgba(0,217,255,.22)}.menuStats{display:flex;justify-content:center;gap:46px;margin:28px 0 14px}.menuStats span{font-size:10px;color:#7187a4}.menuStats b{display:block;color:#fff;font-size:19px;margin-top:5px}.menuPanel small{color:#73839c}.screen#game{background:#000;align-items:stretch;justify-content:stretch}#gameCanvas{width:100%;height:100%;display:block;touch-action:none}#hud{position:fixed;top:12px;left:12px;right:12px;z-index:20;display:flex;gap:8px;pointer-events:none}#hud>div{min-width:105px;padding:9px 13px;border-radius:10px;border:1px solid rgba(63,225,255,.34);background:rgba(2,10,20,.74);backdrop-filter:blur(8px);box-shadow:0 10px 25px rgba(0,0,0,.35)}#hud small{display:block;font-size:8px;letter-spacing:1px;color:#64edff;font-weight:900}#hud b{font-size:17px}#hud #lives{color:#ff588e;letter-spacing:2px}#pauseBtn{margin-left:auto;pointer-events:auto;width:44px;height:44px;border-radius:50%;border:1px solid rgba(75,227,255,.5);background:rgba(2,12,24,.82);color:#fff;font-weight:900}#controls{display:none;position:fixed;left:0;right:0;bottom:18px;z-index:22;justify-content:space-between;padding:0 20px;pointer-events:none}#controls button{pointer-events:auto;width:72px;height:58px;border-radius:18px;border:1px solid rgba(76,227,255,.48);background:rgba(3,14,28,.72);color:#fff;font-size:24px}.overlay{display:none;position:fixed;inset:0;z-index:50;background:rgba(0,3,9,.78);align-items:center;justify-content:center}.overlay.open{display:flex}.modal{width:min(440px,88vw);padding:28px;border:1px solid rgba(74,224,255,.42);border-radius:16px;background:linear-gradient(180deg,#07182a,#030914);box-shadow:0 30px 90px #000;text-align:center}.modal h2,.resultPanel h2{margin:4px 0 20px;font-size:34px}.how{width:min(560px,90vw)}.resultPanel{margin:auto}.bigScore{padding:16px;border:1px solid #183653;border-radius:12px;margin-bottom:14px}.bigScore small,.resultGrid small{display:block;color:#7d91ab;font-size:9px;letter-spacing:1px}.bigScore b{font-size:46px}.resultGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.resultGrid div{padding:12px;border:1px solid #17334d;background:#06111e;border-radius:9px}.resultGrid b{display:block;margin-top:5px}#toast{position:fixed;left:50%;top:100px;z-index:24;transform:translateX(-50%) translateY(-8px);padding:9px 15px;border-radius:999px;border:1px solid rgba(62,228,255,.5);background:rgba(3,12,24,.88);color:#7ff2ff;font-size:11px;font-weight:900;opacity:0;transition:.18s;pointer-events:none}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}#laneFlash{position:fixed;inset:0;z-index:18;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 78%,rgba(0,235,255,.16),transparent 20%);transition:.14s}#laneFlash.on{opacity:1}@media(max-width:780px){.menuPanel{padding:34px 22px}.menuPanel h1{font-size:50px}.menuStats{gap:22px}#hud>div{min-width:65px;padding:8px}#hud>div:nth-child(2){display:none}#hud b{font-size:14px}#controls{display:flex}}
#levels{align-items:center;justify-content:center;background:radial-gradient(circle at 50% 25%,rgba(22,209,255,.14),transparent 34%),#02050d}.levelPanel{width:min(920px,92vw);max-height:92vh;overflow:auto;padding:34px;border:1px solid rgba(66,225,255,.38);border-radius:20px;background:rgba(3,11,23,.96);text-align:center}.levelPanel h2{font-size:40px;margin:8px}.levelPanel>p{color:#8ea3be}#levelGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:24px 0}.sectorCard{min-height:190px;padding:18px 12px;border:1px solid rgba(75,223,255,.34);border-radius:12px;background:linear-gradient(180deg,#09203a,#06101d);color:#fff;cursor:pointer;text-align:left}.sectorCard small,.sectorCard span,.sectorCard em,.sectorCard i{display:block}.sectorCard small{color:#65edff;font-size:9px;letter-spacing:1px}.sectorCard strong{display:block;font-size:17px;margin:10px 0}.sectorCard span{font-size:10px;line-height:1.4;color:#91a8c5;min-height:42px}.sectorCard em{font-style:normal;color:#65efff;font-size:19px;margin-top:14px}.sectorCard.locked{opacity:.36;filter:grayscale(.8)}.sectorCard i{font-style:normal;color:#ff5b94;font-size:9px;margin-top:8px}.levelPanel>button{padding:12px 22px;border-radius:9px;border:1px solid #23506d;background:#071827;color:#fff;font-weight:800;cursor:pointer}#sectorTag{position:fixed;top:67px;left:13px;z-index:21;padding:6px 10px;border:1px solid rgba(89,235,255,.25);border-radius:7px;background:rgba(2,10,20,.62);font-size:9px;color:#7fefff;letter-spacing:.8px}#energyMeter{position:fixed;left:50%;bottom:20px;z-index:21;transform:translateX(-50%);width:min(300px,40vw);padding:8px 10px;border:1px solid rgba(83,237,255,.35);border-radius:9px;background:rgba(2,10,20,.72)}#energyMeter span{font-size:8px;font-weight:900;letter-spacing:1.5px;color:#7ceeff}#energyMeter i{display:block;height:5px;margin-top:5px;border-radius:5px;background:#0c2336;overflow:hidden}#energyMeter i b{display:block;height:100%;width:0;background:linear-gradient(90deg,#00dfff,#bf4dff);transition:width .15s}#energyMeter.active{box-shadow:0 0 28px rgba(58,235,255,.65);border-color:#8ffaff}#sectorBanner{position:fixed;left:50%;top:22%;z-index:25;transform:translate(-50%,-12px);padding:14px 28px;text-align:center;border:1px solid rgba(88,239,255,.4);border-radius:10px;background:rgba(2,10,22,.88);opacity:0;transition:.25s;pointer-events:none}#sectorBanner.show{opacity:1;transform:translate(-50%,0)}#sectorBanner small,#sectorBanner strong{display:block}#sectorBanner small{color:#6df0ff;font-size:10px;letter-spacing:2px;font-weight:900}#sectorBanner strong{font-size:17px;margin-top:5px}.stars{font-size:34px;color:#62edff;letter-spacing:6px;text-shadow:0 0 18px #25dfff}.objectiveResult{margin:10px 0 18px;padding:9px;border-radius:8px;background:#071a2b;color:#8ff4ff;font-size:11px;font-weight:800}.screen#sectorComplete{align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,rgba(22,209,255,.16),transparent 32%),#02050d}@media(max-width:900px){#levelGrid{grid-template-columns:repeat(2,1fr)}#hud>div:nth-child(5){display:none}#energyMeter{bottom:86px;width:55vw}}

#energyMeter.charged{filter:drop-shadow(0 0 10px #55eaff)}#lives.danger{color:#ff4f78!important;animation:pulse16 .7s infinite alternate}#streak.hot{color:#ffe66b!important;text-shadow:0 0 12px #ffd54a;animation:pulse16 .55s infinite alternate}@keyframes pulse16{to{transform:scale(1.05)}}

/* V1.6.1 calibration */
#energyMeter.boostReady{
  box-shadow:0 0 0 1px rgba(95,235,255,.45),0 0 18px rgba(85,235,255,.42);
  transform:scale(1.015);
}
#energyMeter.active{
  box-shadow:0 0 0 1px rgba(145,110,255,.5),0 0 24px rgba(115,85,255,.55);
}

/* V1.8 Release Polish */
#loadingScreen{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(20,48,92,.95),rgba(2,7,18,.99) 58%);transition:opacity .35s ease,visibility .35s ease}
#loadingScreen.done{opacity:0;visibility:hidden}
.loaderCard{text-align:center;min-width:min(420px,82vw);padding:34px 32px;border:1px solid rgba(95,235,255,.24);border-radius:22px;background:rgba(4,12,28,.72);box-shadow:0 0 55px rgba(45,210,255,.12);backdrop-filter:blur(10px)}
.loaderLogo{font-weight:900;letter-spacing:.16em;font-size:13px;color:#dffcff}.loaderLogo span{color:#61eaff}
.loaderCard h2{margin:12px 0 18px;font-size:clamp(30px,6vw,56px);letter-spacing:.05em}
.loaderBar{height:6px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.loaderBar i{display:block;width:44%;height:100%;background:linear-gradient(90deg,#53eaff,#ff48dd);box-shadow:0 0 18px #53eaff;animation:ndLoad 1s ease-in-out infinite alternate}
.loaderCard small{display:block;margin-top:12px;opacity:.68;letter-spacing:.12em}
@keyframes ndLoad{from{transform:translateX(-15%)}to{transform:translateX(135%)}}
.portalExit{border-color:rgba(255,90,220,.32)!important;color:#f4d8ff!important}
.portalExit:hover{box-shadow:0 0 18px rgba(255,80,220,.18)}
@media(max-width:760px){.menuPanel{width:min(92vw,520px)}#hud{gap:6px}.loaderCard{padding:26px 20px}}