:root{--bg: #0a0b0e;--panel: #14161b;--panel2: #101216;--sunken: #0c0e11;--line: #23262d;--line2: #2f333c;--text: #e8eaee;--muted: #808795;--accent: #ff5b3d;--accent-dim: rgba(255,91,61,.13);--accent2: #5ec8ff;--danger: #f0483e;--ok: #3fd08a;--chat-h: 200px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(1100px 620px at 50% -12%,#16181e 0%,var(--bg) 62%);color:var(--text);font:13px/1.4 Segoe UI,Inter,system-ui,-apple-system,sans-serif;overflow:hidden}#gl{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0}.hidden{display:none!important}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column}#scr-lobby,#scr-room{bottom:var(--chat-h)}#scr-lobby{bottom:58px}.chat.lobby{background:none}.chat.lobby .chat-log,.chat.lobby .chat-input{display:none}.chat.lobby .chat-row{justify-content:flex-end}.screen.hidden{display:none}.screen.pass{pointer-events:none}.screen.pass .results{pointer-events:auto}.center{align-items:center;justify-content:center}.panel{background:linear-gradient(180deg,var(--panel) 0%,var(--panel2) 100%);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 16px 44px #00000080}h1,h2{margin:0 0 10px;font-weight:700;letter-spacing:.3px}h2{font-size:13px;text-transform:uppercase;color:var(--muted);letter-spacing:1.2px}.muted{color:var(--muted)}.small{font-size:12px}.err{color:var(--danger);min-height:18px;font-size:13px;margin-top:6px}.hint{margin-top:14px;color:var(--muted);font-size:12px}.spacer{flex:1}.row-gap{display:flex;gap:8px;align-items:center}.row-gap.end{justify-content:flex-end;margin-top:12px}.logo{font-size:32px;font-weight:800;letter-spacing:2px;color:var(--text)}.logo span{color:var(--accent)}.logo.small{font-size:16px;letter-spacing:1.5px}.login-panel{width:360px;text-align:center}.login-panel .input{margin:14px 0 10px;text-align:center;font-size:16px}.input{width:100%;padding:8px 10px;border-radius:7px;border:1px solid var(--line2);background:var(--sunken);color:var(--text);outline:none;font:inherit}.input:focus{border-color:var(--accent2);box-shadow:0 0 0 3px #5ec8ff24}.input.tiny{width:68px;text-align:center}select.input{cursor:pointer}.field{display:block;margin-bottom:10px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.8px}.field .input{margin-top:5px;text-transform:none;letter-spacing:0;font-size:14px;color:var(--text)}.btn{padding:7px 12px;border-radius:7px;border:1px solid var(--line2);background:#1c1f26;color:var(--text);cursor:pointer;font:inherit;font-size:12px;font-weight:600;transition:transform .06s ease,background .15s ease,border-color .15s ease}.btn:hover{background:#24282f;border-color:#3a3f49}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);color:#1a0803;border-color:#d8402a}.btn.primary:hover{background:#ff7357}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.ghost{background:transparent}.btn.danger{background:#4a1a18;border-color:#7d2b26;color:#ffd9d5}.btn.danger:hover{background:#5d211e}.btn.big{width:100%;padding:10px;font-size:13px;letter-spacing:1.2px;margin-top:6px}.topbar{display:flex;align-items:center;gap:10px;padding:9px 16px;border-bottom:1px solid var(--line);background:#0a0b0ee0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.who{color:var(--muted);font-size:13px}.who b{color:var(--text)}.lobby-body{flex:1;padding:18px;overflow:auto}.table-panel{max-width:1100px;margin:0 auto}.panel-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.panel-head h2{margin:0;flex:1}.table-wrap{max-height:52vh;overflow:auto}table.rooms{width:100%;border-collapse:collapse}table.rooms th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel)}table.rooms td{padding:9px 10px;border-bottom:1px solid rgba(42,55,70,.5)}table.rooms tr:hover td{background:#5ec8ff0d}.empty{padding:26px;text-align:center;color:var(--muted)}.lock{font-size:11px;color:var(--accent)}.badge{font-size:11px;padding:2px 7px;border-radius:20px;background:#5ec8ff1f;color:#9fdcff}.badge.live{background:#ff5b3d29;color:#ff9b8f}.plate{display:flex;align-items:center;gap:8px;padding:3px 8px 3px 10px;border-radius:6px;background:var(--sunken);border:1px solid var(--line2)}.plate span{font-size:8.5px;letter-spacing:1.3px;color:var(--muted)}.plate b{font-size:14px;font-weight:800;letter-spacing:2.4px;color:var(--accent);font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace}.room-hero{display:flex;align-items:center;gap:14px;padding:10px 16px 9px;background:linear-gradient(180deg,rgba(255,91,61,.05),transparent 80%)}.room-hero h1{margin:0;font-size:17px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.rh-sub{margin-top:1px;font-size:10px;color:var(--muted);letter-spacing:1px;text-transform:uppercase}.rh-sub b{color:var(--text);font-weight:600}.rh-flag{margin-left:auto;font-size:10px;color:var(--muted);letter-spacing:1.2px}.rh-flag b{color:var(--accent)}.checker{height:5px;flex:none;opacity:.3;background:repeating-conic-gradient(#e8eaee,#e8eaee 25%,#0a0b0e 0%,#0a0b0e 50%) 0 0 / 10px 10px;border-bottom:1px solid var(--line)}.room-body{position:relative;flex:1;overflow:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(210px,.8fr);gap:12px;padding:12px 16px 20px;align-content:start}.room-col{display:flex;flex-direction:column;gap:12px}@media (max-width: 1080px){.room-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width: 720px){.room-body{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:11px 12px 12px}.card-head{display:flex;align-items:center;gap:8px;margin:-1px 0 9px;padding-bottom:8px;border-bottom:1px solid var(--line)}.card-head h2{margin:0;flex:1;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--text);font-weight:700}.card-head .idx{font-size:9px;font-weight:800;letter-spacing:.5px;color:var(--accent);font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace}.onoff{font:inherit;font-size:9px;font-weight:700;letter-spacing:1px;padding:2px 8px;border-radius:20px;cursor:pointer;border:1px solid var(--line2);background:var(--sunken);color:var(--muted);transition:color .12s,border-color .12s,background .12s}.onoff:hover{border-color:var(--accent2)}.onoff.on{color:var(--ok);border-color:#3fd08a73;background:#3fd08a1a}.onoff.hidden{display:none}.skills.off{opacity:.35;pointer-events:none;filter:grayscale(1)}.chip{font-size:10px;font-weight:700;letter-spacing:.8px;color:var(--accent);background:var(--accent-dim);padding:1px 7px;border-radius:20px}.chip.ghost-chip{color:var(--muted);background:transparent;font-weight:600;letter-spacing:.5px;text-transform:uppercase;font-size:9px}.sub-lbl{margin:10px 0 6px;font-size:9px;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted)}.note{margin-top:7px;font-size:11px;color:var(--muted);line-height:1.35}.players{display:flex;flex-direction:column;gap:3px;max-width:420px}.drow{display:flex;align-items:center;gap:7px;height:26px;padding:0 8px 0 6px;border-radius:6px;background:var(--sunken);border:1px solid var(--line);border-left:2px solid var(--c, var(--line))}.drow.isready{border-left-color:var(--c, var(--ok))}.drow .pos{flex:none;width:14px;text-align:center;font-size:10px;font-weight:700;color:var(--muted);font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace}.drow.p1 .pos{color:var(--accent)}.drow .car-dot{flex:none;width:9px;height:9px;border-radius:2px;background:var(--c, #888)}.drow .nm{font-size:12px;font-weight:600;white-space:nowrap}.drow .cr{font-size:10px;color:var(--muted);white-space:nowrap}.drow .picks{margin-left:auto;display:flex;align-items:center;gap:3px}.drow .pi{display:flex;color:#aeb6c2;opacity:.8}.drow .pi[data-kind=saldiri]{color:#ff8a76}.drow .pi[data-kind=savunma]{color:#7fcdff}.drow .pi[data-kind=destek]{color:#6fdca9}.drow .tag-mini{flex:none;font-size:8px;font-weight:700;letter-spacing:.8px;padding:1px 5px;border-radius:3px}.tag-mini.host{color:#1a0803;background:var(--accent)}.tag-mini.bot{color:#9fdcff;background:#5ec8ff1f}.tag-mini.off{color:#ffb4b4;background:#f0483e29}.drow .state{flex:none;width:7px;height:7px;border-radius:50%;background:#333840;box-shadow:inset 0 0 0 1px #ffffff0f}.drow .state.on{background:var(--ok);box-shadow:0 0 7px #3fd08a99}.drow.empty{background:transparent;border-style:dashed;border-left-color:var(--line);opacity:.35}.drow.empty .nm{font-weight:500;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.bot-bar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:9px;padding-top:9px;border-top:1px solid var(--line)}.bot-bar.hidden{display:none}.btn.tiny-btn{padding:4px 9px;font-size:11px;border-radius:6px}.seg{display:flex;align-items:center;gap:3px;margin-left:auto}.seg-btn{padding:4px 8px;border-radius:6px;border:1px solid var(--line2);background:var(--sunken);color:var(--muted);cursor:pointer;font:inherit;font-size:10px}.seg-btn:hover{border-color:var(--accent2)}.seg-btn.sel{border-color:var(--accent);background:var(--accent-dim);color:var(--text);font-weight:700}.seg.hidden{display:none}.tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-width:282px}.trk{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px 5px;border-radius:7px;border:1px solid var(--line);background:var(--sunken);cursor:pointer;color:var(--text);font:inherit;transition:border-color .12s,background .12s}.trk:hover:not(:disabled){border-color:var(--accent2)}.trk.sel{border-color:var(--accent);background:var(--accent-dim)}.trk-map{width:34px;height:34px;opacity:.7}.trk.sel .trk-map{opacity:1}.trk b{font-size:9.5px;font-weight:600;color:var(--muted);text-align:center;line-height:1.15}.trk.sel b{color:var(--text)}.trk:disabled{cursor:default;opacity:.7}.laps-field{margin:10px 0 0;display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.3px}.laps-field .input{margin-top:0;padding:5px 8px;font-size:12px}.launch{padding:11px 12px 12px;border-radius:10px;background:var(--panel);border:1px solid var(--line)}.launch .btn.big{max-width:320px}.launch .btn.big{margin-top:0}.btn.primary.big{background:var(--accent);border-color:#d8402a;color:#1a0803;font-weight:800;letter-spacing:2px;padding:11px;box-shadow:0 6px 18px #ff5b3d33}.btn.primary.big:hover:not(:disabled){background:#ff7357}.btn.primary.big:disabled{background:#1c1f26;color:var(--muted);border-color:var(--line2);box-shadow:none}.peek-note{margin:8px 16px 0;padding:10px 14px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:10px;font:inherit;background:#f0483e29;border:1px solid #a8382f;color:#ffc9c4;font-size:12px;font-weight:600;text-align:left}.peek-note b{margin-left:auto;padding:6px 12px;border-radius:8px;letter-spacing:1px;background:var(--accent);color:#fff;font-size:12px;white-space:nowrap}.peek-note kbd{font:inherit;font-size:10px;padding:2px 6px;border-radius:5px;border:1px solid #7d2b26;color:#ffb3aa}@media (hover: none) and (pointer: coarse),(max-width: 760px){.peek-note{position:fixed;left:14px;right:14px;bottom:calc(var(--chat-h) + 10px);z-index:7;margin:0;background:#280e0cf0;box-shadow:0 8px 24px #00000080}.peek-note kbd{display:none}}.peek-note.hidden{display:none}.link-note{position:fixed;left:50%;top:0;transform:translate(-50%);z-index:9;padding:7px 18px;border-radius:0 0 10px 10px;font-weight:600;background:#7a2230;border:1px solid #a33244;border-top:0;color:#ffe3e7}.link-note.hidden{display:none}.skills{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;max-width:348px}.skill{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:7px;border:1px solid var(--line);background:var(--sunken);color:var(--text);cursor:pointer;font:inherit;overflow:visible;transition:border-color .12s,background .12s,transform .12s}.skill:hover:not(:disabled){border-color:var(--accent2);background:#14171d}.skill:disabled{opacity:.45;cursor:default}.skill .ic{display:flex;color:#aeb6c2;transition:color .12s}.skill[data-kind=saldiri] .ic{color:#ff8a76}.skill[data-kind=savunma] .ic{color:#7fcdff}.skill[data-kind=destek] .ic{color:#6fdca9}.skill:not(.sel) .ic{opacity:.62}.skill.sel .ic{opacity:1}.skill.sel{border-color:var(--accent);background:var(--accent-dim);box-shadow:0 0 0 1px var(--accent) inset}.skill .key{position:absolute;top:-5px;right:-5px;min-width:15px;height:15px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;background:var(--accent);color:#1a0803;border-radius:4px}.skill .tip{position:fixed;left:0;top:0;width:200px;padding:8px 10px;border-radius:8px;text-align:left;background:#1a1d23;border:1px solid var(--line2);box-shadow:0 10px 26px #0009;opacity:0;visibility:hidden;transition:opacity .12s;pointer-events:none;z-index:20}.skill:hover:not(:disabled) .tip{opacity:1;visibility:visible}.skill .tip b{display:inline-block;font-size:12px;margin-right:6px}.skill .tip small{display:block;margin-top:4px;color:var(--muted);font-size:10.5px;line-height:1.35}.skill .tip i{display:block;margin-top:5px;font-style:normal;font-size:9px;letter-spacing:.6px;color:var(--accent)}.tag{font-size:8.5px;letter-spacing:.8px;text-transform:uppercase;padding:1px 5px;border-radius:4px;background:#22262e;color:var(--muted)}.tag.saldiri{color:#ff9b8f;background:#f0483e26}.tag.savunma{color:#9fdcff;background:#5ec8ff21}.tag.destek{color:#8fe3bb;background:#3fd08a21}.chat{position:fixed;left:0;right:0;bottom:0;z-index:5;padding:10px 14px 12px;background:linear-gradient(180deg,#0d111700,#0d1117eb 45%);pointer-events:none}.chat-input,.chat-log{pointer-events:auto}.chat.hidden{display:none}.chat-log{max-width:1100px;margin:0 auto 8px;height:128px;overflow-y:auto;font-size:13px;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin}.chat-log .m{color:var(--text)}.chat-log .m .n{color:var(--accent2);font-weight:700}.chat-log .sys{color:var(--muted);font-style:italic}.chat-row{max-width:1100px;margin:0 auto;display:flex;gap:8px;align-items:stretch}.btn.sound{pointer-events:auto;white-space:nowrap;font-size:12px;letter-spacing:1px;background:#0f161ee6;min-width:104px}.btn.sound.off{color:var(--muted);text-decoration:line-through}body.ingame .btn.sound{opacity:.45}body.ingame .btn.sound:hover{opacity:1}.chat-input{flex:1;display:block;width:100%;padding:9px 12px;border-radius:9px;border:1px solid var(--line);background:#0f161ee6;color:var(--text);outline:none;font:inherit}.chat-input:focus{border-color:var(--accent2)}body.ingame .chat{background:none}body.ingame .chat-log{height:92px;text-shadow:0 1px 3px #000}body.ingame .chat-input{opacity:.35}body.ingame .chat-input:focus{opacity:1}#hud{position:absolute;top:0;right:0;bottom:0;left:0;padding:16px;font-variant-numeric:tabular-nums}.hud-left{position:absolute;top:16px;left:16px;display:flex;gap:8px}.hud-box{background:#0d11179e;border:1px solid var(--line);border-radius:10px;padding:6px 12px;text-align:center}.hud-box .lbl{display:block;font-size:10px;letter-spacing:1.2px;color:var(--muted)}.hud-box b{font-size:19px}.hud-box.fps{opacity:.55}.hud-box.fps b{font-size:15px}.minimap{position:absolute;left:16px;top:76px;width:158px;height:158px;background:#0d111799;border:1px solid var(--line);border-radius:12px}.minimap.hidden{display:none}.hud-right{position:absolute;top:16px;right:16px;width:210px}.standings{background:#0d11179e;border:1px solid var(--line);border-radius:10px;overflow:hidden}.st{display:flex;gap:8px;padding:5px 10px;font-size:13px;border-bottom:1px solid rgba(42,55,70,.6)}.st:last-child{border-bottom:0}.st.me{background:#ffcc3324}.st.watch{background:#5ec8ff21}.st .p{color:var(--muted);width:16px}.st .n{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st .l{color:var(--muted);font-size:11px}.lapinfo{position:absolute;left:50%;top:78px;transform:translate(-50%);font-size:15px;color:var(--accent);text-shadow:0 2px 8px #000}.spectate{position:absolute;left:50%;top:104px;transform:translate(-50%);padding:6px 10px;border-radius:10px;text-align:center;background:#0d1117b3;border:1px solid var(--line);text-shadow:0 1px 4px #000;pointer-events:auto;display:flex;align-items:center;gap:10px}.camnav{border:1px solid var(--line2);background:#1c1f26;color:var(--text);border-radius:8px;padding:5px 11px;cursor:pointer;font:inherit;font-size:15px}.camnav:hover{background:#262a32}.spectate.hidden{display:none}.spectate b{color:var(--accent2)}.spectate small{display:block;font-size:11px;color:var(--muted);letter-spacing:.5px}.skill-hud{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;gap:10px}.skill-hud.hidden{display:none}.skill-hud .slot{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:12px;background:#0d1117c7;border:1px solid var(--line);text-shadow:0 1px 4px #000}.skill-hud .slot.spent{opacity:.38}.skill-hud kbd{font:inherit;font-size:11px;font-weight:700;letter-spacing:1px;background:#1c1f26;border:1px solid var(--line2);border-radius:6px;padding:2px 7px}.skill-hud .ic{display:flex;color:#cfd6e0}.skill-hud .slot[data-kind=saldiri] .ic{color:#ff8a76}.skill-hud .slot[data-kind=savunma] .ic{color:#7fcdff}.skill-hud .slot[data-kind=destek] .ic{color:#6fdca9}.skill-hud .nm{font-size:12px;font-weight:600;letter-spacing:.4px}.skill-hud .pips{display:flex;gap:3px}.skill-hud .pips i{width:6px;height:6px;border-radius:50%;background:#e6edf338}.skill-hud .pips i.on{background:var(--accent)}.rubber-hud{position:absolute;right:22px;bottom:112px;text-align:right;font-size:11px;font-weight:700;letter-spacing:1.2px;color:#e8eaeea6;text-shadow:0 1px 5px #000}.rubber-hud.up{color:#6fdca9}.rubber-hud.hidden{display:none}.hud-alert{position:absolute;left:50%;top:78px;transform:translate(-50%);padding:8px 22px;border-radius:999px;font-weight:800;font-size:15px;letter-spacing:1.2px;white-space:nowrap;background:#0d1117d1;border:1px solid var(--line);color:var(--text);text-shadow:0 1px 6px #000}.hud-alert.hidden{display:none}.hud-alert .ai{display:inline-flex;vertical-align:-3px;margin-right:7px}.hud-alert.danger{color:#fff;border-color:#ff4d4d;background:#961a24e0;box-shadow:0 0 26px #ff3c3c80;animation:alertBlink .42s steps(1,end) infinite}@keyframes alertBlink{0%,49%{opacity:1}50%,to{opacity:.35}}.blind{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;background:radial-gradient(circle at 50% 55%,#7a828af7,#1c1f23 72%);transition:opacity .18s linear}.blind.hidden{display:none}.esc-hint{position:absolute;left:16px;bottom:150px;font-size:12px;color:#e6edf399;text-shadow:0 1px 4px #000;letter-spacing:.5px}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:140px;font-weight:900;color:var(--accent);text-shadow:0 10px 40px rgba(0,0,0,.7);pointer-events:none}.countdown.hidden{display:none}.countdown.go{color:var(--ok);font-size:110px}.countdown.loading{font-size:28px;letter-spacing:3px;color:#e6edf3d9}.results{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#05080cb8}.results.hidden{display:none}.results .panel{width:520px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;align-items:center;justify-content:center;background:#05080cad}.modal.hidden{display:none}.modal .panel{width:380px}@media (max-height: 800px){:root{--chat-h: 152px}.chat-log{height:84px}.tracks{max-height:30vh}.panel{padding:14px}.cars{gap:6px;margin-bottom:10px}.car{padding:7px 9px}.trk{padding:6px 9px}.trk-map{width:34px;height:34px}.sw{width:26px;height:26px}h2{margin-bottom:7px}.btn.big{padding:11px;margin-top:4px}.lobby-body,.room-body{padding:12px;gap:12px}}.car-pick{display:grid;grid-template-columns:1fr;gap:10px}.car-preview{width:100%;height:168px;display:block;border-radius:12px;background:radial-gradient(circle at 50% 120%,#2a3140,#151922 70%);border:1px solid var(--line)}.car-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:6px;max-height:196px;overflow-y:auto;padding-right:2px}.car{display:flex;align-items:center;gap:8px;text-align:left;border:1px solid var(--line2);background:#171b22;color:var(--text);border-radius:9px;padding:7px 8px;cursor:pointer;font:inherit;font-size:12.5px}.car:hover:not(:disabled){border-color:var(--line);background:#1d222b}.car.sel{border-color:var(--accent);background:#24191a}.car:disabled{opacity:.45;cursor:default}.car i{width:13px;height:13px;border-radius:4px;flex:0 0 auto}.car b{font-weight:600;min-width:0;white-space:nowrap}@media (max-width: 640px){.car-pick{grid-template-columns:1fr}}.touch{display:none}body.peek .touch{display:none!important}@media (hover: none) and (pointer: coarse),(max-width: 760px){body.ingame .touch{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.touch .tc{pointer-events:auto;touch-action:none;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,#222630b8,#0e1015c7);box-shadow:0 6px 18px #00000059,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);font:inherit;font-size:11px;font-weight:800;letter-spacing:1.4px;transition:transform .06s,background .1s,border-color .1s}.touch .tc.on{transform:scale(.94);border-color:#fff6;background:#3c4454d9}.tc-steer{position:absolute;left:14px;bottom:calc(134px + env(safe-area-inset-bottom));display:flex;gap:10px}.touch .tc.steer{width:74px;height:74px;border-radius:22px}.touch .tc.steer.on{color:var(--accent2);border-color:var(--accent2)}.tc-right{position:absolute;right:14px;bottom:calc(134px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:12px}.tc-pedals{display:flex;gap:10px;align-items:flex-end}.tc-col{display:flex;flex-direction:column;gap:8px}.touch .tc.pedal{width:64px;height:48px;border-radius:14px}.touch .tc.gas{width:74px;height:104px;border-radius:20px;font-size:12px;border-color:#3fd08a73;color:#bff5da;background:linear-gradient(180deg,#286e4eb3,#10281ecc)}.touch .tc.gas.on{background:linear-gradient(180deg,#3fd08ad9,#1e6446d9);color:#fff}.touch .tc.brake{border-color:#ff5b3d73;color:#ffc3b6}.touch .tc.brake.on{background:#ff5b3d8c;color:#fff}.touch .tc.back.on{background:#5ec8ff66}.tc-skills{display:flex;gap:12px}.touch .tc.skill{--k: #cfd6e0;width:60px;height:60px;border-radius:50%;color:var(--k);border:2px solid color-mix(in srgb,var(--k) 60%,transparent);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--k) 22%,rgba(20,24,30,.8)),#0c0e12d9 70%);box-shadow:0 0 14px color-mix(in srgb,var(--k) 25%,transparent),0 6px 18px #00000059}.touch .tc.skill[data-kind=saldiri]{--k: #ff8a76}.touch .tc.skill[data-kind=savunma]{--k: #7fcdff}.touch .tc.skill[data-kind=destek]{--k: #6fdca9}.touch .tc.skill .pips{position:absolute;bottom:-9px;display:flex;gap:3px}.touch .tc.skill .pips i{width:7px;height:7px;border-radius:50%;background:#e6edf333;border:1px solid rgba(0,0,0,.5)}.touch .tc.skill .pips i.on{background:var(--k)}.touch .tc.skill.spent{opacity:.35;filter:grayscale(1);box-shadow:none}.touch .tc.skill.on{background:color-mix(in srgb,var(--k) 45%,rgba(12,14,18,.9));color:#fff}.tc-top{position:absolute;right:14px;top:244px;display:flex;gap:8px}.touch .tc.chip{width:38px;height:38px;border-radius:12px;color:#cfd6e0}body.ingame .skill-hud{display:none}body.ingame .chat-log{height:64px;max-width:60%;margin-left:0;font-size:12px}body.ingame .esc-hint{display:none}}