: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}.signin{width: min(560px,94vw);max-height: 92vh;overflow-y: auto;overscroll-behavior: contain}.si-modes{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;margin: 8px 0}.si-modes>div{display: flex;flex-direction: column;gap: 4px;padding: 10px 12px;border-radius: 10px;border: 1px solid var(--line);background: rgba(0,0,0,0.22)}.si-actions{flex-wrap: wrap}.si-wallets{display: flex;flex-wrap: wrap;gap: 8px;margin: 6px 0}.si-wallets p{width: 100%;margin: 0}.si-wallet{display: inline-flex;align-items: center;gap: 8px;text-decoration: none}.si-wallet img{border-radius: 5px}.si-restore{margin: 8px 0}.si-restore summary{cursor: pointer;font-weight: 700;font-size: 13px;color: var(--muted);margin-bottom: 6px}.input.mono,.si-codebox code{font-family: ui-monospace,Consolas,Menlo,monospace;letter-spacing: 0.04em}.si-who{display: flex;flex-direction: column;gap: 3px;margin: 6px 0 10px}.si-who b{font-size: 18px}.si-code h3{margin: 6px 0}.si-codebox{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;padding: 12px;border-radius: 10px;background: rgba(0,0,0,0.4);border: 1.5px solid var(--gold)}.si-codebox code{font-size: 19px;font-weight: 700;color: #fff;user-select: all;-webkit-user-select: all;word-break: break-all}.si-warn{color: #ffd79a}.si-warn b{color: var(--bad)}.si-check{display: flex;align-items: center;gap: 8px;font-weight: 700;font-size: 14px;margin: 8px 0;cursor: pointer}.si-check input{width: 20px;height: 20px}.si-safe{display: flex;align-items: center;gap: 8px;color: #d9f0a8;font-weight: 700}.si-safe .ic{color: var(--lime);flex: none}.guest-note{display: flex;gap: 10px;align-items: center;margin: 0 auto 12px;width: min(980px,94vw);font-size: 13px;color: var(--muted)}.guest-note .ic{flex: none}@media (max-width: 560px){.si-modes{grid-template-columns: 1fr}}.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)}.page-offer{position: fixed;left: 50%;top: 12px;transform: translateX(-50%);z-index: 45;width: min(520px,94vw);display: flex;flex-direction: column;gap: 6px;padding: 12px 16px;border-radius: 14px;background: var(--panel);border: 1.5px solid var(--orange);box-shadow: 0 12px 32px rgba(0,0,0,0.5);font-size: 13px;animation: toastIn .4s}.page-offer b{font: 900 16px var(--display);font-style: italic;color: var(--gold);text-transform: uppercase}.page-offer span{color: var(--muted)}.page-offer .btn{text-decoration: none;min-height: 44px}.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}}.menu-buttons .garage-row .btn.garage{background: linear-gradient(180deg,#3a7a2a,#1d4a17);box-shadow: inset 0 0 0 2px rgba(182,234,60,0.55),0 4px 0 #0a2008}.menu-buttons .garage-row .btn.shop{background: linear-gradient(180deg,#8a6a12,#5a4206);box-shadow: inset 0 0 0 2px rgba(255,199,44,0.55),0 4px 0 #2a1e02}.garage-grid{flex: 1;display: grid;grid-template-columns: minmax(0,1.08fr) minmax(0,1fr);gap: 16px;width: min(1180px,96vw);margin: 0 auto 16px;min-height: 0}.garage-grid .panel{padding: 14px 18px;display: flex;flex-direction: column;gap: 8px;min-height: 0}.g-carnav{display: flex;align-items: center;justify-content: space-between;gap: 10px}.nav-arrow.small{width: 40px;height: 40px;font-size: 16px}.g-carname{text-align: center}.g-carname b{display: block;font: 900 22px var(--display);font-style: italic;text-transform: uppercase;color: var(--gold)}.g-carname small{color: var(--lime);font-size: 12px;font-weight: 700;min-height: 1.2em;display: block}.g-preview{position: relative}.g-preview canvas#g-canvas{width: 100%;aspect-ratio: 640 / 340;background: radial-gradient(ellipse at center,#2b6140,#0b2016 75%);border-radius: 12px;border: 1px solid var(--line);display: block}.g-rim{position: absolute;right: 8px;bottom: 8px;width: 74px;height: 74px;border-radius: 50%;background: rgba(4,14,8,0.65);box-shadow: 0 0 0 1.5px var(--line)}.g-badge{position: absolute;left: 10px;top: 10px;padding: 4px 10px;border-radius: 999px;background: rgba(255,199,44,0.92);color: #2a1a02;font: 900 11px var(--display);letter-spacing: 1px}.g-stats{margin: 4px 0 2px;gap: 5px}.g-stat{grid-template-columns: 104px 1fr 54px;font-size: 12.5px}.g-stat .bar{position: relative}.g-stat .bar i{position: absolute;left: 0;top: 0}.g-stat .bar i.base{background: rgba(255,255,255,0.28)}.g-stat .bar i.now{background: linear-gradient(90deg,var(--orange-2),var(--gold) 70%,var(--lime));opacity: 0.92}.g-stat.up .dv{color: var(--good)}.g-stat.down .dv{color: var(--bad)}.g-stat .dv{color: var(--muted);font-size: 12px}.g-fair{display: flex;gap: 8px;align-items: flex-start;margin: 2px 0 0;padding: 8px 10px;border-radius: 10px;background: rgba(255,199,44,0.1);border: 1px solid rgba(255,199,44,0.35);color: #ffe9a8;font-size: 12px;line-height: 1.4}.g-fair .ic{color: var(--gold);margin-top: 1px}.g-fair b{color: var(--gold)}.g-tabs button{padding: 7px 6px;font-size: 12px}.g-items{display: grid;grid-template-columns: repeat(auto-fill,minmax(112px,1fr));gap: 8px;overflow-y: auto;max-height: 300px;padding: 2px}.g-items.gears{display: block}.g-item{position: relative;display: flex;flex-direction: column;align-items: center;gap: 2px;padding: 6px 6px 8px;border-radius: 12px;border: 1.5px solid var(--line);background: rgba(0,0,0,0.25);color: var(--text);text-align: center;transition: transform .12s,border-color .12s,background .12s}.g-item:hover{transform: translateY(-2px);border-color: var(--orange)}.g-item.on{border-color: var(--lime);background: rgba(182,234,60,0.14);box-shadow: 0 0 0 2px rgba(182,234,60,0.35)}.g-item canvas{width: 100%;max-width: 132px;aspect-ratio: 132 / 78}.g-item b{font-size: 12px;line-height: 1.2}.g-item small{color: var(--muted);font-size: 11px;display: inline-flex;align-items: center;gap: 3px}.g-item.locked{opacity: 0.86}.g-item.locked canvas{filter: saturate(0.75)}.g-item .lk,.g-gears .lk{width: 12px;height: 12px;color: var(--gold)}.g-item .rar{position: absolute;left: 8px;right: 8px;top: 3px;height: 3px;border-radius: 2px;opacity: 0.9}.g-gears{padding: 10px 6px}.g-gears-head{display: flex;align-items: center;gap: 6px;margin-bottom: 8px}.g-gears-head small{color: var(--muted)}.g-gears input[type=range]{width: 100%;accent-color: var(--orange);height: 28px}.g-gears-scale{display: flex;justify-content: space-between;color: var(--lime);font: 800 12px var(--font);text-transform: uppercase;letter-spacing: 1px}.g-detail{padding: 8px 10px;border-radius: 10px;background: rgba(0,0,0,0.25);border: 1px solid var(--line);font-size: 12.5px;min-height: 64px}.g-detail>b{font: 900 15px var(--display);font-style: italic;text-transform: uppercase}.g-detail p{margin: 4px 0;color: var(--muted);line-height: 1.4}.g-fx{list-style: none;margin: 4px 0 0;padding: 0;display: flex;flex-wrap: wrap;gap: 4px 12px}.g-fx li{font-size: 12px}.g-fx li.up b{color: var(--good)}.g-fx li.down b{color: var(--bad)}.g-lock{color: var(--amber) !important;display: flex;gap: 6px;align-items: center}.g-lock a{color: var(--gold)}.rar-pill{display: inline-block;padding: 1px 8px;border-radius: 999px;border: 1.5px solid;font: 800 10.5px var(--font);letter-spacing: 0.8px;text-transform: uppercase;vertical-align: 2px}.shop-banner{display: flex;gap: 12px;align-items: center;margin: 0 auto 10px;width: min(1180px,96vw);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}.shop-banner .ic.big{width: 30px;height: 30px;color: var(--gold)}.shop-banner>div{flex: 1}.shop-banner b{display: block;font: 900 14px var(--display);font-style: italic;text-transform: uppercase;color: var(--gold)}.shop-banner .pill{white-space: nowrap;padding: 4px 10px;border-radius: 999px;font: 800 11px var(--font);background: rgba(0,0,0,0.35);color: var(--muted)}.shop-banner .pill.warn{background: rgba(255,90,20,0.25);color: #ffb08a}.shop-filters{display: flex;flex-direction: column;align-items: center;gap: 8px;width: min(1180px,96vw);margin: 0 auto 10px}.shop-filters .seg button{padding: 6px 11px;font-size: 12px}.shop-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(250px,1fr));gap: 12px;width: min(1180px,96vw);margin: 0 auto 18px}.shop-card{display: flex;flex-direction: column;border-radius: 16px;border: 1.5px solid var(--line);background: linear-gradient(160deg,rgba(27,68,48,0.9),rgba(9,29,18,0.95));box-shadow: 0 10px 26px rgba(0,0,0,0.4);overflow: hidden}.sc-art{position: relative;background: radial-gradient(ellipse at center,#2b6140,#0b2016 80%)}.sc-art canvas{display: block;width: 100%;aspect-ratio: 200 / 118}.sc-own,.sc-lock{position: absolute;right: 8px;top: 8px;display: inline-flex;align-items: center;gap: 4px;padding: 3px 8px;border-radius: 999px;font: 800 11px var(--font)}.sc-own{background: rgba(123,227,122,0.9);color: #0b2a0b}.sc-lock{background: rgba(0,0,0,0.55);color: var(--gold)}.sc-body{padding: 10px 12px 12px;display: flex;flex-direction: column;gap: 6px;flex: 1}.sc-head{display: flex;justify-content: space-between;align-items: flex-start;gap: 8px}.sc-head b{font: 900 14px var(--display);font-style: italic;text-transform: uppercase;line-height: 1.2}.sc-body p{margin: 0;color: var(--muted);font-size: 12.5px;line-height: 1.4;flex: 1}.sc-price b{color: var(--gold);font: 900 15px var(--display)}.sc-price small{margin-left: 6px;color: var(--muted);font-size: 11px}.sc-acts{display: flex;gap: 8px}.sc-acts .btn{flex: 1;font-size: 11.5px;padding: 8px 8px}.sc-acts .btn.soon{background: rgba(255,255,255,0.06);box-shadow: inset 0 0 0 1.5px rgba(255,199,44,0.45);color: #ffe9a8;text-transform: none;font-style: normal;font-family: var(--font);font-weight: 800;letter-spacing: 0}.garage-grid{align-items: start}@media (max-width: 980px){.garage-grid{grid-template-columns: 1fr;flex: none}.g-items{max-height: none}}@media (max-height: 780px){html:not(.m) .menu-center .badge{width: 58px;height: 58px}html:not(.m) .menu-center{gap: 5px}html:not(.m) .menu-buttons{gap: 5px}html:not(.m) .menu-buttons .row>.btn.small{padding-top: 7px;padding-bottom: 7px}html:not(.m) .logo .l1{font-size: clamp(30px,5.6vw,60px)}html:not(.m) .logo .l2{font-size: clamp(18px,3.2vw,34px)}}#hud-help{display: none !important}.lv-pill{display: inline-grid;place-items: center;min-width: 26px;height: 22px;padding: 0 6px;border-radius: 999px;background: linear-gradient(180deg,var(--gold),var(--orange));color: #1b0f04;font: 900 12px var(--display);font-style: italic}.lv-pill::before{content: "Lv";font-size: 9px;margin-right: 2px;opacity: 0.75}.lv-pill.big{min-width: 58px;height: 46px;font-size: 24px;border-radius: 14px;box-shadow: 0 0 18px rgba(255,138,31,0.45)}.lv-pill.big::before{font-size: 12px}.lv-pill.pop{animation: pop .6s ease}#btn-profile-chip{position: relative;overflow: hidden}.lv-bar{position: absolute;left: 12px;right: 12px;bottom: 3px;height: 3px;border-radius: 2px;background: rgba(255,255,255,0.14)}.lv-bar i{display: block;height: 100%;width: 0;border-radius: 2px;background: linear-gradient(90deg,var(--lime),var(--gold))}.xp-gain{display: flex;align-items: center;gap: 12px;margin: 6px auto 4px;padding: 8px 14px;max-width: 520px;border-radius: 12px;background: rgba(255,199,44,0.08);border: 1px solid rgba(255,199,44,0.35)}.xp-gain>b{font: 900 22px var(--display);font-style: italic;color: var(--gold);white-space: nowrap}.xp-track{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 4px;text-align: left}.xp-track small{color: var(--muted);font-size: 11.5px}.xp-bar{height: 10px;border-radius: 5px;background: rgba(255,255,255,0.14);overflow: hidden}.xp-bar i{display: block;height: 100%;width: 0;background: linear-gradient(90deg,var(--lime),var(--gold) 60%,var(--orange))}.mode-row{flex-wrap: nowrap}.btn.peel{background: linear-gradient(180deg,#2f7a2a,#1b4d18);box-shadow: inset 0 0 0 2px rgba(255,199,44,0.55),0 3px 0 #0d2a0b,0 0 18px rgba(255,170,40,0.25)}.btn.peel .ic{color: var(--orange)}.hud.peel-mode .hud-tl{display: none}.hud-peel{position: absolute;top: 14px;left: 14px;display: grid;gap: 6px;grid-template-columns: auto auto}.hud-peel .chip.big b{color: var(--gold)}.hud-peel.low #peel-time{color: var(--bad);animation: blink .5s infinite alternate}.peel-combo{grid-column: span 2;justify-self: start;font: 900 26px var(--display);font-style: italic;color: var(--amber);text-shadow: 0 0 14px var(--orange),0 3px 0 #5c1f02}.peel-combo:empty{display: none}.peel-combo.pulse{animation: pop .35s ease}.hud-ghost{position: absolute;left: 14px;bottom: 14px;padding: 5px 12px;border-radius: 999px;background: rgba(7,22,13,0.7);border: 1px dashed rgba(220,235,255,0.5);color: #e6f0ff;font: 700 12.5px var(--font)}.peel-results{width: min(640px,94vw);text-align: center}.peel-results .peel-rules{margin: 4px 0}table.rec th.gcol,table.rec td.gcol{text-align: right;width: 1%;white-space: nowrap}table.rec td.gcol .btn{padding: 5px 12px;font-size: 12px}.ghost-row{align-items: center;margin: 0 0 12px}.ghost-row>.btn{flex: none}.ghost-row .setrow{gap: 10px;display: inline-flex;align-items: center}.level-box{margin: 12px 0 4px;padding: 10px 14px;border-radius: 14px;background: rgba(255,199,44,0.06);border: 1px solid rgba(255,199,44,0.3);text-align: left}.lv-head{display: flex;align-items: center;gap: 12px}.lv-head b{font: 900 18px var(--display);font-style: italic;color: var(--gold)}.level-box h4{margin: 10px 0 6px}.card-list{display: flex;flex-wrap: wrap;gap: 6px}.card-btn{padding: 6px 12px !important}.level-card,.ghost-box{width: min(660px,94vw);max-height: calc(100vh - 24px);max-height: calc(100dvh - 24px);overflow-y: auto;text-align: center}.card-frame{position: relative;display: grid;place-items: center;aspect-ratio: 16 / 9;width: 100%;max-width: 600px;margin: 8px auto;border-radius: 12px;overflow: hidden;background: rgba(0,0,0,0.35);border: 1.5px solid var(--line-o)}.card-frame img{width: 100%;height: 100%;object-fit: contain;display: block}.card-frame img[hidden]{display: none}.level-card .si-check{justify-content: center}.ghost-box textarea{resize: vertical;min-height: 70px;font-size: 12px;word-break: break-all;margin: 6px 0;user-select: text;-webkit-user-select: text}.ghost-info{font: 700 14px var(--font);color: var(--amber);margin: 6px 0;min-height: 1em}.ghost-box .si-check{justify-content: center}.challenge-lock{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 10px;margin: 8px 0 0;padding: 8px 12px;border-radius: 12px;background: rgba(255,199,44,0.1);border: 1px solid rgba(255,199,44,0.4);color: var(--gold);font: 700 13px var(--font);text-align: left}.challenge-lock[hidden]{display: none}.challenge-lock>.ic{width: 20px;height: 20px}.challenge-lock .btn{width: auto;margin-left: auto}.challenge-lock.wide{margin: 6px 0 8px}.challenge-lock.wide>span{flex: 1;min-width: 0}.challenge-lock b{display: block;color: #fff}.challenge-lock small{display: block;color: var(--muted);font-weight: 600;margin: 2px 0}.challenge-lock em{font-style: normal}#btn-ghost-mine{margin-top: 8px}@media (max-width: 860px){.hud-peel{grid-template-columns: auto}.hud-peel .chip.wide{grid-column: auto}.peel-combo{grid-column: auto}}@media (max-height: 700px){.level-card .card-frame{max-width: 420px}}.lv-pill{white-space: nowrap;flex: none}.team-band{display: grid;grid-template-columns: auto 1fr 1fr;gap: 12px;align-items: stretch;width: min(1000px,94vw);margin: 4px auto 6px}.tb-lbl{display: flex;align-items: center;gap: 6px;padding: 0 4px;color: #7fe3c4;font: 900 13px var(--display);font-style: italic;letter-spacing: 1px;text-transform: uppercase}.t-card{position: relative;display: flex;align-items: center;gap: 12px;text-align: left;padding: 12px 16px;border-radius: 16px;border: 1.5px solid rgba(127,227,196,0.4);color: var(--text);background: linear-gradient(160deg,rgba(22,64,58,0.92),rgba(8,28,22,0.96));box-shadow: 0 8px 24px rgba(0,0,0,0.4);transition: transform .16s,border-color .16s,box-shadow .16s}.t-card:hover{transform: translateY(-3px);border-color: #7fe3c4;box-shadow: 0 14px 34px rgba(0,0,0,0.5),0 0 26px rgba(127,227,196,0.22)}.t-card .ic.big{color: #7fe3c4;width: 38px;height: 38px;filter: drop-shadow(0 3px 6px rgba(0,0,0,0.5))}.t-card.tcomp{border-color: rgba(255,122,168,0.45)}.t-card.tcomp .ic.big{color: #ff7aa8}.t-card.tcomp:hover{border-color: #ff7aa8;box-shadow: 0 14px 34px rgba(0,0,0,0.5),0 0 26px rgba(255,122,168,0.22)}.tc-txt{display: flex;flex-direction: column;gap: 3px;min-width: 0}.tc-txt b{font: 900 17px var(--display);font-style: italic;text-transform: uppercase}.tc-txt span{color: var(--muted);font-size: 12.5px;line-height: 1.35}@media (max-width: 860px){.team-band{grid-template-columns: 1fr 1fr}.tb-lbl{grid-column: 1 / -1}}@media (max-width: 560px){.team-band{grid-template-columns: 1fr}}.team-badge{--tc: var(--orange);display: inline-grid;place-items: center;min-width: 44px;height: 30px;padding: 0 8px;border-radius: 8px;flex: none;font: 900 14px var(--display);font-style: italic;letter-spacing: 1px;color: #10130c;background: var(--tc);background: linear-gradient(180deg,color-mix(in srgb,var(--tc) 80%,#fff),var(--tc));box-shadow: inset 0 0 0 1.5px rgba(255,255,255,0.35),0 3px 0 rgba(0,0,0,0.45);transform: skewX(-8deg)}.team-badge.big{min-width: 64px;height: 44px;font-size: 20px;border-radius: 10px}.team-tag{--tc: var(--orange);display: inline-block;margin-left: 6px;padding: 0 6px;border-radius: 5px;font: 900 10.5px var(--display);font-style: normal;letter-spacing: 0.6px;color: var(--tc);border: 1.5px solid var(--tc);vertical-align: 1px}.team-av{background: var(--tc);background: linear-gradient(180deg,color-mix(in srgb,var(--tc) 75%,#fff),var(--tc))}.team-grid,.tcomp-grid{display: grid;grid-template-columns: 1.15fr 1fr;gap: 18px;width: min(1100px,95vw);margin: 0 auto 18px;align-items: start}.team-grid .panel,.tcomp-grid .panel{padding: 18px 22px}.team-grid h3{margin: 0 0 8px;font: 900 20px var(--display);font-style: italic;color: var(--gold);text-transform: uppercase}.team-grid h4,.tcomp-grid h4{margin: 12px 0 6px}.team-grid h4 small,.tcomp-grid h4 small{color: var(--muted);font-weight: 600}.team-guest{grid-column: 1 / -1;display: flex;flex-direction: column;align-items: center;gap: 6px;text-align: center;width: min(560px,94vw);margin: 20px auto}.team-guest .ic.big{width: 64px;height: 64px;color: #7fe3c4}.team-guest b{font: 900 20px var(--display);font-style: italic;text-transform: uppercase}.team-create .lbl{display: block;margin: 10px 0 4px}.team-row2{display: grid;grid-template-columns: 130px 1fr;gap: 14px;align-items: end}.tag-input{text-transform: uppercase;letter-spacing: 0.2em;font-weight: 900}.team-colors{display: flex;flex-wrap: wrap;gap: 8px;padding: 4px 0}.swatch{--tc: var(--orange);width: 34px;height: 34px;border-radius: 50%;border: 0;background: var(--tc);box-shadow: inset 0 0 0 2px rgba(255,255,255,0.35),0 2px 0 rgba(0,0,0,0.45);transition: transform .12s,box-shadow .12s}.swatch:hover{transform: scale(1.1)}.swatch.on{box-shadow: 0 0 0 3px var(--jungle),0 0 0 5.5px #fff,0 0 16px var(--tc)}.team-preview{display: flex;align-items: center;gap: 12px;margin: 14px 0 4px;padding: 10px 12px;border-radius: 12px;background: rgba(255,255,255,0.05);border: 1.5px dashed var(--line)}.team-preview b{font: 900 18px var(--display);font-style: italic}.team-preview .muted{margin-left: auto}.team-head{display: flex;align-items: center;gap: 14px}.team-head b{display: block;font: 900 22px var(--display);font-style: italic}.team-head small{color: var(--muted);font-weight: 600}.team-stats{margin: 12px 0 4px}.team-stats>div{padding: 8px 10px;border-radius: 10px;background: rgba(0,0,0,0.25);text-align: center}.team-members li .acts,.players li .acts{display: flex;gap: 6px;flex-wrap: wrap;justify-content: flex-end}.team-side .invite-list{max-height: 30vh;overflow: auto;margin-top: 8px}.team-side .irow{display: flex;align-items: center;gap: 8px}.wide-btn{width: 100%;margin-top: 14px}.tc-none{text-align: center;padding: 18px 0}.tc-format{color: #d9f0a8;font-size: 13px;line-height: 1.45;margin: 10px 0 0;padding: 9px 12px;border-radius: 10px;background: rgba(182,234,60,0.08);border: 1px solid rgba(182,234,60,0.25)}#tc-roster li.off{opacity: 0.55}.tc-search{display: flex;align-items: center;gap: 16px;margin: 10px 0;padding: 8px 12px;border-radius: 12px;background: rgba(255,138,31,0.1);border: 1.5px solid var(--line-o)}.radar.small{width: 54px;height: 54px;flex: none}.tc-search .queue-big{font-size: 20px;margin: 0}.tc-rules{margin: 0;padding-left: 18px;color: var(--muted);font-size: 12.5px;line-height: 1.45}.tc-rules li{margin: 2px 0}.team-board{list-style: none;margin: 0;padding: 0;display: grid;gap: 4px;max-height: 32vh;overflow: auto}.team-board li{display: flex;align-items: center;gap: 10px;padding: 6px 10px;border-radius: 10px;background: rgba(255,255,255,0.05)}.team-board li.me{box-shadow: inset 0 0 0 1.5px var(--lime)}.team-board .rk{width: 22px;text-align: right;font: 900 14px var(--display);color: var(--gold)}.team-board .team-badge{min-width: 40px;height: 24px;font-size: 11px}.team-board .nm{flex: 1;min-width: 0;font-weight: 800;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.team-board .wl{color: var(--muted);font-size: 12px}.team-board b{font: 900 15px var(--display);font-variant-numeric: tabular-nums}.team-board li.empty{justify-content: center;color: var(--muted);background: transparent}.hud-team{position: absolute;top: 58px;left: 50%;transform: translateX(-50%);display: grid;gap: 3px;padding: 6px 10px 7px;border-radius: 12px;background: rgba(7,22,13,0.78);border: 1.5px solid var(--line);pointer-events: none;min-width: 190px}.hud-team .ht-lbl{font: 800 9.5px var(--font);letter-spacing: 1.2px;text-transform: uppercase;color: var(--muted);text-align: center}.ht-row{--tc: var(--orange);display: flex;align-items: center;gap: 8px}.ht-row .ht-tag{min-width: 40px;padding: 1px 6px;border-radius: 5px;font: 900 11px var(--display);font-style: normal;text-align: center;color: #10130c;background: var(--tc)}.ht-row .ht-avg{flex: 1;font: 800 15px var(--font);font-variant-numeric: tabular-nums;text-align: right}.ht-row .ht-n{color: var(--muted);font: 700 11px var(--font);min-width: 26px;text-align: right}.hud-team.ahead #ht-0 .ht-avg{color: var(--lime)}.res-team-wait{display: flex;align-items: center;justify-content: center;gap: 8px;margin: 4px auto 8px;padding: 8px 14px;border-radius: 12px;max-width: 560px;background: rgba(255,122,168,0.12);border: 1.5px solid rgba(255,122,168,0.45);font-weight: 700;font-size: 13.5px}.res-team-wait .ic{color: #ff7aa8;animation: bob 1.2s ease-in-out infinite alternate}.teamres{width: min(980px,96vw)}#tr-title.win{color: var(--lime)}#tr-title.lose{color: var(--muted)}.tr-sides{display: grid;grid-template-columns: 1fr 1fr;gap: 16px;margin: 12px 0 6px;text-align: left}.tr-side{--tc: var(--orange);padding: 14px 16px;border-radius: 16px;background: rgba(0,0,0,0.28);border: 1.5px solid var(--line);position: relative}.tr-side.win{border-color: var(--tc);box-shadow: 0 0 30px color-mix(in srgb,var(--tc) 35%,transparent)}.tr-side .res-big{text-align: center;margin: 8px 0 2px}.tr-side .res-big b{font-size: clamp(30px,4.6vw,44px)}.tr-crown{margin-left: auto;color: var(--gold)}.tr-crown .ic{width: 30px;height: 30px;filter: drop-shadow(0 0 8px rgba(255,199,44,0.7))}.tr-pts{text-align: center;margin: 0 0 8px;color: var(--gold);font-weight: 800;font-size: 13px}.tr-list{list-style: none;margin: 0;padding: 0;display: grid;gap: 4px}.tr-list li{display: flex;align-items: baseline;gap: 8px;flex-wrap: wrap;padding: 5px 10px;border-radius: 9px;background: rgba(255,255,255,0.05)}.tr-list li.me{box-shadow: inset 0 0 0 1.5px var(--lime)}.tr-list .nm{flex: 1;font-weight: 800}.tr-list .nm small{color: var(--muted);margin-left: 3px}.tr-list b{font-variant-numeric: tabular-nums}.tr-list .pen{color: var(--bad)}.tr-list small.pen{width: 100%;text-align: right;font-size: 11.5px}.tr-why{font-weight: 700;margin: 6px 0}@media (max-width: 860px){.team-grid,.tcomp-grid,.tr-sides{grid-template-columns: 1fr}.team-row2{grid-template-columns: 1fr}}.online-main{display: contents}.menu-buttons .garage-row .btn.club{background: linear-gradient(180deg,#ff9a2e,#c4500c);box-shadow: inset 0 0 0 2px rgba(255,199,44,0.7),0 4px 0 #4a1c02}.menu-buttons .garage-row .btn.club{flex: 1.3;flex-wrap: nowrap;white-space: nowrap;gap: 6px;padding-left: 8px;padding-right: 8px;letter-spacing: 0.5px}.menu-buttons .garage-row .btn.club .ic{color: var(--gold);filter: drop-shadow(0 0 4px rgba(255,199,44,0.8))}#screen-club .topbar{position: sticky;top: 0;z-index: 3;background: linear-gradient(180deg,rgba(7,20,12,0.96),rgba(7,20,12,0.82));backdrop-filter: blur(4px)}#screen-club .topbar h2{margin-right: auto;margin-left: 4px}.club-pill{padding: 4px 10px;border-radius: 999px;font: 900 11px var(--display);letter-spacing: 1.5px;color: var(--ink);background: linear-gradient(180deg,var(--gold),var(--orange));box-shadow: 0 0 12px rgba(255,199,44,0.45)}.club-wrap{width: min(1120px,94vw);margin: 0 auto 26px;display: flex;flex-direction: column;gap: 16px}.club-hero{display: flex;align-items: center;gap: 16px;flex-wrap: wrap;padding: 14px 18px;border-radius: 18px;background: linear-gradient(100deg,rgba(255,138,31,0.2),rgba(18,48,32,0.9) 55%,rgba(182,234,60,0.12));border: 1.5px solid var(--line-o)}.club-mascot{width: 72px;height: 72px;border-radius: 50%;border: 3px solid var(--gold);box-shadow: 0 0 18px rgba(255,199,44,0.45);flex: none;object-fit: cover}.club-hero-txt{flex: 1 1 320px;display: flex;flex-direction: column;gap: 4px}.club-hero-txt b{font: 900 20px var(--display);font-style: italic;text-transform: uppercase;color: var(--gold);letter-spacing: 0.5px}.club-hero-txt span{color: #e4ecd8;font-size: 13.5px;line-height: 1.45}.club-path{display: flex;gap: 6px;margin: 0;padding: 0;list-style: none;flex-wrap: wrap}.club-path li{padding: 5px 10px;border-radius: 999px;font-weight: 800;font-size: 12px;background: rgba(0,0,0,0.3);border: 1px solid var(--rk);color: var(--rk)}.club-path li + li::before{content: "\203A";margin-right: 6px;color: var(--muted)}.rk-rookie{--rk: #ff9a3c;--rk-glow: rgba(255,138,31,0.35)}.rk-pro{--rk: #8fe13a;--rk-glow: rgba(142,225,58,0.4)}.rk-elite{--rk: #ffd23f;--rk-glow: rgba(255,210,63,0.45)}.rk-legend{--rk: #ffcf4a;--rk-glow: rgba(255,190,40,0.6)}.club-ranks{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 14px;align-items: end}.club-card{position: relative;display: flex;flex-direction: column;align-items: center;gap: 6px;padding: 12px 12px 14px;border-radius: 18px;cursor: pointer;color: var(--text);font: inherit;text-align: center;background: linear-gradient(180deg,rgba(27,68,48,0.85),rgba(7,20,12,0.95));border: 2px solid var(--rk);box-shadow: 0 0 0 1px rgba(0,0,0,0.4),0 10px 26px rgba(0,0,0,0.45),0 0 16px var(--rk-glow);transition: transform .18s ease,box-shadow .18s ease}.club-card:hover,.club-card:focus-visible{transform: translateY(-4px);box-shadow: 0 0 0 1px rgba(0,0,0,0.4),0 14px 30px rgba(0,0,0,0.5),0 0 26px var(--rk-glow);outline: none}.club-card.on{box-shadow: 0 0 0 3px var(--rk),0 14px 30px rgba(0,0,0,0.5),0 0 30px var(--rk-glow)}.club-card img{width: 100%;height: auto;aspect-ratio: 480 / 380;object-fit: cover;border-radius: 12px;border: 1px solid rgba(255,255,255,0.12)}.club-card b{font: 900 17px var(--display);font-style: italic;text-transform: uppercase;color: var(--rk);text-shadow: 0 2px 0 rgba(0,0,0,0.5);letter-spacing: 0.4px}.club-card .cc-desc{font-size: 12.5px;color: #dfe8d4;line-height: 1.4;min-height: 3.4em}.cc-tier{font: 900 10.5px var(--display);letter-spacing: 2px;color: var(--rk);opacity: 0.9}.club-card .soon,.club-detail .soon{display: inline-block;padding: 4px 11px;border-radius: 999px;font: 900 10.5px var(--display);letter-spacing: 1.4px;color: var(--ink);background: var(--rk);box-shadow: 0 0 10px var(--rk-glow)}.club-card.rk-pro{padding-top: 16px}.club-card.rk-elite{padding-top: 20px;background: linear-gradient(180deg,rgba(90,66,6,0.55),rgba(7,20,12,0.95))}.club-card.rk-legend{padding-top: 24px;border-width: 3px;background: radial-gradient(ellipse at 50% 0%,rgba(255,199,44,0.35),transparent 60%),linear-gradient(180deg,rgba(120,24,14,0.7),rgba(7,20,12,0.96));animation: clubGlow 2.6s ease-in-out infinite alternate}.club-card.rk-legend b{font-size: 20px;background: linear-gradient(180deg,#fff3b0,#ffc72c 55%,#ff8a1f);-webkit-background-clip: text;background-clip: text;color: transparent}.cc-top{position: absolute;top: -12px;left: 50%;transform: translateX(-50%);white-space: nowrap;padding: 4px 12px;border-radius: 999px;font: 900 10.5px var(--display);letter-spacing: 1.6px;color: #3a1200;background: linear-gradient(180deg,#fff1a8,#ffc72c 50%,#ff9a2e);box-shadow: 0 0 14px rgba(255,199,44,0.8)}@keyframes clubGlow{from{box-shadow: 0 0 0 1px rgba(0,0,0,0.4),0 10px 26px rgba(0,0,0,0.45),0 0 16px rgba(255,190,40,0.45)}to{box-shadow: 0 0 0 1px rgba(0,0,0,0.4),0 10px 26px rgba(0,0,0,0.45),0 0 34px rgba(255,190,40,0.75)}}.club-card.rk-legend.on{animation: none}.club-lower{display: grid;grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);gap: 14px;align-items: start}.club-detail{display: flex;gap: 16px;align-items: flex-start;padding: 16px 18px;border-color: var(--rk);box-shadow: 0 20px 60px rgba(0,0,0,0.5),0 0 20px var(--rk-glow)}.club-detail img{width: 42%;max-width: 230px;height: auto;border-radius: 12px;flex: none}.cd-body{display: flex;flex-direction: column;gap: 6px;align-items: flex-start;min-width: 0}.cd-body h3{margin: 0;font: 900 22px var(--display);font-style: italic;text-transform: uppercase;color: var(--rk)}.cd-body p{margin: 0;color: #e4ecd8;font-size: 13.5px;line-height: 1.45}.club-lower h4{margin: 4px 0 2px;font: 900 12.5px var(--display);letter-spacing: 1.2px;text-transform: uppercase;color: var(--lime)}.cd-perks{margin: 0;padding-left: 18px;font-size: 13px;color: var(--text)}.cd-perks li::marker{color: var(--rk)}.club-how{padding: 16px 18px;display: flex;flex-direction: column;gap: 6px}.club-how p{margin: 0;line-height: 1.45}.club-perks{list-style: none;margin: 0;padding: 0;display: grid;gap: 6px}.club-perks li{display: flex;align-items: center;gap: 10px;padding: 7px 10px;border-radius: 10px;background: rgba(255,255,255,0.04);border: 1px solid var(--line)}.club-perks li>.ic{width: 20px;height: 20px;color: var(--orange)}.club-perks li[data-perk="nft"]{border-color: rgba(255,199,44,0.55);background: rgba(255,199,44,0.08)}.club-perks li[data-perk="nft"]>.ic{color: var(--gold)}.club-perks li>span{flex: 1;min-width: 0;display: flex;flex-direction: column}.club-perks b{font-size: 13px}.club-perks small{color: var(--muted);font-size: 11.5px}.club-perks em{font-style: normal;font: 900 9.5px var(--display);letter-spacing: 1.2px;color: var(--gold);border: 1px solid rgba(255,199,44,0.6);padding: 3px 7px;border-radius: 999px;white-space: nowrap}.club-note{margin: 0}.club-note .ic{color: var(--gold)}@media (max-width: 900px){.club-ranks{gap: 10px}.club-card{padding-left: 8px;padding-right: 8px}.club-card b{font-size: 14px}.club-card.rk-legend b{font-size: 16px}.club-card .cc-desc{font-size: 11.5px}.club-lower{grid-template-columns: 1fr}}@media (max-width: 640px){.club-ranks{grid-template-columns: repeat(2,minmax(0,1fr));gap: 18px 12px}}@media (max-width: 520px){.club-detail{flex-direction: column}.club-detail img{width: 100%;max-width: none}.club-card b{font-size: 14px}.club-card.rk-legend b{font-size: 16px}.club-card .cc-desc{font-size: 11.5px}.club-hero-txt b{font-size: 16px}}