*{box-sizing:border-box}html,body{margin:0;height:100%;background:#030208;overflow:hidden;color:#e8e6ff;font-family:var(--font-ui, "Rajdhani", "Segoe UI", system-ui, sans-serif);font-weight:600;overscroll-behavior:none}:root{--panel: rgba(10,4,30,.78);--line: rgba(155,107,255,.5);--cyan: #00e5ff;--mag: #ff2bd6;--vio: #9b6bff;--display: var(--font-display, "Orbitron", "Segoe UI", system-ui, sans-serif)}body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}canvas#game{position:fixed;inset:0;display:block;touch-action:none;cursor:grab}canvas#game:active{cursor:grabbing}.hudbtn{position:fixed;font-family:var(--display);z-index:5;display:none;border:1px solid rgba(155,107,255,.5);border-radius:8px;background:#0a041eb3;color:#c7b8ff;padding:0;cursor:pointer;line-height:1}body.playing .hudbtn{display:block}#ui{position:fixed;inset:0;z-index:10;display:grid;place-items:center;pointer-events:none}#ui.dim{background:radial-gradient(ellipse at center,#07040f8c,#030208d9);pointer-events:auto}.screen{display:none;flex-direction:column;align-items:center;text-align:center;gap:12px;width:min(92vw,420px);padding:22px 20px;background:var(--panel);border:1px solid rgba(0,229,255,.55);border-radius:10px;box-shadow:inset 0 1px #ffffff1f,0 0 24px #00e5ff1f,0 20px 60px #00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}body.has-panel-art .screen{border:24px solid transparent;border-image:var(--panel-img) 48 fill / 24px stretch;background:none;box-shadow:none}#scr-pause,#scr-over{border-color:#ff2bd680}.screen.on{display:flex}.logo{display:flex;flex-direction:column;line-height:.95;font-family:var(--display);font-weight:900;letter-spacing:.06em;font-size:clamp(34px,10vw,54px)}.logo img{width:min(80vw,340px);height:auto}.logo .l1{color:#00e5ff;text-shadow:0 0 12px #00e5ff,0 0 32px #00a0ff}.logo .l2{color:#ff2bd6;text-shadow:0 0 12px #ff2bd6,0 0 32px #b0009a}.tag{margin:4px 0 0;color:#c7b8ff}.tag b{color:#fff}.how{text-align:left;font-size:15px!important;margin:6px 0;padding:12px 14px 12px 30px;border:1px solid rgba(155,107,255,.35);border-radius:10px;background:#0f062899;font-size:14px;line-height:1.45}.hl-r{color:#ff5c8a}.hl-y{color:#ffd23f}.btn{pointer-events:auto;min-width:220px;min-height:48px;padding:12px 22px;font-family:var(--display);font-size:16px;font-weight:700;letter-spacing:.14em;color:#e8e6ff;background:#0c052299;border:1.5px solid var(--cyan);border-radius:10px;cursor:pointer;box-shadow:0 0 12px #00e5ff40,inset 0 0 #00e5ff00;transition:box-shadow .12s,filter .12s,transform .06s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn.primary{border:0;color:#fff;background:linear-gradient(135deg,#ff2bd6,#9b6bff);box-shadow:0 0 20px #ff2bd673,inset 0 1px #ffffff59;text-shadow:0 1px 2px rgba(60,0,60,.5)}.btn:hover,.btn:focus-visible{filter:brightness(1.15);outline:none;box-shadow:0 0 20px #00e5ff80}.btn.primary:hover,.btn.primary:focus-visible{box-shadow:0 0 28px #ff2bd6b3,inset 0 1px #ffffff59}.btn:active{transform:translateY(1px);box-shadow:inset 0 0 16px #00e5ff99}.btn.primary:active{box-shadow:inset 0 0 18px #ffffff80}.best{margin:0;color:#ffd23f;letter-spacing:.15em;font-family:var(--display);font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}.keys{margin:0;font-size:13px;color:#9a90c8}h2{margin:0;font-family:var(--display);font-weight:900;font-size:30px;letter-spacing:.1em;color:#00e5ff;text-shadow:0 0 14px #00e5ff}h2.over{color:#ff2b6a;text-shadow:0 0 14px #ff2b6a;font-size:clamp(26px,8vw,36px)}.newbest{margin:0;font-family:var(--display);font-size:14px;color:#ffd23f;font-weight:800;letter-spacing:.2em;text-shadow:0 0 10px #ffd23f;animation:pulse .8s infinite alternate}@keyframes pulse{to{opacity:.5}}.bigscore{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:50px;font-weight:900;color:#fff;text-shadow:0 0 16px #9b6bff}.stats{border-collapse:collapse;min-width:260px;font-size:16px}.stats td{padding:3px 8px;border-bottom:1px solid rgba(155,107,255,.2)}.stats td:first-child{text-align:left;color:#9a90c8}.stats td:last-child{text-align:right;font-family:var(--display);font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}.screen.lobby{width:min(94vw,460px);max-height:calc(100dvh - 24px);overflow:auto;gap:10px;padding:16px 16px 18px}.lb-head{display:flex;align-items:center;gap:10px;width:100%}.lb-avatar{width:44px;height:44px;border-radius:10px;border:1px solid var(--line);background:#00000059}.lb-id{flex:1;text-align:left;min-width:0}.lb-name{font-size:18px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-level{display:flex;align-items:center;gap:8px}.lb-lv{font-family:var(--display);font-size:12px;color:#c7b8ff;letter-spacing:.08em}.bar{flex:1;height:6px;border-radius:3px;background:#9b6bff33;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--vio),var(--mag));box-shadow:0 0 8px var(--mag)}.lb-cur{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid rgba(255,210,63,.45);border-radius:8px;color:#ffd23f;font-family:var(--display);font-size:14px;font-variant-numeric:tabular-nums}.glyph{font-size:12px}.lb-account{pointer-events:auto;width:100%;padding:8px 10px;border-radius:8px;border:1px dashed rgba(0,229,255,.45);background:#00e5ff0f;color:#bff6ff;font:inherit;font-size:14px;cursor:pointer;min-height:36px}.lb-account[data-state=paused]{border-color:#ff2b6a;color:#ffb3c8;background:#ff2b6a14}.tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;width:100%}.tab{pointer-events:auto;padding:9px 2px;min-height:44px;border:1px solid rgba(155,107,255,.35);border-radius:8px;background:#0c052299;color:#9a90c8;font-family:var(--display);font-size:12px;letter-spacing:.04em;cursor:pointer}.tab.on{color:#fff;border-color:var(--cyan);box-shadow:inset 0 0 12px #00e5ff59}.lb-body{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.lb-body h3{align-self:flex-start;margin:8px 0 0;font-family:var(--display);font-size:12px;letter-spacing:.14em;color:#c7b8ff}.btn.big{min-width:260px;min-height:56px;font-size:20px}.btn.small{min-width:44px;min-height:44px;padding:8px 14px;font-size:12px}.btn[disabled]{opacity:.45;cursor:not-allowed;filter:none}.kv{display:grid;grid-template-columns:auto auto auto auto auto auto;gap:4px 10px;align-items:baseline;font-family:var(--display);font-size:12px;color:#9a90c8}.kv b{color:#ffd23f;font-size:14px;font-variant-numeric:tabular-nums}.gate{margin:0;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,210,63,.35);color:#ffd23f;font-size:14px}.fine{margin:0;font-size:13px;color:#9a90c8}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;width:100%}.tile{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:8px;min-height:48px;border:1px solid rgba(155,107,255,.35);background:#0c052299;color:#e8e6ff;font:inherit;font-size:13px;cursor:pointer}.tile.on{border-color:var(--cyan);box-shadow:0 0 12px #00e5ff59}.tile[disabled]{opacity:.55;cursor:not-allowed}.tile small{color:#ffd23f;font-size:12px}.sw{display:flex;gap:2px}.sw i{width:18px;height:10px;border-radius:2px}.loadout{display:flex;flex-direction:column;gap:6px;width:100%}.lo-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.lo-name{width:92px;text-align:left;font-family:var(--display);font-size:12px;color:#9a90c8}.chip{pointer-events:auto;padding:6px 12px;min-height:44px;min-width:44px;border-radius:22px;border:1px solid rgba(155,107,255,.4);background:#0c052299;color:#e8e6ff;font:inherit;font-size:13px;cursor:pointer}.chip.on{border-color:var(--mag);background:#ff2bd62e;color:#fff}.shop{display:flex;flex-direction:column;gap:6px;width:100%}.shop-row{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid rgba(155,107,255,.25);border-radius:8px;text-align:left}.shop-row>div{flex:1;display:flex;flex-direction:column}.shop-row small{color:#9a90c8;font-size:13px}.ach{display:flex;flex-direction:column;gap:6px;width:100%}.ach-row{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;border:1px solid rgba(155,107,255,.25);text-align:left}.ach-row.done{border-color:#ffd23f80;background:#ffd23f0d}.ach-ico{font-size:22px;color:#ffd23f;width:26px;text-align:center}.ach-main{flex:1;display:flex;flex-direction:column;gap:3px}.ach-main small{color:#9a90c8;font-size:13px}.ach-side{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:12px;color:#c7b8ff}.ach-side small,small{font-size:12px}.diff{font-family:var(--display);font-size:12px;padding:2px 6px;border-radius:4px;border:1px solid currentColor}.diff.easy{color:#7dff7a}.diff.medium{color:#00e5ff}.diff.hard{color:#ff2bd6}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;width:100%}.day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;padding:3px 1px;border-radius:6px;overflow-wrap:anywhere;border:1px solid rgba(155,107,255,.25);background:#0c052280;font-size:12px;line-height:1.1;color:#e8e6ff}.day small{font-size:12px;color:#9a90c8;font-family:var(--display)}.day.mile{border-color:#ff2bd680}.day.got{opacity:.45;background:#7dff7a14}.day.next{border-color:var(--cyan);box-shadow:0 0 12px #00e5ff73}.lead{display:flex;flex-direction:column;gap:10px;align-items:center}.lead-me{display:flex;flex-direction:column;align-items:center;padding:12px 24px;border:1px solid rgba(255,210,63,.4);border-radius:10px}.lead-me b{font-family:var(--display);font-size:30px;color:#fff;font-variant-numeric:tabular-nums}.lead-me small{color:#9a90c8;font-family:var(--display);font-size:12px}.lead p{margin:0;font-size:15px;color:#c7b8ff}.set{display:grid;grid-template-columns:90px 1fr 34px;align-items:center;gap:10px;width:100%;font-family:var(--display);font-size:12px;color:#c7b8ff}.set input{pointer-events:auto;accent-color:#ff2bd6;width:100%;min-height:44px}.set b{color:#fff;text-align:right;font-variant-numeric:tabular-nums}.rewards{display:flex;flex-direction:column;gap:4px;align-items:center}.rw{display:flex;gap:12px;font-family:var(--display);font-size:13px;color:#7dff7a}.rw .up,.rw.ach-new{color:#ffd23f}.rw.unl{color:#00e5ff;font-family:inherit;font-size:14px}.rw.warn{color:#ff7aa8;font-family:inherit}.coach{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:12;display:none;width:min(92vw,400px);padding:14px 16px;border-radius:10px;background:var(--panel);border:1px solid rgba(255,43,214,.55);box-shadow:inset 0 1px #ffffff1f,0 0 24px #ff2bd633;text-align:center;pointer-events:auto}.coach.on{display:block}.coach-step{font-family:var(--display);font-size:12px;letter-spacing:.14em;color:#9a90c8}.coach-title{margin:4px 0;font-family:var(--display);font-weight:900;font-size:18px;color:#00e5ff}.coach-text{margin:0 0 10px;font-size:16px}.coach-row{display:flex;gap:8px;justify-content:center}@media (max-height: 700px){.screen.lobby .logo{font-size:30px}.btn.big{min-height:48px}}.lb-acct{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;width:100%;padding:6px 8px;border-radius:8px;border:1px solid rgba(0,229,255,.3);background:#00e5ff0d}.lb-status{font-size:14px;color:#bff6ff;text-align:left;flex:1;min-width:160px}.lb-status[data-state=paused]{color:#ffb3c8}.lb-login{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.4);background:#fff;color:#1d1b29;font:inherit;font-weight:700;font-size:14px;cursor:pointer}.lb-login .or{color:#6b6880;font-weight:600}.lb-login[hidden],.lb-manage[hidden]{display:none}.boot{font-family:var(--display);font-size:14px;letter-spacing:.12em;color:#c7b8ff;animation:pulse .9s infinite alternate}@media (prefers-reduced-motion: reduce){.boot,.newbest{animation:none}.btn{transition:none}}#cynnx-game-chip{display:none!important}.lb-logo{align-items:center;font-size:clamp(26px,8vw,40px);margin:0 0 2px}.lb-logo img{width:min(64vw,280px)}.lb-body .keys{margin-top:2px}.cal-next{margin:0;font-family:var(--display);font-size:13px;letter-spacing:.12em;color:#00e5ff;font-variant-numeric:tabular-nums}.set-login{align-self:center}.grid.row{grid-template-columns:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.grid.row .tile{padding:6px 2px;font-size:12px;min-width:0}.grid.row .tile img{width:32px;height:32px}.grid.row .tile span:not(.sw){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid.row .sw i{width:10px}.shop{display:grid;grid-template-columns:1fr 1fr;gap:6px}.shop-row{padding:6px;gap:6px}.shop-row b{font-size:14px}@media (max-width: 480px){.screen.lobby{padding:12px 10px 14px;gap:8px}.tabs{grid-template-columns:repeat(3,1fr);gap:4px}.tab{font-family:var(--font-ui, "Rajdhani", system-ui, sans-serif);font-weight:700;font-size:14px;letter-spacing:.08em}.lb-logo{flex-direction:row;gap:.3em;font-size:26px}.lb-logo img{width:min(52vw,220px)}.lb-status{font-size:13px;min-width:0}.lb-body h3{margin-top:2px}.lo-name{width:100%}.btn{min-width:200px}.shop-row{flex-direction:column;align-items:stretch;text-align:center}.shop-row .btn.small{width:100%}}body.cover #ui,body.cover .hudbtn,body.cover #cynnx-game-chip{display:none!important}body.cover canvas#game{cursor:default}