:root{--orange: #ff8a1f;--orange-2: #ff5a14;--amber: #ffc15a;--gold: #ffc72c;--lime: #b6ea3c;--lime-2: #8ec91a;--jungle: #0c2217;--jungle-2: #123020;--jungle-3: #1b4430;--ink: #07140c;--panel: rgba(9,29,18,0.95);--line: rgba(182,234,60,0.26);--line-o: rgba(255,160,60,0.35);--text: #f4f7ee;--muted: #a9bba6;--good: #7be37a;--bad: #ff6a58;--font: "Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;--display: "Arial Black",Impact,"Segoe UI Black",sans-serif}*{box-sizing: border-box}html,body{margin: 0;height: 100%;overflow: hidden;background: var(--ink);color: var(--text);font-family: var(--font);-webkit-user-select: none;user-select: none}input{-webkit-user-select: text;user-select: text}#game{position: fixed;inset: 0;width: 100%;height: 100%;display: block}#vignette{position: fixed;inset: 0;pointer-events: none;background: radial-gradient(ellipse at center,rgba(0,0,0,0) 52%,rgba(0,0,0,0.55) 100%)}[hidden]{display: none !important}button{font-family: inherit;cursor: pointer}:focus-visible{outline: 3px solid var(--lime);outline-offset: 2px}kbd{background: rgba(255,255,255,0.14);border: 1px solid rgba(255,255,255,0.25);border-bottom-width: 2px;border-radius: 4px;padding: 0 5px;font: 600 11px var(--font);margin: 0 2px}.muted{color: var(--muted)}.small{font-size: 12px}.ic{width: 1.15em;height: 1.15em;fill: currentColor;vertical-align: -0.2em;flex: none}.ic.big{width: 42px;height: 42px}h4{margin: 14px 0 8px;font: 800 12px var(--font);letter-spacing: 1.2px;text-transform: uppercase;color: var(--lime)}h4 small{color: var(--muted);font-weight: 600;letter-spacing: 0.4px;text-transform: none}.screen{position: fixed;inset: 0;display: flex;flex-direction: column;animation: screenIn .38s cubic-bezier(.2,.8,.2,1);overflow: auto}.screen:not(.overlay){background: radial-gradient(ellipse at 50% 28%,rgba(20,58,36,0.5),rgba(6,18,11,0.9));backdrop-filter: blur(3px)}.screen.overlay{align-items: center;justify-content: center;background: rgba(5,16,10,0.66);backdrop-filter: blur(3px)}@keyframes screenIn{from{opacity: 0;transform: translateY(14px) scale(0.99)}to{opacity: 1;transform: none}}#wipe{position: fixed;top: -10%;bottom: -10%;left: -30%;width: 60%;pointer-events: none;z-index: 40;opacity: 0;transform: translateX(-120%) skewX(-14deg);background: linear-gradient(90deg,rgba(0,0,0,0) 0,var(--orange-2) 12%,var(--orange) 55%,var(--lime) 82%,#fff 90%,rgba(255,255,255,0) 100%);box-shadow: 0 0 60px rgba(255,138,31,0.6)}#wipe.go{animation: wipe .6s cubic-bezier(.65,0,.35,1)}@keyframes wipe{0%{opacity: 1;transform: translateX(-120%) skewX(-14deg)}100%{opacity: 1;transform: translateX(330%) skewX(-14deg)}}.topbar{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding: 16px 22px;flex: none}.topbar h2{margin: 0;font: 900 22px var(--display);letter-spacing: 1px;text-transform: uppercase;font-style: italic;color: var(--gold);text-shadow: 0 2px 0 rgba(0,0,0,0.4)}.top-left,.top-right{display: flex;gap: 10px;align-items: center;flex-wrap: wrap}.foot{text-align: center;color: var(--muted);font-size: 12px;margin: 0 0 14px;padding: 0 14px}.foot.copyright{margin: -10px 0 10px;font-size: 11px;opacity: 0.75}.menu-center{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 8px;min-height: 0;padding: 0 12px}.badge{border-radius: 50%;border: 3px solid var(--orange);box-shadow: 0 0 30px rgba(255,138,31,0.55)}.logo{margin: 2px 0 0;text-align: center;font-family: var(--display);font-style: italic;line-height: 0.92;transform: skewX(-6deg)}.logo .l1{display: block;font-size: clamp(34px,6.4vw,70px);color: var(--orange);letter-spacing: 1px;text-shadow: 0 3px 0 #a53a05,0 6px 0 #5c1f02,0 0 34px rgba(255,138,31,0.55)}.logo .l2{display: block;font-size: clamp(20px,3.8vw,40px);letter-spacing: 0.5em;color: #fff;text-shadow: 0 3px 0 #1a3a26,0 0 18px rgba(182,234,60,0.45);margin-top: 4px}.checker{width: min(420px,70vw);height: 12px;border-radius: 2px;background: repeating-conic-gradient(#f4f1ea 0 25%,#0e2a1a 0 50%) 0 0 / 12px 12px;opacity: 0.9}.menu-picks{display: flex;gap: 14px;flex-wrap: wrap;justify-content: center;margin: 4px 0}.pick{display: flex;align-items: center;gap: 12px;padding: 8px 14px 8px 8px;border-radius: 14px;background: rgba(9,29,18,0.7);border: 1.5px solid var(--line);color: var(--text);text-align: left;transition: transform .14s,border-color .14s,background .14s}button.pick:hover{transform: translateY(-2px);border-color: var(--orange);background: rgba(255,138,31,0.14)}.pick canvas{width: 150px;height: 90px;border-radius: 10px;background: radial-gradient(ellipse at center,rgba(40,90,55,0.5),rgba(8,22,14,0.2))}.menu-car canvas{width: 160px;height: 90px}.pick-txt{display: flex;flex-direction: column;gap: 2px}.pick-txt small{color: var(--lime);font: 800 10.5px var(--font);letter-spacing: 1.2px;text-transform: uppercase}.pick-txt b{font: 800 19px var(--display);font-style: italic}.pick-txt em{font-style: normal;color: var(--muted);font-size: 12.5px}.pick-txt a{color: var(--amber)}.menu-buttons{display: flex;flex-direction: column;gap: 9px;width: min(430px,90vw)}.row{display: flex;gap: 10px;flex-wrap: wrap;justify-content: center}.row>.btn{flex: 1}.row.tight{gap: 8px}.hint{color: var(--muted);font-size: 12.5px;margin: 4px 0 0;text-align: center;padding: 0 12px}.btn{position: relative;border: 0;color: #fff;padding: 12px 22px;font: 900 16px var(--display);font-style: italic;letter-spacing: 1.1px;text-transform: uppercase;background: linear-gradient(180deg,#24593b,#143522);border-radius: 6px;transform: skewX(-8deg);box-shadow: inset 0 0 0 2px rgba(182,234,60,0.34),0 4px 0 #06130b;transition: transform .12s,filter .12s,box-shadow .12s;display: inline-flex;align-items: center;justify-content: center;gap: 8px;flex-wrap: wrap}.btn small{display: block;width: 100%;text-align: center;font: 600 11px var(--font);font-style: normal;letter-spacing: 0.5px;color: rgba(255,255,255,0.72);text-transform: none;margin-top: -2px}.btn:hover:not(:disabled){transform: skewX(-8deg) translateY(-2px) scale(1.03);filter: brightness(1.15)}.btn:active:not(:disabled){transform: skewX(-8deg) translateY(2px);box-shadow: inset 0 0 0 2px rgba(182,234,60,0.5),0 1px 0 #06130b}.btn.primary{background: linear-gradient(180deg,#ffa23a,#ee5a0c);box-shadow: inset 0 0 0 2px rgba(255,235,190,0.55),0 4px 0 #8a2d03,0 0 24px rgba(255,138,31,0.45);font-size: 20px}.btn.small{font-size: 13px;padding: 9px 14px}.btn.ghost{background: rgba(255,255,255,0.06);box-shadow: inset 0 0 0 1.5px rgba(255,255,255,0.22)}.btn.danger{background: linear-gradient(180deg,#7a2c24,#4a1a14);box-shadow: inset 0 0 0 1.5px rgba(255,120,100,0.4),0 3px 0 #200a08}.btn.ok,.btn.small.ok{background: linear-gradient(180deg,#8bd24a,#4e9a1c);box-shadow: inset 0 0 0 2px rgba(220,255,170,0.6),0 3px 0 #28500a}.btn.bad{background: linear-gradient(180deg,#7a2c24,#4a1a14)}.btn:disabled{opacity: 0.5;cursor: default}.icon-btn{width: 40px;height: 40px;border-radius: 10px;border: 1.5px solid var(--line);background: rgba(9,29,18,0.8);color: #fff;font-size: 15px;display: grid;place-items: center;transition: background .12s,transform .12s}.icon-btn:hover{background: rgba(255,138,31,0.3);transform: scale(1.06)}.wallet-chip{display: inline-flex;align-items: center;gap: 9px;padding: 9px 15px;border-radius: 999px;border: 1.5px solid var(--line);background: rgba(9,29,18,0.8);color: var(--text);font: 600 13px var(--font);transition: background .12s}.wallet-chip:hover{background: rgba(255,138,31,0.25)}.wallet-chip .dot{width: 9px;height: 9px;border-radius: 50%;background: #8a9a88}.wallet-chip.on .dot{background: var(--good);box-shadow: 0 0 8px var(--good)}.badge-dot{position: absolute;top: -7px;right: -6px;min-width: 20px;height: 20px;border-radius: 10px;background: var(--orange-2);color: #fff;font: 800 11px var(--font);font-style: normal;display: grid;place-items: center;padding: 0 5px;box-shadow: 0 0 0 2px var(--jungle);transform: skewX(8deg);animation: pop .5s}.seg{display: inline-flex;flex-wrap: wrap;gap: 4px;padding: 4px;border-radius: 12px;background: rgba(0,0,0,0.3);border: 1.5px solid var(--line);align-items: center}.seg-lbl{padding: 0 10px 0 8px;color: var(--lime);font: 800 11px var(--font);letter-spacing: 1.2px;text-transform: uppercase}.seg button{border: 0;border-radius: 8px;padding: 8px 14px;background: transparent;color: var(--muted);font: 700 13px var(--font);transition: background .12s,color .12s}.seg button small{font-weight: 600;opacity: 0.8}.seg button:hover:not(:disabled){color: #fff;background: rgba(255,255,255,0.08)}.seg button.on{background: linear-gradient(180deg,#ffa23a,#ee5a0c);color: #1b0f04;box-shadow: 0 2px 0 #8a2d03}.seg button:disabled{opacity: 0.45;cursor: default}.seg.tabs{width: 100%}.seg.tabs button{flex: 1}.seg.tabs i{font-style: normal;margin-left: 6px;background: rgba(0,0,0,0.35);border-radius: 9px;padding: 0 7px;font-size: 11px}.seg.tabs i:empty{display: none}.stepper{display: inline-flex;align-items: center;gap: 4px;background: rgba(0,0,0,0.3);border: 1.5px solid var(--line);border-radius: 12px;padding: 3px}.stepper b{min-width: 38px;text-align: center;font: 800 17px var(--font)}.stepper button{width: 34px;height: 34px;border: 0;border-radius: 9px;background: rgba(255,255,255,0.1);color: #fff;font: 800 18px var(--font)}.stepper button:hover:not(:disabled){background: var(--orange);color: #1b0f04}.stepper button:disabled{opacity: 0.4;cursor: default}.chips{display: flex;flex-wrap: wrap;gap: 6px}.chip-btn{border: 1.5px solid var(--line);background: rgba(0,0,0,0.25);color: var(--muted);border-radius: 999px;padding: 6px 12px;font: 700 12.5px var(--font);transition: all .12s}.chip-btn:hover:not(:disabled){color: #fff;border-color: var(--orange)}.chip-btn.on{background: rgba(182,234,60,0.18);color: var(--lime);border-color: var(--lime)}.chip-btn:disabled{opacity: 0.55;cursor: default}.select-stage{flex: 1;display: flex;align-items: center;justify-content: center;gap: 12px;padding: 0 14px;min-height: 0}.nav-arrow{width: 52px;height: 52px;border-radius: 50%;border: 2px solid var(--line);background: rgba(9,29,18,0.85);color: var(--lime);font-size: 20px;flex: none;transition: transform .12s,background .12s}.nav-arrow:hover{background: rgba(255,138,31,0.3);transform: scale(1.08)}.car-card{display: grid;grid-template-columns: minmax(0,1.25fr) minmax(0,1fr);gap: 20px;align-items: center;width: min(1040px,94vw);background: var(--panel);border: 1.5px solid var(--line);border-radius: 18px;padding: 22px;box-shadow: 0 20px 60px rgba(0,0,0,0.5)}.car-card canvas{width: 100%;aspect-ratio: 560 / 300;background: radial-gradient(ellipse at center,#2b6140,#0b2016);border-radius: 12px}.map-wrap{position: relative}.map-wrap canvas{aspect-ratio: 640 / 380;display: block}.map-tag{position: absolute;left: 12px;top: 12px;padding: 4px 12px;border-radius: 999px;background: rgba(0,0,0,0.55);color: var(--gold);font: 800 11px var(--font);letter-spacing: 1.2px;text-transform: uppercase}.car-info h3{margin: 0;font: 900 32px var(--display);font-style: italic;color: var(--orange)}.car-info .tag{margin: 2px 0 8px;color: var(--amber);font-weight: 700}.stats{display: grid;gap: 7px;margin: 12px 0 16px}.stat{display: grid;grid-template-columns: 112px 1fr 22px;gap: 10px;align-items: center;font-size: 13px}.stat .bar{height: 10px;border-radius: 5px;background: rgba(255,255,255,0.12);overflow: hidden}.stat .bar i{display: block;height: 100%;border-radius: 5px;background: linear-gradient(90deg,var(--orange-2),var(--gold) 70%,var(--lime));transition: width .35s}.stat span:last-child{text-align: right;font-weight: 800}.selected-note{margin: 10px 0 0;color: var(--good);font-weight: 700;min-height: 1.2em}.dots{display: flex;justify-content: center;gap: 9px;padding: 0 0 22px}.dots i{width: 10px;height: 10px;border-radius: 50%;background: rgba(255,255,255,0.25);cursor: pointer}.dots i.on{background: var(--orange);box-shadow: 0 0 10px var(--orange)}.facts{display: grid;grid-template-columns: 1fr 1fr;gap: 8px;margin: 12px 0}.fact{display: flex;gap: 10px;align-items: center;padding: 8px 10px;border-radius: 10px;background: rgba(0,0,0,0.28);border: 1px solid var(--line)}.fact .ic{width: 26px;height: 26px;color: var(--lime)}.fact small{display: block;color: var(--muted);font: 700 10px var(--font);text-transform: uppercase;letter-spacing: 1px}.fact b{font: 800 14px var(--font)}.pbbox{margin: 12px 0;padding: 10px 14px;border-radius: 12px;background: linear-gradient(180deg,rgba(255,199,44,0.18),rgba(0,0,0,0.2));border: 1px solid rgba(255,199,44,0.4)}.pbbox b{display: block;font: 900 26px var(--display);font-variant-numeric: tabular-nums;color: var(--gold)}.pbbox small{color: var(--muted)}.panel{background: var(--panel);border: 1.5px solid var(--line);border-radius: 18px;padding: 24px 28px;box-shadow: 0 20px 60px rgba(0,0,0,0.5)}.panel.narrow{width: min(560px,94vw);margin: 0 auto 20px}#screen-records .panel{width: min(760px,94vw);margin: 0 auto 20px}.panel h2{margin: 0 0 12px;font: 900 26px var(--display);font-style: italic;color: var(--gold);text-transform: uppercase}table.rec{width: 100%;border-collapse: collapse;margin: 10px 0 14px}table.rec th,table.rec td{text-align: left;padding: 10px 12px;border-bottom: 1px solid rgba(255,255,255,0.1)}table.rec th{color: var(--muted);font-size: 12px;text-transform: uppercase;letter-spacing: 0.8px}table.rec td{font: 700 17px var(--font);font-variant-numeric: tabular-nums}table.rec td:first-child{color: var(--orange);font-style: italic}.pause,.settings{display: flex;flex-direction: column;gap: 12px;width: min(420px,92vw);text-align: center}.settings{text-align: left}.panel.controls{display: flex;flex-direction: column;gap: 8px;width: min(820px,96vw);max-height: 94vh;overflow-y: auto;text-align: left;padding: 18px 22px}.panel.controls h2{margin: 0}.panel.controls h4{margin: 0 0 6px}.ctl-head,.ctl-row{display: grid;grid-template-columns: minmax(130px,1.4fr) repeat(3,minmax(84px,1fr));gap: 8px;align-items: center}.ctl-head{color: var(--muted);font: 800 11px var(--font);letter-spacing: 1px;text-transform: uppercase;padding: 0 2px}.ctl-rows{display: flex;flex-direction: column;gap: 4px}.ctl-row{padding: 3px 2px;border-bottom: 1px solid rgba(255,255,255,0.06)}.ctl-name{font-weight: 700;font-size: 14px}.ctl-slot{display: flex;align-items: center;gap: 2px;min-width: 0}.ctl-key{flex: 1;min-width: 0;height: 32px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;line-height: 1;border-radius: 8px;border: 1.5px solid rgba(255,255,255,0.22);background: rgba(255,255,255,0.08);color: #fff;font: 700 13px var(--font);cursor: pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 6px}.ctl-key:hover,.ctl-key:focus-visible{border-color: var(--amber);outline: none}.ctl-key.empty{color: var(--muted)}.ctl-key.pad{background: rgba(120,190,255,0.10)}.ctl-key.busy{border-color: var(--gold);background: rgba(255,200,60,0.22);animation: ctlPulse 0.9s infinite alternate}@keyframes ctlPulse{to{background: rgba(255,200,60,0.06)}}.ctl-x{flex: none;width: 22px;height: 22px;display: inline-block;border: 0;border-radius: 6px;background: transparent;color: var(--muted);font-size: 16px;cursor: pointer;padding: 0}.ctl-x:hover{color: #fff;background: rgba(255,255,255,0.1)}.ctl-msg{min-height: 34px;display: flex;align-items: center;flex-wrap: wrap;gap: 8px;font-size: 13px;padding: 4px 8px;border-radius: 8px}.ctl-msg.ask{background: rgba(255,200,60,0.12)}.ctl-msg.ok{color: #b9f07a}.ctl-msg.bad{color: #ffb08a;background: rgba(255,90,40,0.1)}.ctl-opts{display: grid;grid-template-columns: 1fr 1fr;gap: 12px}.ctl-box{background: rgba(0,0,0,0.18);border-radius: 12px;padding: 10px 12px;display: flex;flex-direction: column;gap: 6px}.ctl-box .setrow input[type=range]{flex: 1;min-width: 90px;accent-color: var(--amber)}.ctl-box .setrow b{min-width: 42px;text-align: right;font-size: 13px}.pause-hint{max-width: 380px;line-height: 1.7;margin: 2px auto 0}@media (max-width: 480px){.topbar{padding: 10px 12px;gap: 6px}.topbar{flex-wrap: wrap;row-gap: 4px}.topbar h2{order: 3;flex: 1 1 100%;font-size: 16px;line-height: 1.2;min-width: 0;overflow-wrap: break-word;text-align: center}.net-pill{flex: none;padding: 4px 8px;font-size: 9.5px;letter-spacing: 0.5px}.topbar .btn.small{flex: none;white-space: nowrap;padding: 7px 10px}table.lb th,table.lb td{padding: 5px 5px}table.lb .rk{width: 24px;font-size: 15px}table.lb .cupcell{width: 30px}table.lb .cupcell img{width: 24px;height: 27px}table.lb .nm{font-size: 13px}table.lb .nm small{display: none}table.lb .pts{font-size: 15px}table.lb th:nth-child(5),table.lb td:nth-child(5){display: none}.hud-tl .chip:nth-child(n+4){display: none}.hud-tl .chip.wide b{font-size: 24px}#minimap{width: 130px;height: 100px}}@media (max-width: 640px){.ctl-head,.ctl-row{grid-template-columns: minmax(96px,1.2fr) repeat(3,minmax(60px,1fr));gap: 4px}.ctl-name{font-size: 12.5px}.ctl-key{font-size: 12px;height: 30px;padding: 0 3px}.ctl-head{font-size: 9px;letter-spacing: 0}.ctl-head span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ctl-opts{grid-template-columns: 1fr}}.setrow{display: flex;align-items: center;justify-content: space-between;gap: 12px;flex-wrap: wrap}.setrow>span{font-weight: 700}.settings .btn.primary{margin-top: 6px;align-self: center}.leader{width: min(900px,95vw);margin: 0 auto 18px;padding: 18px 22px;display: flex;flex-direction: column;min-height: 0;flex: 1}.leader-head{display: flex;gap: 16px;align-items: center;flex-wrap: wrap}.cup-img{width: 64px;height: 72px;object-fit: contain;filter: drop-shadow(0 6px 10px rgba(0,0,0,0.5))}.leader-filters{display: flex;flex-direction: column;gap: 8px;align-items: flex-start}.table-wrap{flex: 1;overflow: auto;margin: 12px 0 8px;min-height: 120px}table.lb{width: 100%;border-collapse: separate;border-spacing: 0 5px}table.lb th{text-align: left;color: var(--muted);font: 800 11px var(--font);text-transform: uppercase;letter-spacing: 1px;padding: 4px 10px;position: sticky;top: 0;background: var(--panel)}table.lb td{padding: 7px 10px;background: rgba(255,255,255,0.06);font-variant-numeric: tabular-nums}table.lb td:first-child{border-radius: 10px 0 0 10px}table.lb td:last-child{border-radius: 0 10px 10px 0}table.lb .num{text-align: right}table.lb th.num{text-align: right}table.lb .rk{font: 900 18px var(--display);width: 44px;color: var(--muted)}table.lb .cupcell{width: 46px;padding: 2px 0;text-align: center}table.lb .cupcell img{display: block;margin: 0 auto}table.lb .nm{font: 700 15px var(--font)}table.lb .nm small{color: var(--muted);margin-left: 4px;font-weight: 600}table.lb .nm em{margin-left: 8px;font-style: normal;background: var(--lime);color: #12300a;border-radius: 6px;padding: 1px 7px;font-size: 11px;font-weight: 800}table.lb .pts{font: 900 18px var(--display);color: var(--gold)}table.lb tr.top1 td{background: linear-gradient(90deg,rgba(255,199,44,0.28),rgba(255,199,44,0.06))}table.lb tr.top1 .rk{color: var(--gold)}table.lb tr.top2 td{background: linear-gradient(90deg,rgba(210,220,232,0.22),rgba(210,220,232,0.05))}table.lb tr.top2 .rk{color: #dfe6ee}table.lb tr.top3 td{background: linear-gradient(90deg,rgba(224,150,90,0.26),rgba(224,150,90,0.05))}table.lb tr.top3 .rk{color: #e9a46a}table.lb tr.me td{box-shadow: inset 0 2px 0 var(--lime),inset 0 -2px 0 var(--lime)}.empty{color: var(--muted);text-align: center;padding: 18px}.notice{display: flex;align-items: center;gap: 10px;margin: 6px 0 0;padding: 9px 12px;border-radius: 10px;background: rgba(182,234,60,0.1);border: 1px solid rgba(182,234,60,0.3);color: #d9f0a8;font-size: 12.5px}.notice .ic{color: var(--lime)}.results{width: min(820px,95vw);margin: auto;text-align: center;max-height: 96vh;overflow: auto}#podium{width: min(640px,100%);height: auto;aspect-ratio: 640 / 250;display: block;margin: 0 auto}.res-big b{display: block;font: 900 clamp(38px,7vw,60px) var(--display);font-variant-numeric: tabular-nums;color: #fff;text-shadow: 0 0 30px rgba(255,138,31,0.6)}.res-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 12px;margin: 10px 0}.res-grid.two{grid-template-columns: repeat(2,1fr)}.res-grid b{display: block;font: 800 19px var(--font);font-variant-numeric: tabular-nums;margin-top: 4px}.lbl{display: block;font-size: 10.5px;letter-spacing: 1.1px;text-transform: uppercase;color: var(--muted);font-weight: 700}.res-badge{display: inline-block;margin: 4px 0 8px;padding: 6px 18px;border-radius: 999px;font: 900 15px var(--display);font-style: italic;background: linear-gradient(180deg,var(--gold),var(--orange));color: #1b0f04;animation: pop .6s ease}@keyframes pop{0%{transform: scale(.4);opacity: 0}70%{transform: scale(1.15)}100%{transform: scale(1);opacity: 1}}.res-cols{display: grid;grid-template-columns: 1.15fr 1fr;gap: 20px;text-align: left;margin: 8px 0 14px}.res-table,.res-laps,.res-points{list-style: none;padding: 0;margin: 0;display: grid;gap: 5px}.res-table li{display: grid;grid-template-columns: 26px 1fr auto auto;gap: 8px;align-items: center;padding: 6px 10px;border-radius: 8px;background: rgba(255,255,255,0.06);font-variant-numeric: tabular-nums}.res-table li.me{background: rgba(182,234,60,0.18);box-shadow: inset 0 0 0 1.5px var(--lime)}.res-table .rp{font: 900 15px var(--display);color: var(--muted)}.res-table li.p1 .rp{color: var(--gold)}.res-table li.p2 .rp{color: #dfe6ee}.res-table li.p3 .rp{color: #e9a46a}.res-table .rn{font-weight: 700}.res-table .rn small{display: block;color: var(--muted);font-weight: 600;font-size: 11px}.res-table .rn em{font-style: normal;background: var(--lime);color: #12300a;border-radius: 6px;padding: 0 6px;font-size: 10px;font-weight: 800}.res-table .rt{font-weight: 700}.res-table .rpts{color: var(--gold);font-weight: 800;min-width: 34px;text-align: right}.res-points li{display: flex;justify-content: space-between;padding: 6px 10px;border-radius: 8px;background: rgba(255,255,255,0.06)}.res-points li.total{background: linear-gradient(90deg,rgba(255,199,44,0.3),rgba(255,138,31,0.18));font-weight: 800}.res-points li.total b{color: var(--gold);font-size: 18px}.res-points b{font-variant-numeric: tabular-nums}.res-laps li{display: flex;justify-content: space-between;padding: 6px 12px;border-radius: 8px;background: rgba(255,255,255,0.07);font-variant-numeric: tabular-nums;font-weight: 700}.res-laps li.best{background: rgba(255,138,31,0.25);box-shadow: inset 0 0 0 1.5px rgba(255,138,31,0.6)}.good{color: var(--good)}.bad{color: var(--bad)}.modal{position: fixed;inset: 0;display: grid;place-items: center;background: rgba(5,16,10,0.72);backdrop-filter: blur(3px);z-index: 20;animation: screenIn .2s ease}.wallet{width: min(480px,92vw)}.wallet p{line-height: 1.5;margin: 8px 0}.net-pill{padding: 6px 14px;border-radius: 999px;font: 800 11px var(--font);letter-spacing: 1px;text-transform: uppercase;background: rgba(0,0,0,0.4);border: 1.5px solid var(--line);color: var(--muted)}.net-pill.preview{color: #1b0f04;background: linear-gradient(180deg,var(--gold),var(--orange));border-color: transparent}.net-pill.live{color: #12300a;background: var(--lime);border-color: transparent}.net-pill.bad{color: #fff;background: var(--orange-2);border-color: transparent}.preview-banner{display: flex;gap: 12px;align-items: center;margin: 0 auto 14px;width: min(980px,94vw);padding: 10px 16px;border-radius: 12px;background: rgba(255,199,44,0.14);border: 1.5px dashed rgba(255,199,44,0.7);color: #ffe9a8;font-size: 13px}.preview-banner .ic{width: 28px;height: 28px;color: var(--gold)}.preview-banner b{display: block;font: 900 14px var(--display);font-style: italic;text-transform: uppercase;color: var(--gold)}.online-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 16px;width: min(1000px,94vw);margin: 0 auto;flex: 1;align-content: center;padding-bottom: 10px}.o-card{position: relative;display: flex;flex-direction: column;align-items: flex-start;gap: 8px;text-align: left;padding: 20px 20px 22px;border-radius: 18px;border: 1.5px solid var(--line);color: var(--text);background: linear-gradient(160deg,rgba(27,68,48,0.9),rgba(9,29,18,0.95));box-shadow: 0 10px 30px rgba(0,0,0,0.4);transition: transform .16s,border-color .16s,box-shadow .16s;overflow: hidden}.o-card::after{content: "";position: absolute;right: -30px;top: -30px;width: 120px;height: 120px;border-radius: 50%;background: radial-gradient(circle,rgba(255,138,31,0.28),rgba(255,138,31,0));transition: transform .3s}.o-card:hover{transform: translateY(-4px) rotate(-0.4deg);border-color: var(--orange);box-shadow: 0 16px 40px rgba(0,0,0,0.5),0 0 30px rgba(255,138,31,0.25)}.o-card:hover::after{transform: scale(1.6)}.o-card b{font: 900 20px var(--display);font-style: italic;text-transform: uppercase}.o-card span{color: var(--muted);font-size: 13px;line-height: 1.4}.o-card .ic.big{color: var(--orange);filter: drop-shadow(0 3px 6px rgba(0,0,0,0.5))}.o-card.comp .ic.big{color: var(--gold)}.o-card.priv .ic.big{color: var(--lime)}.o-card.join .ic.big{color: #7fd0ff}.o-card.frd .ic.big{color: #ff9bd0}.o-card.prf .ic.big{color: var(--amber)}.o-card.comp{border-color: rgba(255,199,44,0.5)}.queue-box{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 12px;text-align: center;padding: 0 16px 40px}.radar{position: relative;width: 170px;height: 170px;display: grid;place-items: center}.radar i{position: absolute;inset: 0;border-radius: 50%;border: 3px solid var(--orange);opacity: 0;animation: radar 2.4s infinite}.radar i:nth-child(2){animation-delay: .8s;border-color: var(--lime)}.radar i:nth-child(3){animation-delay: 1.6s;border-color: var(--gold)}@keyframes radar{0%{transform: scale(0.3);opacity: 0.9}100%{transform: scale(1.1);opacity: 0}}.radar .ic.big{width: 84px;height: 84px;animation: bob 1.2s ease-in-out infinite alternate}@keyframes bob{from{transform: translateY(-5px) rotate(-6deg)}to{transform: translateY(5px) rotate(6deg)}}.queue-big{font: 900 28px var(--display);font-style: italic;margin: 6px 0 0;font-variant-numeric: tabular-nums}.queue-sub{color: var(--muted);margin: 0}.queue-rules{display: flex;gap: 10px;flex-wrap: wrap;justify-content: center;margin-top: 6px}.queue-rules>div{padding: 7px 14px;border-radius: 999px;background: rgba(0,0,0,0.35);border: 1px solid var(--line);font-size: 13px}.queue-rules .pill.gold{background: rgba(255,199,44,0.2);border-color: var(--gold);color: var(--gold);font-weight: 800}.queue-vote{color: var(--muted);font-size: 13px}.lobby-grid{display: grid;grid-template-columns: 1.1fr 1fr;gap: 18px;width: min(1100px,95vw);margin: 0 auto 18px;align-items: start}.lobby-grid .panel{padding: 18px 22px}.code-box{text-align: center;padding: 10px 12px 14px;border-radius: 14px;background: linear-gradient(180deg,rgba(255,138,31,0.16),rgba(0,0,0,0.25));border: 1.5px dashed var(--orange);margin-bottom: 8px}.code-box b{display: block;font: 900 44px var(--display);letter-spacing: 0.18em;color: var(--gold);text-shadow: 0 3px 0 rgba(0,0,0,0.5);margin: 4px 0 10px;padding-left: 0.18em}.players{list-style: none;margin: 0;padding: 0;display: grid;gap: 6px}.players li,.flist li{display: flex;align-items: center;gap: 10px;padding: 8px 12px;border-radius: 12px;background: rgba(255,255,255,0.06);animation: pop .35s ease}.players li.me,.flist li.me{box-shadow: inset 0 0 0 1.5px var(--lime)}.players li.ghost{opacity: 0.75;border: 1.5px dashed var(--line);background: transparent}.av{width: 36px;height: 36px;border-radius: 50%;display: grid;place-items: center;background: linear-gradient(180deg,var(--orange),var(--orange-2));color: #1b0f04;font: 900 16px var(--display);flex: none;box-shadow: inset 0 0 0 2px rgba(255,255,255,0.35)}.av.bot{background: linear-gradient(180deg,#6c7f70,#3a4a3e);color: #fff}.av .ic{width: 20px;height: 20px}.pn{flex: 1;min-width: 0;display: flex;flex-direction: column}.pn b{font-weight: 800}.pn small{color: var(--muted);font-weight: 600;margin-left: 3px}.pn em{font-style: normal;color: var(--muted);font-size: 12px}.crown{color: var(--gold);display: inline-flex}.crown .ic{width: 22px;height: 22px;filter: drop-shadow(0 0 6px rgba(255,199,44,0.7))}.rd{padding: 3px 12px;border-radius: 999px;background: rgba(0,0,0,0.35);color: var(--muted);font: 800 11px var(--font);text-transform: uppercase;letter-spacing: 0.6px;display: inline-flex;gap: 4px;align-items: center}.rd.on{background: rgba(182,234,60,0.2);color: var(--lime)}.invite-box .irow,.field{display: flex;align-items: center;gap: 10px}.invite-list{display: grid;gap: 6px}.irow{padding: 6px 10px;border-radius: 10px;background: rgba(255,255,255,0.05)}.irow b{flex: 1}.irow em{color: var(--muted);font-style: normal;font-size: 12px}.irow small{color: var(--muted)}.dot{display: inline-block;width: 10px;height: 10px;border-radius: 50%;background: #66756a;margin-right: 6px}.dot.online{background: var(--good);box-shadow: 0 0 8px var(--good)}.dot.racing{background: var(--orange);box-shadow: 0 0 8px var(--orange)}.field{justify-content: space-between;padding: 8px 0;border-bottom: 1px solid rgba(255,255,255,0.07);flex-wrap: wrap}.field>span{color: var(--muted);font-weight: 700;font-size: 13px}.field.col{flex-direction: column;align-items: flex-start}.lobby-settings.locked .field>span::after{content: ""}.countdown-line{text-align: center;font: 900 20px var(--display);font-style: italic;color: var(--gold);margin: 10px 0 0}.input{width: 100%;padding: 12px 14px;border-radius: 10px;border: 1.5px solid var(--line);background: rgba(0,0,0,0.35);color: #fff;font: 600 16px var(--font);outline: none;transition: border-color .12s,box-shadow .12s}.input:focus{border-color: var(--orange);box-shadow: 0 0 0 3px rgba(255,138,31,0.25)}.input.code{font: 900 28px var(--display);letter-spacing: 0.2em;text-transform: uppercase;text-align: center;margin: 8px 0}.form-msg{min-height: 1.3em;margin: 6px 0;font-size: 13px;font-weight: 700}.form-msg.ok{color: var(--good)}.form-msg.bad{color: var(--bad)}.add-friend{display: flex;gap: 10px;align-items: center}.add-friend .btn{flex: none}.friends-panel{width: min(760px,95vw);margin: 0 auto 18px;display: flex;flex-direction: column;gap: 4px}.flist{list-style: none;margin: 8px 0 0;padding: 0;display: grid;gap: 6px;max-height: 46vh;overflow: auto}.flist .acts{display: flex;gap: 6px;flex-wrap: wrap;align-items: center}.flist .pn em{display: flex;align-items: center}.flist li.empty{justify-content: center;color: var(--muted);background: transparent}.profile-panel{text-align: center}.avatar{width: 92px;height: 92px;margin: 0 auto 8px;border-radius: 50%;display: grid;place-items: center;font: 900 44px var(--display);color: #1b0f04;background: radial-gradient(circle at 30% 28%,#ffd27a,var(--orange) 55%,var(--orange-2));box-shadow: 0 0 0 4px var(--lime),0 0 40px rgba(255,138,31,0.5)}.handle-line{display: flex;gap: 10px;align-items: center;justify-content: center;flex-wrap: wrap;margin: 6px 0 2px}.handle-line b{font: 900 28px var(--display);font-style: italic}.tagpill{padding: 4px 14px;border-radius: 999px;background: rgba(255,199,44,0.2);border: 1.5px solid var(--gold);color: var(--gold);font: 900 18px var(--display);letter-spacing: 1px}.profile-panel .lbl{text-align: left;margin-top: 12px}.profile-panel .add-friend{margin-top: 4px}.copy-btn span{min-width: 74px;display: inline-block;text-align: center}.notif{position: fixed;right: 16px;top: 70px;z-index: 30;display: flex;flex-direction: column;gap: 10px;width: min(340px,92vw);pointer-events: none}.toast-card{pointer-events: auto;display: grid;grid-template-columns: auto 1fr;gap: 10px 12px;padding: 12px 14px;border-radius: 14px;background: var(--panel);border: 1.5px solid var(--orange);box-shadow: 0 12px 32px rgba(0,0,0,0.5),0 0 24px rgba(255,138,31,0.25);animation: toastIn .4s cubic-bezier(.2,.9,.3,1.3)}.toast-card.out{animation: toastOut .25s forwards}.toast-card.ok{border-color: var(--lime)}.toast-card.warn{border-color: var(--bad)}.tc-ic{width: 38px;height: 38px;border-radius: 50%;display: grid;place-items: center;background: var(--orange);color: #1b0f04}.toast-card.ok .tc-ic{background: var(--lime)}.toast-card.warn .tc-ic{background: var(--bad);color: #fff}.tc-body{display: flex;flex-direction: column}.tc-body b{font-weight: 800}.tc-body span{color: var(--muted);font-size: 13px}.tc-acts{grid-column: 1 / -1;display: flex;gap: 8px;justify-content: flex-end}@keyframes toastIn{from{transform: translateX(120%);opacity: 0}to{transform: none;opacity: 1}}@keyframes toastOut{to{transform: translateX(120%);opacity: 0}}.hud{position: fixed;inset: 0;pointer-events: none;font-variant-numeric: tabular-nums}.hud button,.hud-buttons{pointer-events: auto}.hud-tl{position: absolute;top: 14px;left: 14px;display: grid;gap: 6px;grid-template-columns: auto auto}.chip{background: rgba(7,22,13,0.76);border: 1.5px solid var(--line);border-radius: 10px;padding: 6px 12px;min-width: 96px;backdrop-filter: blur(4px)}.chip b{display: block;font: 800 20px var(--font)}.chip.wide{grid-column: span 2;background: linear-gradient(180deg,rgba(255,138,31,0.3),rgba(7,22,13,0.78))}.chip.wide b{font: 900 34px var(--display);font-style: italic}.chip.pos b{color: var(--gold);font: 900 24px var(--display);font-style: italic}.hud-tr{position: absolute;top: 14px;right: 14px;display: flex;flex-direction: column;align-items: flex-end;gap: 8px}.hud-buttons{display: flex;gap: 8px}#minimap{width: 180px;height: 140px;background: rgba(7,22,13,0.62);border: 1.5px solid var(--line);border-radius: 12px}.hud-board{width: 180px;display: grid;gap: 3px;background: rgba(7,22,13,0.62);border: 1.5px solid var(--line);border-radius: 12px;padding: 6px 8px;font-size: 12.5px}.hud-board div{display: flex;gap: 8px}.hud-board span{width: 14px;color: var(--muted);font-weight: 800}.hud-board b{font-weight: 700;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.hud-board .me b{color: var(--lime)}.hud-center{position: absolute;top: 24%;left: 0;right: 0;text-align: center;font: 900 clamp(70px,14vw,170px) var(--display);font-style: italic;color: #fff;text-shadow: 0 0 40px rgba(255,138,31,0.9),0 6px 0 #a53a05}.hud-center.pulse{animation: pulse .9s ease-out}@keyframes pulse{0%{transform: scale(1.7);opacity: 0}25%{opacity: 1}100%{transform: scale(1);opacity: 0.9}}.hud-wrong{position: absolute;top: 18%;left: 50%;transform: translateX(-50%);padding: 10px 26px;border-radius: 10px;background: rgba(210,40,30,0.9);font: 900 28px var(--display);font-style: italic;animation: blink .7s infinite alternate}@keyframes blink{to{opacity: 0.55}}.hud-toast{position: absolute;top: 14px;left: 50%;transform: translateX(-50%);min-width: 240px;text-align: center;padding: 8px 20px;border-radius: 10px;background: rgba(7,22,13,0.88);border: 1.5px solid var(--orange);font: 800 18px var(--font);opacity: 0;transition: opacity .25s;white-space: nowrap}.hud-toast.show{opacity: 1}.hud-bl{position: absolute;left: 14px;bottom: 12px;display: flex;flex-wrap: wrap;gap: 6px 14px;max-width: min(560px,60vw);font-size: 12.5px;color: rgba(255,255,255,0.8);background: rgba(7,22,13,0.58);border-radius: 10px;padding: 8px 12px;transition: opacity 1s}.hud-bl.fade{opacity: 0.25}.hud-br{position: absolute;right: 18px;bottom: 14px;text-align: right}.speed b{font: 900 64px var(--display);font-style: italic;text-shadow: 0 3px 0 #000,0 0 24px rgba(255,138,31,0.5)}.speed small{margin-left: 6px;color: var(--amber);font-weight: 800}.gauge{width: 240px;height: 10px;border-radius: 5px;background: rgba(255,255,255,0.16);overflow: hidden;margin-left: auto}.gauge i{display: block;height: 100%;width: 0;background: linear-gradient(90deg,var(--lime),var(--gold) 55%,var(--orange-2))}.drift{margin-top: 6px;font: 900 15px var(--display);font-style: italic;letter-spacing: 2px;color: var(--amber);opacity: 0;transition: opacity .15s;display: inline-block;margin-left: 10px}.drift.boost.on{color: var(--amber)}.drift.boost.active{color: #fff;text-shadow: 0 0 14px var(--orange)}.drift.on{opacity: 1;text-shadow: 0 0 12px var(--orange)}.drift.air.on{color: var(--lime);text-shadow: 0 0 12px var(--lime)}.boot-error{position: fixed;left: 50%;top: 40%;transform: translateX(-50%);max-width: 90vw;background: #3a1410;border: 2px solid var(--bad);border-radius: 12px;padding: 18px 24px;z-index: 50;text-align: center}@media (max-width: 980px){.online-grid{grid-template-columns: repeat(2,minmax(0,1fr))}.lobby-grid{grid-template-columns: 1fr}.res-cols{grid-template-columns: 1fr}.res-grid{grid-template-columns: repeat(2,1fr)}}@media (max-width: 860px){.car-card{grid-template-columns: 1fr;padding: 14px;gap: 10px}.nav-arrow{width: 40px;height: 40px}.hud-bl{display: none}#minimap{width: 130px;height: 100px}.hud-board{width: 130px}.hud-tl{grid-template-columns: auto}.chip.wide{grid-column: auto}.online-grid{grid-template-columns: 1fr}}@media (max-height: 830px){.hint{display: none}.badge{width: 78px;height: 78px}.menu-center{gap: 5px}.menu-buttons{gap: 6px}.btn.primary{font-size: 18px;padding: 9px 20px}.btn{padding: 9px 18px}.btn small{margin-top: -4px}.pick canvas{width: 130px;height: 78px}.seg button{padding: 6px 12px}}@media (max-height: 700px){.badge{width: 64px;height: 64px}.pick canvas{width: 120px;height: 72px}.logo .l1{font-size: clamp(28px,5vw,54px)}.btn{padding: 8px 18px;font-size: 14px}.btn.primary{font-size: 17px}.menu-buttons{gap: 6px}.menu-center{gap: 5px}}@media (prefers-reduced-motion: reduce){*{animation: none !important;transition: none !important}#wipe{display: none}}