:root{--bg: #0b0d12;--bg2: #11141c;--panel: #161a24;--panel2: #1d2230;--line: #28304060;--text: #e8ecf4;--muted: #8b93a7;--accent: #ff5a3c;--accent2: #2f6dff;--good: #16e0a3;--gold: #ffcf3f;--silver: #cfd6e0;--bronze: #d98b4a;--shadow: 0 18px 50px -12px #000c}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;width:100%}body{background:var(--bg);color:var(--text);font-family:JetBrains Mono,ui-monospace,monospace;overflow:hidden;-webkit-font-smoothing:antialiased}#app{position:relative}canvas{display:block;position:absolute;top:0;right:0;bottom:0;left:0}button{font-family:inherit;cursor:pointer;color:inherit}input{font-family:inherit}.display{font-family:Russo One,sans-serif;letter-spacing:.5px}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(1200px 600px at 50% -10%,#1a2336 0%,transparent 60%),linear-gradient(180deg,#0b0d12cc,#0b0d12f2);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow-y:auto}.screen.hidden{display:none}.card{width:min(960px,100%);background:linear-gradient(180deg,var(--panel) 0%,var(--bg2) 100%);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:28px}.card.narrow{width:min(460px,100%)}.brand{display:flex;align-items:center;gap:14px;margin-bottom:6px}.brand .logo{width:42px;height:42px;border-radius:10px;flex:none;background:linear-gradient(135deg,var(--accent),#ff8a3c);display:grid;place-items:center;box-shadow:0 6px 18px -4px #ff5a3c80}.brand .logo svg{width:26px;height:26px}.brand h1{font-family:Russo One,sans-serif;font-size:30px;letter-spacing:1px}.brand .tag{color:var(--muted);font-size:12.5px;margin-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:11px;padding:12px 18px;font-size:14px;font-weight:500;transition:transform .08s ease,border-color .15s ease,background .15s ease}.btn:hover{border-color:#3a455e;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.primary{background:linear-gradient(135deg,var(--accent),#ff7a3c);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 10px 24px -10px #ff5a3ccc}.btn.primary:hover{filter:brightness(1.06)}.btn.ghost{background:transparent}.btn.lg{padding:16px 22px;font-size:16px}.btn.block{width:100%}.btn[disabled]{opacity:.5;pointer-events:none}.screen.cinematic{background:linear-gradient(105deg,#07090dF2 0%,#07090dcc 34%,#07090d44 56%,transparent 74%),linear-gradient(0deg,#07090d99 0%,transparent 40%);-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:flex-start;align-items:stretch;padding:0}.menu{display:flex;flex-direction:column;justify-content:center;gap:26px;padding:6vh 6vw;max-width:680px}.menu-hero{line-height:1}.menu-logo{font-family:Russo One,sans-serif;font-size:clamp(54px,9vw,104px);letter-spacing:2px;color:#fff;text-shadow:0 0 1px #fff,6px 6px 0 #ff5a3c33}.menu-logo:after{content:"";display:block;width:96px;height:5px;margin-top:14px;background:linear-gradient(90deg,var(--accent),transparent);border-radius:3px}.menu-tag{margin-top:16px;font-size:clamp(11px,1.4vw,14px);letter-spacing:4px;color:var(--muted)}.menu-list{display:flex;flex-direction:column;gap:4px}.menu-item{position:relative;display:flex;align-items:center;gap:18px;padding:16px 18px 16px 14px;text-align:left;background:transparent;border:0;border-left:3px solid transparent;border-radius:0 12px 12px 0;transition:background .15s ease,border-color .15s ease,padding-left .15s ease}.menu-item:hover{background:linear-gradient(90deg,#ffffff10,transparent 80%);border-left-color:var(--accent);padding-left:22px}.mi-n{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--accent);width:28px;flex:none;padding-top:4px;opacity:.8}.mi-body{display:flex;flex-direction:column;gap:3px;flex:1}.mi-title{font-family:Russo One,sans-serif;font-size:clamp(20px,2.6vw,28px);color:#fff}.mi-sub{font-size:12.5px;color:var(--muted);letter-spacing:.3px}.mi-go{font-size:24px;color:var(--accent);opacity:0;transform:translate(-8px);transition:opacity .15s ease,transform .15s ease}.menu-item:hover .mi-go{opacity:1;transform:translate(0)}.menu-profile{display:flex;gap:22px;align-items:flex-end;flex-wrap:wrap;margin-top:6px}.identity{display:flex;gap:14px;align-items:flex-end;margin-top:24px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.field input{background:#0c0f16;border:1px solid var(--line);color:var(--text);border-radius:9px;padding:10px 12px;font-size:14px;width:200px}.field input:focus{outline:none;border-color:var(--accent2)}.swatches{display:flex;gap:8px}.swatch{width:28px;height:28px;border-radius:8px;border:2px solid transparent}.swatch.sel{border-color:#fff;box-shadow:0 0 0 2px #0008}.section-title{display:flex;align-items:center;justify-content:space-between;margin:4px 0 16px}.section-title h2{font-family:Russo One,sans-serif;font-size:20px}.campaign-head{align-items:flex-end;margin-bottom:22px}.campaign-title h2{font-size:30px;letter-spacing:1px}.campaign-progress{display:flex;align-items:center;gap:12px;margin-top:10px}.cp-count{font-size:11px;color:var(--muted);letter-spacing:.5px;text-transform:uppercase}.cp-count b{color:var(--gold);font-size:14px}.progress-bar{width:150px;height:6px;border-radius:4px;background:#0c0f16;border:1px solid var(--line);overflow:hidden}.progress-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent),var(--gold));transition:width .5s ease}.level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.level-card{position:relative;overflow:hidden;text-align:left;padding:18px 16px 16px;border-radius:16px;min-height:152px;border:1px solid var(--line);background:linear-gradient(160deg,var(--panel2) 0%,#0e1118 100%);display:flex;flex-direction:column;gap:6px;transition:transform .14s ease,border-color .15s ease,box-shadow .15s ease;animation:cardIn .35s ease both}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}}.level-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),transparent);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.level-card:hover,.level-card.gp-focus{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 16px 34px -16px #000e;border-radius:16px}.level-card:hover:before,.level-card.gp-focus:before{transform:scaleX(1)}.lc-top{display:flex;align-items:flex-start;justify-content:space-between}.lc-num{font-family:Russo One,sans-serif;font-size:34px;line-height:.9;color:#fff;opacity:.14}.level-card.done .lc-num{opacity:.26}.lc-name{font-family:Russo One,sans-serif;font-size:17px;color:#fff;margin-top:auto}.lc-best{display:flex;align-items:baseline;gap:8px}.lc-best-label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:10px}.lc-best-time{font-family:Russo One,sans-serif;font-size:15px;color:var(--text);font-variant-numeric:tabular-nums}.lc-todo{color:var(--muted);font-size:12px}.lc-go{position:absolute;right:15px;bottom:14px;font-family:Russo One,sans-serif;font-size:12px;letter-spacing:1px;color:var(--accent);opacity:0;transform:translate(-6px);transition:opacity .15s ease,transform .15s ease}.lc-go b{font-size:15px}.level-card:hover .lc-go,.level-card.gp-focus .lc-go{opacity:1;transform:translate(0)}.medal-badge{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:15px;border:1.5px solid var(--line);background:#0c0f16;color:var(--muted)}.medal-badge.none{border-style:dashed}.medal-badge.author{color:var(--good);border-color:var(--good);background:radial-gradient(circle at 32% 28%,#16e0a330,#0c0f16);box-shadow:0 0 16px -3px #16e0a380}.medal-badge.gold{color:var(--gold);border-color:var(--gold);background:radial-gradient(circle at 32% 28%,#ffcf3f30,#0c0f16);box-shadow:0 0 16px -3px #ffcf3f80}.medal-badge.silver{color:var(--silver);border-color:var(--silver);background:radial-gradient(circle at 32% 28%,#cfd6e030,#0c0f16);box-shadow:0 0 16px -3px #cfd6e066}.medal-badge.bronze{color:var(--bronze);border-color:var(--bronze);background:radial-gradient(circle at 32% 28%,#d98b4a30,#0c0f16);box-shadow:0 0 16px -3px #d98b4a66}.medal-chip{align-self:flex-start;font-size:11px;padding:3px 9px;border-radius:20px;border:1px solid var(--line);color:var(--muted)}.medal-chip.author{color:var(--good);border-color:#16e0a366}.medal-chip.gold{color:var(--gold);border-color:#ffcf3f66}.medal-chip.silver{color:var(--silver);border-color:#cfd6e066}.medal-chip.bronze{color:var(--bronze);border-color:#d98b4a66}.tabs{display:flex;gap:6px;margin:4px 0}.tab{flex:1;padding:10px 14px;border-radius:10px;font-size:13.5px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);font-family:Russo One,sans-serif;letter-spacing:.5px}.tab:hover{color:var(--text)}.tab.sel{color:#fff;border-color:var(--accent);background:linear-gradient(180deg,#1d130c,var(--panel2))}.binds{display:flex;flex-direction:column;gap:6px}.bind-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}.bind-label{font-size:13.5px}.bind-key{min-width:130px;text-align:center;font-family:JetBrains Mono,monospace;font-size:12.5px;padding:7px 12px;border-radius:8px;border:1px solid var(--line);background:#0c0f16;color:var(--text)}.bind-key:hover{border-color:var(--accent)}.bind-key.capturing{border-color:var(--accent);color:var(--accent);background:#1a1206}.pad-status{font-size:13px;color:var(--muted)}.pad-status.on{color:var(--good)}.pad-status b{color:var(--text)}.lb{width:100%;border-collapse:collapse;font-size:13.5px}.lb th{text-align:left;color:var(--muted);font-weight:500;padding:8px 10px;border-bottom:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:1px}.lb td{padding:9px 10px;border-bottom:1px solid #1c2230}.lb tr:hover td{background:#ffffff06}.lb .rk{color:var(--muted);width:36px}.lb .tm{text-align:right;font-variant-numeric:tabular-nums}.lb tr.you td{color:var(--accent)}.lb-empty{color:var(--muted);padding:20px;text-align:center;font-size:13px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end}.row.between{justify-content:space-between}.spacer{flex:1}.mt{margin-top:18px}.mt-s{margin-top:10px}.hr{height:1px;background:var(--line);margin:18px 0;border:0}.muted{color:var(--muted)}.err{color:#ff6a6a;font-size:13px;min-height:18px}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;opacity:0;transition:opacity .2s ease;font-variant-numeric:tabular-nums}.hud.show{opacity:1}.hud-top{position:absolute;top:18px;left:22px}.hud-timer{font-family:Russo One,sans-serif;font-size:46px;line-height:1;text-shadow:0 3px 14px #000a}.hud-cp{display:flex;gap:6px;margin-top:10px}.cp-dot{width:13px;height:13px;border-radius:50%;background:#ffffff20;border:1.5px solid #ffffff40}.cp-dot.done{background:var(--good);border-color:var(--good);box-shadow:0 0 10px #16e0a3aa}.hud-cam{position:absolute;top:20px;right:22px;font-size:12px;color:var(--muted);border:1px solid var(--line);padding:5px 11px;border-radius:20px;background:#0b0d1288}.hud-speed{position:absolute;bottom:24px;right:28px;font-family:Russo One,sans-serif;text-align:right;text-shadow:0 3px 14px #000a}.hud-speed span{font-size:52px;line-height:.9}.hud-speed small{display:block;font-size:13px;color:var(--muted);font-family:JetBrains Mono,monospace;letter-spacing:2px}.hud-drift{position:absolute;bottom:96px;right:28px;font-family:Russo One,sans-serif;font-size:20px;color:var(--accent);opacity:0;transform:translateY(6px);transition:opacity .12s ease,transform .12s ease;text-shadow:0 0 16px #ff5a3c88}.hud-drift.on{opacity:1;transform:translateY(0)}.hud-announce{position:absolute;top:24%;left:50%;transform:translate(-50%);font-family:Russo One,sans-serif;font-size:34px;opacity:0;text-shadow:0 4px 18px #000b}.hud-announce.pulse{animation:pop .35s ease both}@keyframes pop{0%{opacity:0;transform:translate(-50%,8px) scale(.9)}30%{opacity:1}to{opacity:1;transform:translate(-50%) scale(1)}}.hud-countdown{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);font-family:Russo One,sans-serif;font-size:120px;color:#fff;text-shadow:0 6px 30px #000c}.hud-countdown.tick{animation:cd .5s ease both}@keyframes cd{0%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}40%{opacity:1}to{opacity:.85;transform:translate(-50%,-50%) scale(1)}}.hud-standings{position:absolute;top:64px;right:22px;width:220px;display:flex;flex-direction:column;gap:3px}.st-row{display:flex;align-items:center;gap:8px;font-size:12.5px;background:#0b0d12aa;border:1px solid var(--line);border-radius:8px;padding:5px 9px}.st-row.you{border-color:var(--accent);color:var(--accent)}.st-pos{color:var(--muted);width:16px}.st-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-time{font-variant-numeric:tabular-nums}.hud-help{position:absolute;bottom:18px;left:22px;font-size:11.5px;color:var(--muted);max-width:60%;text-shadow:0 2px 8px #000}.hud-help b{color:var(--text)}.ingame-back{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:11;pointer-events:auto;opacity:0;transition:opacity .15s}.ingame-back:hover{opacity:1}.editor-bar{position:absolute;top:0;left:0;right:0;z-index:15;display:flex;gap:8px;align-items:center;padding:10px 14px;background:linear-gradient(180deg,#0b0d12f0,#0b0d1290);border-bottom:1px solid var(--line)}.editor-bar .grp{display:flex;gap:6px;align-items:center}.editor-bar .sep{width:1px;height:26px;background:var(--line);margin:0 4px}.tool{border:1px solid var(--line);background:var(--panel2);border-radius:9px;padding:8px 12px;font-size:12.5px}.tool.sel{border-color:var(--accent);color:var(--accent)}.editor-hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:15;font-size:12px;color:var(--muted);background:#0b0d12cc;border:1px solid var(--line);border-radius:20px;padding:7px 16px}.editor-title{font-family:Russo One,sans-serif;font-size:15px;margin-right:6px}.result-time{font-family:Russo One,sans-serif;font-size:56px;text-align:center;margin:6px 0}.result-medal{text-align:center;font-size:16px;margin-bottom:8px}.result-delta{text-align:center;font-size:15px;color:var(--muted)}.toast-wrap{position:absolute;bottom:18px;left:50%;transform:translate(-50%);z-index:40;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px 16px;font-size:13px;box-shadow:var(--shadow);animation:toastIn .2s ease}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}}.gp-focus{outline:2px solid var(--accent)!important;outline-offset:3px;box-shadow:0 0 0 4px #ff5a3c33,0 0 18px -2px #ff5a3c88!important;border-radius:10px}.menu-item.gp-focus{background:linear-gradient(90deg,#ffffff14,transparent 80%);border-left-color:var(--accent)}.menu-item.gp-focus .mi-go{opacity:1;transform:translate(0)}@media(max-width:720px){.home-actions{grid-template-columns:1fr}.hud-timer{font-size:34px}.hud-speed span{font-size:38px}.hud-standings{width:150px}.hud-help{display:none}}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:50;background:var(--bg)}.loading .spin{width:40px;height:40px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}