*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#05070d;font-family:Inter,system-ui,Arial,sans-serif;color:#fff}body{display:flex;justify-content:center}button{font:inherit;color:inherit}#app{position:relative;width:min(100vw,500px);height:100dvh;min-height:600px;overflow:hidden;background:radial-gradient(circle at 50% -5%,#21375c 0,#0d1525 34%,#070b13 70%,#04060a 100%)}#app:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 22%,#ffffff08 35%,transparent 48%);mix-blend-mode:screen}.screen{position:absolute;inset:0;display:none;flex-direction:column;align-items:center}.screen.active{display:flex}.splash{z-index:40;justify-content:center;background:radial-gradient(circle at 50% 42%,#11213c 0,#050810 45%,#010205 100%)}.studio-wrap{text-align:center;transform:translateY(-3%)}.nexo-mark{position:relative;width:160px;height:125px;margin:auto;filter:drop-shadow(0 20px 22px #000a) drop-shadow(0 0 24px #00b7ff4d)}.nexo-mark i{position:absolute;width:72px;height:112px;top:4px;border-radius:26px 12px 26px 12px;transform:skew(-25deg);background:linear-gradient(155deg,#20ecff 0,#0875ff 42%,#102b99 100%);box-shadow:inset 6px 8px 14px #ffffff55,inset -8px -8px 16px #00175eaa}.nexo-mark i:first-child{left:22px}.nexo-mark i:nth-child(2){right:20px;transform:skew(25deg);background:linear-gradient(155deg,#fff349 0,#ffae00 43%,#f05a00 100%);box-shadow:inset 6px 8px 14px #fff8a866,inset -8px -8px 16px #7b2100aa}.nexo-mark b{position:absolute;inset:0;display:grid;place-items:center;font-size:76px;font-weight:1000;font-style:italic;text-shadow:0 4px 0 #071024,0 0 18px #fff8}.nexo-name{font-size:43px;font-weight:1000;letter-spacing:8px;text-shadow:0 3px 0 #16213d,0 10px 24px #000}.nexo-regional{font-size:13px;letter-spacing:11px;margin:3px 0 0 10px;color:#dfeaff}.studio-tag{margin-top:26px;font-size:10px;font-weight:800;letter-spacing:7px;color:#8898b6}.splash-line{margin:18px auto 0;width:210px;height:4px;border-radius:4px;background:#ffffff12;overflow:hidden}.splash-line span{display:block;height:100%;width:0;background:linear-gradient(90deg,#08d9ff,#1484ff,#ffd538,#ff7c13);box-shadow:0 0 14px #18b8ff;animation:loading 2s cubic-bezier(.2,.8,.2,1) forwards}@keyframes loading{to{width:100%}}.menu-screen{padding:24px 20px calc(20px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 15%,#1b3459 0,#101a2c 34%,transparent 60%)}.menu-shine{position:absolute;top:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#27b9ff2b,transparent 65%);filter:blur(8px)}.mini-brand{position:absolute;top:22px;left:24px;display:flex;align-items:center;gap:9px;font-size:9px;font-weight:900;letter-spacing:2px;color:#a9bad5}.mini-n{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:linear-gradient(145deg,#0bbdff,#1768ff 54%,#ff9a18);font-size:17px;color:#fff;box-shadow:0 6px 18px #006dff55}.sound-btn{position:absolute;right:22px;top:22px;width:42px;height:42px;border-radius:14px;border:1px solid #ffffff18;background:linear-gradient(180deg,#ffffff14,#ffffff08);box-shadow:0 8px 22px #0006,inset 0 1px #ffffff18}.title-wrap{position:relative;margin-top:118px;height:105px;width:100%;text-align:center}.title-main,.title-shadow{position:absolute;inset:0;font-size:68px;line-height:.85;font-weight:1000;letter-spacing:-4px}.title-shadow{transform:translateY(8px);color:#02050b;text-shadow:0 14px 24px #000}.title-main{background:linear-gradient(180deg,#fff 0,#dff2ff 26%,#7cb7e8 52%,#34547d 55%,#b9def5 84%,#506a91 100%);-webkit-background-clip:text;color:transparent;-webkit-text-stroke:1px #d9edff66;text-shadow:0 -2px 16px #ffffff33;filter:drop-shadow(0 9px 8px #000c)}.title-sub{position:absolute;top:69px;width:100%;font-weight:1000;letter-spacing:9px;font-size:13px;color:#ffb41f;text-shadow:0 2px 0 #713d00,0 0 15px #ff9b0044}.scene-cars{height:90px;display:flex;align-items:center;justify-content:center;gap:8px;perspective:300px}.scene-cars span{font-size:50px;filter:drop-shadow(0 17px 10px #000b);transform:rotateX(10deg)}.scene-cars span:nth-child(1){transform:rotate(-10deg) translateY(8px);font-size:45px}.scene-cars span:nth-child(2){font-size:58px;z-index:2}.scene-cars span:nth-child(3){transform:rotate(10deg) translateY(8px);font-size:45px}.continue-card{width:250px;margin-top:5px;padding:10px 16px;border-radius:16px;background:linear-gradient(180deg,#ffffff10,#ffffff05);border:1px solid #ffffff14;box-shadow:inset 0 1px #ffffff12,0 8px 22px #0004;display:flex;align-items:center;justify-content:space-between}.continue-card span{font-size:9px;letter-spacing:2px;color:#8497b6}.continue-card strong{font-size:13px}.play-btn{margin-top:14px;width:260px;height:58px;border:0;border-radius:18px;background:linear-gradient(180deg,#20cfff 0,#087cff 48%,#0758de 51%,#1041b9 100%);box-shadow:inset 0 2px #ffffff7a,inset 0 -5px #052a83,0 11px 0 #061a54,0 18px 28px #0009,0 0 26px #058cff3b;font-weight:1000;letter-spacing:2px;display:flex;align-items:center;justify-content:center;gap:22px;transform:translateY(0);transition:.12s}.play-btn:active{transform:translateY(6px);box-shadow:inset 0 2px #ffffff60,inset 0 -3px #052a83,0 5px 0 #061a54,0 10px 18px #0008}.play-btn i{font-style:normal;font-size:15px}.ghost-btn{width:260px;margin-top:20px;padding:12px;border:1px solid #ffffff13;border-radius:15px;background:#ffffff08;font-size:11px;font-weight:900;letter-spacing:2px;color:#adbbd0}.menu-bottom{position:absolute;bottom:22px;display:flex;gap:28px;color:#5f708b;font-size:8px;font-weight:800;letter-spacing:1px}.game-screen{padding-bottom:calc(8px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 8%,#173358 0,#0c1627 33%,#060b13 72%)}.hud{width:100%;padding:15px 15px 6px;display:flex;align-items:center;gap:8px}.hud-btn{width:43px;height:43px;border-radius:14px;border:1px solid #ffffff17;background:linear-gradient(180deg,#ffffff15,#ffffff07);box-shadow:inset 0 1px #ffffff17,0 8px 18px #0005;font-size:19px}.hud-level,.hud-coins{height:43px;border-radius:14px;border:1px solid #ffffff14;background:linear-gradient(180deg,#ffffff12,#ffffff07);box-shadow:inset 0 1px #ffffff14,0 7px 18px #0004;display:flex;align-items:center;justify-content:center}.hud-level{flex:1;flex-direction:column;line-height:1}.hud-level small{font-size:7px;letter-spacing:2px;color:#7f93b4}.hud-level b{font-size:18px;margin-top:3px}.hud-coins{padding:0 13px;gap:7px;font-size:14px}.hud-coins span{color:#ffd238;text-shadow:0 0 8px #ffa800}.mission{text-align:center;margin:4px 0 8px}.mission strong{display:block;font-size:14px;letter-spacing:2px;text-shadow:0 3px 6px #000}.mission small{font-size:9px;color:#7890af}.board-shell{position:relative;width:min(94vw,430px);max-height:68dvh;aspect-ratio:420/600;padding:7px;border-radius:27px;background:linear-gradient(145deg,#8cb6db55,#10233c 35%,#02070e 90%);box-shadow:inset 0 1px #ffffff44,inset 0 -3px #000c,0 22px 42px #000b,0 0 28px #1d95ff13}.board-glow{position:absolute;inset:8px;border-radius:21px;box-shadow:inset 0 0 30px #000a,0 0 20px #0c86ff24;pointer-events:none;z-index:2}#board{display:block;width:100%;height:100%;border-radius:20px;touch-action:none}.hint{height:29px;padding-top:7px;text-align:center;font-size:10px;color:#8ea5c3}.action-row{display:flex;gap:9px}.action-btn{width:74px;height:48px;border-radius:15px;border:1px solid #ffffff15;background:linear-gradient(180deg,#ffffff13,#ffffff07);box-shadow:inset 0 1px #ffffff1e,0 6px 14px #0006;font-size:18px;font-weight:900;display:flex;flex-direction:column;align-items:center;justify-content:center}.action-btn small{font-size:6px;letter-spacing:1px;color:#92a4bd;margin-top:2px}.action-btn.reward{background:linear-gradient(180deg,#ffc93b,#e88e00);color:#3f2600;border-color:#ffe792;box-shadow:inset 0 2px #fff3ad,0 6px 0 #794900,0 10px 18px #0007}.action-btn.reward small{color:#533100}.modal{position:absolute;inset:0;z-index:30;background:#02050bdc;backdrop-filter:blur(8px);display:grid;place-items:center;padding:22px}.modal.hidden{display:none}.modal-card{width:min(92vw,360px);padding:28px 24px 30px;text-align:center;border-radius:28px;border:1px solid #ffffff23;background:linear-gradient(155deg,#1b2a42,#0d1423 57%,#080d17);box-shadow:inset 0 1px #ffffff21,0 30px 80px #000}.modal-icon{width:72px;height:72px;margin:-4px auto 14px;border-radius:23px;display:grid;place-items:center;font-size:37px;font-weight:1000;background:linear-gradient(145deg,#1cd8ff,#146cff);box-shadow:inset 0 2px #ffffff78,0 9px 0 #082b83,0 16px 30px #0008}.modal-card h2{margin:17px 0 6px;font-size:26px}.modal-card p{margin:0;color:#9fb0c8;font-size:12px;line-height:1.55}.modal-play{width:220px;height:52px;margin-top:20px}.toast{position:absolute;z-index:50;left:50%;bottom:92px;transform:translate(-50%,20px);padding:10px 17px;border-radius:20px;background:#101827e8;border:1px solid #ffffff1a;box-shadow:0 10px 30px #0009;color:#dbe9ff;font-size:10px;font-weight:800;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.particles{position:absolute;inset:0;z-index:45;pointer-events:none;overflow:hidden}.particle{position:absolute;width:9px;height:15px;border-radius:2px;animation:fall 1.25s ease-in forwards}@keyframes fall{0%{transform:translateY(-15vh) rotate(0) scale(.6);opacity:1}100%{transform:translateY(110vh) rotate(700deg) scale(1);opacity:0}}@media(max-height:730px){.title-wrap{margin-top:85px}.scene-cars{height:72px}.continue-card{margin-top:0}.play-btn{height:52px}.board-shell{max-height:62dvh}.mission{margin:0 0 4px}.action-btn{height:42px}.hint{height:25px}}@media(max-width:360px){.title-main,.title-shadow{font-size:58px}.title-sub{top:60px}.board-shell{width:96vw}.hud{padding-left:10px;padding-right:10px}}