:root{--bg: #fdfcf8;--grid: #f2efe8;--white: #ffffff;--line: #ece8df;--hover: #f6f4ee;--track: #e5e0d4;--ink: #3a3a3a;--text: #5a564e;--muted: #8a857b;--muted-2: #b6b0a4;--coral: #e8604c;--blue: #4f8ee8;--green: #57b868;--yellow: #f2c94c;--purple: #7a55d6;--terracotta:#c75b4a;--gold: #e8a13a}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#111;font-family:Segoe UI,Arial,sans-serif;-webkit-user-select:none;user-select:none}#root{position:absolute;top:0;right:0;bottom:0;left:0}#game{display:block;position:absolute;top:0;right:0;bottom:0;left:0}#speed{position:absolute;left:28px;top:22px;display:none;font-family:Quicksand,sans-serif;font-weight:600;font-size:15px;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:1px;pointer-events:none}#mainLink{position:absolute;right:28px;bottom:22px;font-size:14px;color:var(--white);font-variant-numeric:tabular-nums;letter-spacing:1px;pointer-events:none}#mainLink{display:none;text-decoration:none;cursor:pointer;pointer-events:auto;z-index:20}#muteToast{position:absolute;left:50%;bottom:84px;transform:translate(-50%);padding:10px 20px;font-family:Jua,sans-serif;font-weight:400;font-size:15px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:999px;pointer-events:none;opacity:0;z-index:60}#muteToast.show{animation:muteToast 1.3s ease forwards}@keyframes muteToast{0%{opacity:0;transform:translate(-50%,8px)}12%{opacity:1;transform:translate(-50%)}70%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}#minimap{position:absolute;bottom:18px;left:18px;background:#ffffffeb;border:1px solid var(--line);border-radius:14px}#chat{position:absolute;bottom:18px;right:18px;width:320px;display:flex;flex-direction:column;background:transparent;z-index:30}#chatLog{display:flex;flex-direction:column;gap:3px;height:300px;overflow-y:auto;padding:0 9px;font-size:12px;line-height:1.5;color:#6a655c;font-family:Jua,sans-serif;word-break:break-word}.chat-msg:first-child{margin-top:auto}#chatLog::-webkit-scrollbar{width:6px}#chatLog::-webkit-scrollbar-thumb{background:var(--track);border-radius:3px}#chatLogFriends{display:none;flex-direction:column;gap:3px;height:300px;overflow-y:auto;padding:0 9px;font-size:12px;line-height:1.5;color:#6a655c;font-family:Jua,sans-serif;word-break:break-word}#chatLogFriends::-webkit-scrollbar{width:6px}#chatLogFriends::-webkit-scrollbar-thumb{background:var(--track);border-radius:3px}body.chat-friends #chatLog{display:none}body.chat-friends #chatLogFriends{display:flex}#chatTabs{display:none;align-items:center;gap:2px;padding-left:6px}body.has-friends #chatTabs{display:flex}.chat-tab{position:relative;border:0;background:transparent;color:#9a948a;font-family:Jua,sans-serif;font-size:12px;padding:4px 8px;border-radius:999px;cursor:pointer}.chat-tab.on{background:var(--ink, #3a3a3a);color:#fff}#chatTarget{display:none;border:1px solid #ece8df;background:#fff;color:var(--ink, #3a3a3a);font-family:Jua,sans-serif;font-size:11px;padding:3px 8px;margin:5px 0 5px 4px;border-radius:999px;cursor:pointer;max-width:74px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 0 auto}body.chat-friends #chatTarget{display:block}#chatTargetMenu{display:none;position:absolute;bottom:44px;left:0;min-width:150px;max-height:220px;overflow-y:auto;background:#fff;border:1px solid #ece8df;border-radius:14px;padding:6px;z-index:5}#chatTargetMenu.show{display:block}.ct-row{display:flex;align-items:center;gap:7px;width:100%;border:0;background:transparent;font-family:Jua,sans-serif;font-size:12px;color:var(--ink, #3a3a3a);padding:6px 8px;border-radius:9px;cursor:pointer;text-align:left}.ct-row:hover{background:#f7f4ec}.ct-row.on{background:var(--ink, #3a3a3a);color:#fff}.ct-row .fr-status{width:7px;height:7px}.fr-dot{display:none;position:absolute;top:2px;right:2px;width:7px;height:7px;border-radius:50%;background:#e8604c}.fr-dot.show{display:block}#lobFriends{position:relative}#lobFriendsDot{top:8px;right:8px}.chat-time{color:#cfc9bb;font-size:10px;margin-right:4px}.chat-name{font-weight:400;margin-right:4px}.chat-text{color:var(--text)}#chatRow{display:flex;background:var(--white);border:1px solid var(--line);border-radius:999px;overflow:hidden;margin-top:8px}#chatInput{flex:1;min-width:0;padding:9px 6px 9px 16px;font-size:13px;color:var(--ink);font-family:Jua,sans-serif;background:none;border:none;outline:none}#chatInput::placeholder{color:#c6c0b2}#chatSend{padding:0 16px 0 10px;font-size:13px;font-weight:400;color:var(--ink);font-family:Jua,sans-serif;background:none;border:none;cursor:pointer}#wipe{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:19px;background:var(--bg);z-index:90;transform:translateY(100%)}#wipeTitle{font-family:Jua,sans-serif;font-weight:400;font-size:30px;line-height:1;color:var(--ink)}#wipeDesc{font-family:Jua,sans-serif;font-weight:400;font-size:20px;line-height:1;color:var(--muted)}#help{position:absolute;left:24px;top:20px;color:#ffffffc7;font-size:13px;line-height:1.7;pointer-events:none}#help span{display:inline-block;min-width:18px;padding:1px 6px;margin-right:2px;text-align:center;background:#ffffff24;border:1px solid rgba(255,255,255,.3);border-radius:4px;font-weight:400}#death{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(circle,#96000033,#5a00008c)}#death.show{display:flex;animation:deathflash .35s ease-out}.death-title{font-size:92px;font-weight:400;color:#ff3b30;letter-spacing:3px;text-shadow:0 4px 24px rgba(0,0,0,.7)}.death-sub{margin-top:6px;font-size:22px;color:#ffffffd9;letter-spacing:1px}@keyframes deathflash{0%{background:#ff1e1499}to{background:radial-gradient(circle,#96000033,#5a00008c)}}#exitBtn{position:absolute;left:28px;top:22px;display:none;font-size:14px;color:var(--white);background:transparent;border:none;cursor:pointer;z-index:31;text-shadow:0 4px 24px rgba(0,0,0,.7);letter-spacing:1px}#menu{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#243042,#0d1117 75%);z-index:10}#menu.show{display:flex}.menu-card{width:min(560px,90vw);padding:36px 34px 40px;border:none;text-align:center}.menu-card h1{font-size:26px;font-weight:400;color:var(--white);letter-spacing:1px;margin-bottom:26px}.menu-card label{display:block;text-align:left;font-size:13px;color:#fff9;margin-bottom:6px}#nameInput{width:100%;padding:12px 14px;font-size:18px;color:var(--white);background:#ffffff14;border:none;outline:none;margin-bottom:24px}#nameInput:focus{background:#ffffff1f}.mode-buttons{display:flex;flex-wrap:wrap;gap:14px}.mode-btn{flex:1 1 115px;display:flex;flex-direction:column;padding:10px;background:#ffffff0f;border:none;cursor:pointer;transition:transform .1s ease,border-color .15s ease,background .15s ease;border-radius:100px}.mode-btn:hover{background:#ffffff1a}.mode-btn.survival:hover{border-color:#ff5a4d}.mode-btn.racing:hover{border-color:#3b82f6}.mode-btn.hard:hover{border-color:#ff8a2a}.mode-btn.serp:hover{border-color:#2ee59d}.mode-btn.pro:hover{border-color:#f1c40f}.mode-name{font-weight:400;color:var(--white)}.mode-count{font-size:12px;font-weight:400;color:var(--white);background:#ffffff29;border-radius:999px;padding:2px 9px;align-self:center}.mode-desc{font-size:12px;color:#ffffff8c;line-height:1.4}#standings{position:absolute;top:18px;right:18px;width:240px;display:none;background:#ffffffeb;border:1px solid var(--line);border-radius:16px;padding:10px 12px;color:var(--text);font-family:Jua,sans-serif;font-size:12px}.stand-title{font-weight:400;color:var(--muted);margin-bottom:5px;letter-spacing:1px}.stand-row{display:flex;align-items:center;gap:6px;padding:2px 0}.stand-rank{width:18px;color:var(--muted-2);text-align:right;font-family:Quicksand,sans-serif;font-weight:600}.stand-star{width:14px;text-align:center;color:var(--gold)}.stand-name{flex:1;color:var(--text);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stand-time{color:var(--ink);font-family:Quicksand,sans-serif;font-weight:600;font-variant-numeric:tabular-nums}.stand-lap{color:var(--muted);font-family:Quicksand,sans-serif;font-weight:600;font-variant-numeric:tabular-nums;min-width:30px;text-align:right}#roomBrowser,#createRoom,#lobby{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#3a362e57}#roomBrowser.show,#createRoom.show,#lobby.show{display:flex}#lobby{z-index:31}#roomBrowser{z-index:32}#createRoom{z-index:33}.browser-card,.cr-card,.lobby-card{width:min(560px,92vw);padding:40px 34px 34px;background:var(--white);border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 60px #3a362e24;text-align:center}.cr-card{width:min(420px,90vw)}.lobby-card{width:min(480px,90vw)}#createRoomBtn,.browser-leave,#crCreate,#crCancel,#readyBtn,#lobbyLeave{border:1px solid var(--ink);border-radius:999px;color:var(--white);cursor:pointer;font-family:Jua,sans-serif;font-weight:400;background:var(--ink);transition:background .15s ease,color .15s ease,border-color .15s ease}#createRoomBtn:hover,#crCreate:hover,#readyBtn:hover:not(:disabled){background:#1c1c1c;border-color:#1c1c1c}#crCancel,#lobbyLeave,.browser-leave{color:var(--muted);background:transparent;border-color:var(--line)}#crCancel:hover,#lobbyLeave:hover,.browser-leave:hover{background:var(--hover);color:var(--ink);border-color:var(--track)}.cr-card input,.cr-card select{width:100%;padding:13px 18px;font-family:Jua,sans-serif;font-size:14px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:999px;outline:none;transition:border-color .15s ease}.cr-card input:focus,.cr-card select:focus{border-color:var(--muted-2)}.cr-card input::placeholder{color:#c6c0b2}.cr-card select option{color:var(--ink)}.browser-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.browser-head h2{font-family:Jua,sans-serif;font-size:22px;font-weight:400;color:var(--ink)}#createRoomBtn{padding:11px 20px;font-size:14px}#roomList{display:flex;flex-direction:column;gap:10px;max-height:54vh;overflow-y:auto;margin-bottom:20px}#roomList::-webkit-scrollbar{width:6px}#roomList::-webkit-scrollbar-thumb{background:var(--track);border-radius:3px}.room-empty{text-align:center;color:#c6c0b2;padding:36px 0;font-size:14px;font-family:Jua,sans-serif}.room-card{text-align:left;padding:15px 20px;background:#faf8f3;border:1px solid var(--line);border-radius:16px;cursor:pointer;font-family:Jua,sans-serif;transition:border-color .15s ease,background .15s ease}.room-card:hover:not(:disabled){border-color:#d8d2c4;background:#f3f0e8}.room-card:disabled{opacity:.45;cursor:not-allowed}.room-top{display:flex;justify-content:space-between;align-items:center}.room-name{font-size:16px;color:var(--ink)}.room-count{font-size:12px;color:var(--muted);background:#f1eee6;border-radius:999px;padding:3px 10px;font-family:Quicksand,sans-serif;font-weight:600}.room-meta{font-size:12px;color:var(--muted-2);margin-top:5px}.browser-leave{padding:12px 22px;font-size:14px}.cr-card h2{font-family:Jua,sans-serif;font-size:22px;font-weight:400;color:var(--ink);margin-bottom:22px}.cr-card label{display:block;text-align:left;font-family:Jua,sans-serif;font-size:12px;color:var(--muted-2);margin:14px 0 6px}.cr-row{display:flex;gap:12px}.cr-field{flex:1}.cr-buttons{display:flex;gap:10px;margin-top:28px}#crCreate{flex:2;padding:14px;font-size:15px}#crCancel{flex:1;padding:14px;font-size:14px}.lobby-card h2{font-family:Jua,sans-serif;font-size:22px;font-weight:400;color:var(--ink);margin-bottom:6px}.lobby-info{text-align:center;font-family:Jua,sans-serif;font-size:13px;color:var(--muted-2);margin-bottom:22px}#lobbyList{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;max-height:280px;overflow-y:auto}.lobby-row{display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--hover);border-radius:999px}.lobby-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.lobby-name{flex:1;text-align:left;color:var(--ink);font-family:Jua,sans-serif}.lobby-ready{font-size:12px;font-family:Jua,sans-serif}.lobby-ready.on{color:var(--green)}.lobby-ready.off{color:#c6c0b2}.lobby-hint{text-align:center;font-size:12px;font-family:Jua,sans-serif;color:var(--muted-2);margin-bottom:20px}.lobby-buttons{display:flex;gap:10px}#readyBtn{flex:2;padding:15px;font-size:15px}#readyBtn.ready{background:var(--green);border-color:var(--green)}#readyBtn:disabled{background:#f1eee6;border-color:#f1eee6;color:#c6c0b2;cursor:not-allowed}#lobbyLeave{flex:1;padding:15px;font-size:14px}#authBox{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}.auth-form{display:flex;flex-direction:column;align-items:stretch}.auth-form input{width:100%;padding:15px 20px;margin-bottom:14px;font-family:Jua,sans-serif;font-size:15px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:999px;outline:none;transition:border-color .15s ease}.auth-form input:focus{border-color:var(--muted-2)}.auth-form input::placeholder{color:#c6c0b2}.caps-warn{display:none;align-items:center;gap:6px;margin:-8px 8px 12px;font-family:Jua,sans-serif;font-size:12.5px;color:var(--terracotta);text-align:left}.caps-warn svg{width:15px;height:15px;flex-shrink:0}.auth-btn{width:100%;padding:15px;font-family:Jua,sans-serif;font-size:15px;color:var(--white);background:var(--ink);border:1px solid var(--ink);border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease}.auth-btn:hover{background:#1c1c1c;border-color:#1c1c1c}.auth-close{width:100%;color:var(--muted);background:transparent;border-color:var(--line)}.auth-close:hover{background:var(--hover);color:var(--ink);border-color:var(--track)}.auth-form .auth-btn{margin-top:6px}.auth-switch{font-family:Jua,sans-serif;font-size:13px;color:var(--muted-2);text-align:center;margin-top:20px}.auth-link{color:var(--coral);cursor:pointer}.auth-link:hover{text-decoration:underline;text-underline-offset:3px}#welcomeMsg{display:block;text-align:center;font-family:Jua,sans-serif;color:var(--ink);margin-bottom:10px}#dashboard{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#3a362e47;z-index:40}#dashboard.show{display:flex}.dash-card{width:min(400px,90vw);padding:40px 34px 34px;background:var(--white);border:1px solid var(--line);border-radius:24px;text-align:center;box-shadow:0 24px 60px #3a362e24}.dash-card h2{font-family:Jua,sans-serif;font-size:22px;font-weight:400;color:var(--ink);margin-bottom:26px}.dash-row{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;margin-bottom:10px;background:var(--hover);border-radius:14px;font-size:15px}.dash-row span:first-child{font-family:Jua,sans-serif;color:var(--muted)}.dash-row span:last-child{font-family:Quicksand,sans-serif;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.dash-card .auth-btn{width:100%;margin-top:22px}#rankResultModal{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#3a362e47;z-index:46}#rankResultModal.show{display:flex}#rankResultOutcome{font-family:Jua,sans-serif;font-size:34px;margin:4px 0 22px}#rankResultOutcome.win{color:var(--green)}#rankResultOutcome.lose{color:var(--coral)}#rankResultOutcome.draw{color:var(--muted)}#playerModal,#friendsModal,#titlesModal{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#3a362e47;z-index:46}#playerModal.show,#friendsModal.show,#titlesModal.show{display:flex}.titles-card{max-height:min(560px,86vh);overflow-y:auto}.tt-cnt{font-size:13px;color:var(--muted);margin-left:6px}#ttEquipRow{display:flex;align-items:center;gap:8px;padding:11px 14px;margin-bottom:14px;background:var(--hover);border:1px solid var(--line);border-radius:12px;font-family:Jua,sans-serif;font-size:14px;text-align:left}#ttEquipRow .tt-lab{color:var(--muted);font-size:12.5px}#ttEquipName.none{color:#c6c0b2}#ttUnequip{margin-left:auto;border:1px solid var(--line);background:var(--white);border-radius:999px;font-family:Jua,sans-serif;font-size:11.5px;color:var(--muted);padding:4px 11px;cursor:pointer}#ttGrid{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.tt-chip{position:relative;border:1px solid var(--line);background:var(--white);border-radius:999px;padding:7px 14px;font-size:13px;cursor:pointer;font-family:Jua,sans-serif}.tt-chip.locked{background:var(--hover);color:#c6c0b2;cursor:default}.tt-chip.on{border:1.5px solid var(--ink);padding:6.5px 13.5px}.tt-chip .tt-tip{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:max-content;max-width:210px;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:8px 12px;z-index:5;text-align:left;pointer-events:none}.tt-chip:hover .tt-tip{display:block}.tt-tip .tt-name{font-size:13px}.tt-tip .tt-cond{font-size:11.5px;color:var(--muted);margin-top:2px}.tt-tip .tt-rar{font-size:11px;margin-top:3px}#ttLegend{display:flex;gap:14px;margin-top:16px;font-size:11.5px;color:var(--muted);font-family:Jua,sans-serif}#ttLegend span:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;background:var(--c);border:1px solid rgba(0,0,0,.08)}#piFriendBtn[disabled]{opacity:.45;cursor:default}.friends-card{max-height:min(560px,86vh);overflow-y:auto}.fr-sec{margin-top:14px;text-align:left}.fr-sec-title{font-family:Jua,sans-serif;font-size:13px;color:var(--muted);margin-bottom:6px}.fr-row{display:flex;align-items:center;gap:8px;padding:7px 2px;border-bottom:1px solid #f2efe8;font-size:14px}.fr-row:last-child{border-bottom:0}.fr-status{width:8px;height:8px;border-radius:50%;background:#d6d0c4;flex:0 0 auto}.fr-status.on{background:#57b868}.fr-name{font-family:Jua,sans-serif;color:var(--ink);flex:0 0 auto}.fr-activity{flex:1;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Quicksand,Jua,sans-serif}.fr-btn{border:1px solid #ece8df;background:#fff;color:var(--ink);font-family:Jua,sans-serif;font-size:12px;padding:4px 10px;border-radius:999px;cursor:pointer;flex:0 0 auto}.fr-btn.accent{background:var(--ink, #3a3a3a);color:#fff;border-color:var(--ink, #3a3a3a)}.fr-btn.danger{color:#e8604c;border-color:#f3d5cf}.fr-empty{color:#b8b2a6;font-size:12px;padding:4px 2px}#frAddRow{display:flex;gap:6px;margin-top:18px}#frAddRow input{flex:1;border:1px solid #ece8df;border-radius:999px;padding:9px 14px;font-size:13px;font-family:Jua,sans-serif;outline:none;background:#fff;color:var(--ink)}#frAddRow button{border:0;background:var(--ink, #3a3a3a);color:#fff;font-family:Jua,sans-serif;font-size:13px;padding:0 16px;border-radius:999px;cursor:pointer}#giftModal{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#3a362e47;z-index:46}#giftModal.show{display:flex}#giftLine{font-family:Jua,sans-serif;font-size:18px;color:var(--ink);margin:4px 0 14px}#giftMsg{font-family:Quicksand,sans-serif;font-weight:600;font-size:14px;color:var(--muted);background:#3a362e0f;border-radius:12px;padding:12px 14px;white-space:pre-wrap;word-break:break-word;text-align:left}#rankModal{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#3a362e47;z-index:40}#rankModal.show{display:flex}.rank-card{width:min(420px,92vw);padding:34px 30px 28px;background:var(--white);border:1px solid var(--line);border-radius:24px;text-align:center;box-shadow:0 24px 60px #3a362e24}.rank-card h2{font-family:Jua,sans-serif;font-weight:400;font-size:22px;color:var(--ink);margin-bottom:16px}#rankCourses{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:16px}.rank-course{padding:5px 11px;font-family:Quicksand,sans-serif;font-weight:600;font-size:12px;color:var(--muted);background:var(--hover);border:1px solid var(--line);border-radius:999px;cursor:pointer}.rank-course.on{color:#fff;background:var(--purple);border-color:var(--purple)}#rankList{display:flex;flex-direction:column;gap:2px;min-height:304px}.rank-row{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--hover);border-radius:11px;font-size:14px}.rank-row .rk{width:26px;text-align:right;font-family:Quicksand,sans-serif;font-weight:700;color:var(--muted-2)}.rank-row .nm{flex:1;text-align:left;font-family:Jua,sans-serif;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row .tm{font-family:Quicksand,sans-serif;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.rank-row.top1 .rk{color:var(--gold)}.rank-empty{color:var(--muted-2);padding:44px 0}#rankPager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:14px}#rankPageInfo{font-family:Quicksand,sans-serif;font-weight:600;font-size:13px;color:var(--muted);min-width:54px}.rank-page-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer}.rank-page-btn svg{width:18px;height:18px}.rank-page-btn:disabled{color:var(--muted-2);opacity:.5;cursor:default}.rank-page-btn:not(:disabled):hover{background:var(--hover)}.rank-card .auth-btn{width:100%;margin-top:18px}#authOpenBtn{width:100%;display:block}#authModal{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#3a362e57;z-index:41}#authModal.show{display:flex}.auth-card{width:min(380px,90vw);padding:40px 34px 34px;background:var(--white);border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 60px #3a362e24}.auth-card h2{font-family:Jua,sans-serif;font-size:22px;font-weight:400;color:var(--ink);text-align:center;margin-bottom:26px}.auth-card>.auth-close{margin-top:24px}#touchControls{position:absolute;top:0;right:0;bottom:0;left:0;display:none;z-index:20;pointer-events:none}#touchControls.show{display:block}#touchSteer{position:absolute;left:18px;bottom:44px;display:flex;gap:14px;pointer-events:auto}#touchDrive{position:absolute;right:18px;bottom:44px;display:flex;flex-direction:column-reverse;gap:12px;pointer-events:auto}.touch-btn{width:76px;height:76px;border-radius:50%;border:1px solid var(--line);background:#ffffff8c;color:var(--ink);box-shadow:0 4px 14px #3a362e24;font-size:15px;font-weight:600;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none}.touch-btn:active{background:#ffffffe0}.touch-btn.gas{width:92px;height:92px;background:#57b868d1;color:#fff;border-color:#57b8688c}.touch-btn.gas:active{background:#57b868}#topRecords{position:absolute;top:18px;right:18px;width:240px;display:none;background:#ffffffeb;border:1px solid var(--line);border-radius:16px;padding:10px 12px;color:var(--text);font-family:Jua,sans-serif;font-size:12px}#topRecordsList{display:flex;flex-direction:column;gap:1px}.rec-row{display:flex;align-items:center;gap:8px;padding:3px 0}.rec-rank{width:16px;color:var(--muted-2);text-align:right;font-family:Quicksand,sans-serif;font-weight:600}.rec-name{flex:1;color:var(--text);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-time{color:var(--ink);font-family:Quicksand,sans-serif;font-weight:600;font-variant-numeric:tabular-nums}.rec-empty{color:var(--muted-2);padding:8px 0;text-align:center}#recordHud{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;gap:8px;z-index:22}#recordHud>*,#proTimer{padding:9px 18px;font-family:Jua,sans-serif;font-weight:400;font-size:14px;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:999px;box-shadow:0 6px 18px #3a362e24;white-space:nowrap;outline:none}#attackBtn,#attackCancel{display:none;width:38px;height:38px;padding:0;border-radius:50%;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease}#attackBtn svg,#attackCancel svg{display:block;width:18px;height:18px}#attackBtn:hover{background:var(--hover)}#attackBtn .ic-restart,#attackBtn.recording .ic-timer{display:none}#attackBtn.recording .ic-restart{display:block}#attackCancel{color:var(--terracotta)}#attackCancel:hover{background:#f6ece9}#time{font-family:Quicksand,sans-serif;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.5px;flex:none;width:98px;text-align:center;pointer-events:none}#time:empty{display:none}#othersToggle{display:none;cursor:pointer;transition:background .15s ease}#othersToggle:hover{background:var(--hover)}#proTimer{position:absolute;top:22px;left:50%;transform:translate(-50%);display:none;font-family:Quicksand,sans-serif;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.5px;width:98px;text-align:center;z-index:22}#dashBtn{position:absolute;bottom:22px;left:50%;transform:translate(-50%);outline:none;display:none;font-size:14px;color:var(--white);font-variant-numeric:tabular-nums;letter-spacing:1px;background:none;border:none;cursor:pointer;z-index:22;text-shadow:0 4px 24px rgba(0,0,0,.7)}@keyframes blink3{50%{opacity:0}}#time.blink{animation:blink3 .32s 3}@media(max-height:540px){#minimap{top:10px;bottom:auto;right:calc(10px + env(safe-area-inset-right))}#chat{top:calc(10px + var(--mm, 104px) + 6px);bottom:auto;right:calc(10px + env(safe-area-inset-right));width:176px}#chatLog,#chatLogFriends{height:54px;font-size:11px;padding:6px 8px}#chatInput{padding:6px 6px 6px 13px;font-size:12px}#chatSend{padding:0 13px 0 8px;font-size:12px}#standings,#topRecords{top:calc(10px + var(--mm, 104px) + 6px + 90px);right:calc(10px + env(safe-area-inset-right));width:176px;max-height:64px;overflow-y:auto;font-size:11px;padding:6px 8px}#exitBtn{left:calc(12px + env(safe-area-inset-left));top:10px}#speed{left:calc(12px + env(safe-area-inset-left));top:auto;bottom:92px}#recordHud{bottom:12px}#proTimer{top:10px}#touchSteer{left:calc(12px + env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));gap:12px}#touchDrive{right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));flex-direction:row;align-items:flex-end;gap:10px}.touch-btn{width:60px;height:60px;font-size:13px}.touch-btn.gas{width:74px;height:74px}}@media(max-width:820px){body:not(.lobby) #minimap{top:calc(10px + env(safe-area-inset-top));bottom:auto;right:calc(10px + env(safe-area-inset-right));left:auto}body:not(.lobby) #standings,body:not(.lobby) #topRecords{top:calc(10px + env(safe-area-inset-top) + var(--mm, 112px) + 8px);bottom:auto;right:calc(10px + env(safe-area-inset-right));left:auto;width:150px;max-height:42vh;overflow-y:auto;font-size:11.5px;padding:8px 10px;border-radius:12px}.stand-rank{width:15px}.stand-lap{min-width:24px}body:not(.lobby) #exitBtn{left:calc(14px + env(safe-area-inset-left));right:auto;top:calc(12px + env(safe-area-inset-top));font-family:Jua,sans-serif;font-size:14px;color:var(--ink);background:#ffffffd1;border:1px solid var(--line);border-radius:999px;padding:8px 18px;text-shadow:none;box-shadow:0 4px 14px #3a362e24}body:not(.lobby) #speed{left:calc(16px + env(safe-area-inset-left));right:auto;top:calc(58px + env(safe-area-inset-top));bottom:auto}body:not(.lobby) #chat{left:calc(12px + env(safe-area-inset-left));right:auto;top:calc(86px + env(safe-area-inset-top));bottom:auto;width:172px}body:not(.lobby) #chatLog,body:not(.lobby) #chatLogFriends{height:88px;font-size:12px;padding:0 8px}body:not(.lobby) #chatRow{margin-top:6px}#chatInput{padding:9px 6px 9px 14px;font-size:13px}#chatSend{padding:0 14px 0 8px;font-size:13px}body:not(.lobby) #recordHud{bottom:auto;top:calc(12px + env(safe-area-inset-top));gap:6px}#proTimer{top:calc(12px + env(safe-area-inset-top))}#touchSteer{left:calc(16px + env(safe-area-inset-left));bottom:calc(22px + env(safe-area-inset-bottom));gap:14px}#touchDrive{right:calc(16px + env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));gap:14px}.touch-btn{width:68px;height:68px;font-size:13px}.touch-btn.gas{width:82px;height:82px}body.lobby #chat{left:calc(12px + env(safe-area-inset-left));right:auto;bottom:calc(118px + env(safe-area-inset-bottom));top:auto;width:244px}#mapModal #mapGrid{grid-template-columns:1fr;gap:10px}#mapModal .map-card{aspect-ratio:auto;padding:14px}#mapModal .map-panel{width:min(420px,93vw)}.set-row:has(#setMmPos),.set-row:has(#setChatPos){display:none}body.touch #lobHint{display:none}}#lobbyUI{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;display:none;pointer-events:none;font-family:Quicksand,Jua,sans-serif}.lob-el{transition:opacity .3s ease}#lobBrand{position:absolute;left:28px;top:22px;font-weight:600;font-size:17px;letter-spacing:-.2px;color:var(--ink)}#lobOnline{position:absolute;right:28px;top:24px;font-family:Jua,sans-serif;font-size:14px;color:var(--muted-2)}#lobHint{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);display:flex;justify-content:center}.kb{display:inline-flex;align-items:center;gap:4px}.keycap{display:flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 5px;background:var(--white);border:1px solid var(--line);border-radius:6px;box-shadow:0 2px 0 var(--track);font-family:Quicksand,sans-serif;font-weight:600;font-size:12px;letter-spacing:0;color:var(--ink)}.keycap-space{margin-left:4px;width:68px}.spc{width:22px;height:5px;border:2px solid var(--muted);border-top:0;border-radius:0 0 3px 3px}.keycap-w{animation:wpress 1.6s ease-in-out infinite}@keyframes wpress{0%,50%{transform:translateY(0);background:var(--white);box-shadow:0 2px 0 var(--track)}60%,80%{transform:translateY(2px);background:var(--hover);box-shadow:0 0 0 var(--track),inset 0 1px 2px #3a3a3a1f}90%,to{transform:translateY(0);background:var(--white);box-shadow:0 2px 0 var(--track)}}#lobBtns{position:absolute;left:0;right:0;top:61.8%;transform:translateY(-50%);display:flex;justify-content:center;gap:20px;pointer-events:auto}.lob-btn{width:52px;height:52px;border-radius:50%;background:var(--white);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink);cursor:pointer;padding:0;transition:transform .15s ease}.lob-btn:hover{transform:scale(1.08)}.lob-btn svg{width:22px;height:22px}#lobDiscord{position:relative}.lob-tip{position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%);white-space:nowrap;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:6px 11px;font-family:Jua,Quicksand,sans-serif;font-size:12px;font-weight:600;color:var(--ink);pointer-events:none}.lob-tip:before{content:"";position:absolute;top:-6px;left:50%;width:10px;height:10px;transform:translate(-50%) rotate(45deg);background:var(--white);border-left:1px solid var(--line);border-top:1px solid var(--line);border-radius:3px 0 0}#lobbyUI.s-hidden .lob-el{opacity:0;pointer-events:none}#chat{transition:opacity .25s ease}body.customizing #chat{opacity:0;pointer-events:none}#mapModal{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#3a362e57;z-index:41}#mapModal.show{display:flex}.map-panel{position:relative;width:min(640px,92vw);padding:40px 34px 34px;background:var(--white);border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 60px #3a362e24}#mapModalBack{position:absolute;left:16px;top:18px;display:none;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:none;border:none;border-radius:10px;color:var(--muted);cursor:pointer}#mapModalBack svg{width:20px;height:20px}#mapModalBack:hover{background:var(--hover);color:var(--ink)}#mapModalTitle{font-family:Jua,sans-serif;font-size:22px;font-weight:400;color:var(--ink);text-align:center}#mapModalDesc{font-family:Jua,sans-serif;font-size:13px;color:var(--muted-2);text-align:center;margin:8px 0 24px}#mapGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-height:64vh;overflow-y:auto}.map-card{position:relative;aspect-ratio:16 / 9;border:1px solid var(--line);border-radius:16px;background:#faf8f3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 12px;cursor:pointer;font-family:Jua,sans-serif;transition:border-color .15s ease,background .15s ease}.map-card:hover:not(:disabled){border-color:#d8d2c4;background:#f3f0e8}.map-card-name{font-size:16px;color:var(--ink)}.map-card-desc{font-size:11.5px;color:var(--muted-2);line-height:1.4;text-align:center;white-space:nowrap}.map-card.soon{cursor:default}.map-card.soon .map-card-name,.map-card.soon .map-card-desc{color:#d3cec2}.map-card-soon{position:absolute;top:8px;right:8px;font-size:10px;color:var(--muted-2);background:#f1eee6;padding:3px 8px;border-radius:999px}.map-card-count{position:absolute;top:8px;right:8px;font-size:10px;color:var(--muted);background:#f1eee6;padding:3px 8px;border-radius:999px;font-family:Quicksand,sans-serif;font-weight:600}.map-panel .auth-close{margin-top:24px}.lobby-buttons{align-items:center}#shareRoomBtn{flex:0 0 50px;width:50px;height:50px;border-radius:50%;background:var(--white);border:1px solid var(--line);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:transform .15s ease}#shareRoomBtn:hover{transform:scale(1.08)}#shareRoomBtn svg{width:20px;height:20px}#shareRoomBtn .icon-check,#shareRoomBtn.copied .icon-link{display:none}#shareRoomBtn.copied .icon-check{display:block;color:var(--green)}#accountModal{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#3a362e47;z-index:40}#accountModal.show{display:flex}#accountModal .dash-card{width:min(340px,90vw)}#accLogoutBtn{color:var(--coral);background:transparent;border-color:var(--coral);margin-top:22px}#accLogoutBtn:hover{background:var(--coral);color:var(--white);border-color:var(--coral)}#accLogoutBtn+.auth-close{margin-top:10px}#settingsModal{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:#3a362e47;z-index:40}#settingsModal.show{display:flex}#settingsModal .dash-card{width:min(400px,92vw)}.set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;margin-bottom:10px;background:var(--hover);border-radius:14px}.set-label{font-family:Jua,sans-serif;font-size:14px;color:var(--muted);white-space:nowrap}#setVolume,#setFov{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:var(--track);border:none;border-radius:999px;outline:none;cursor:pointer}#setVolume:hover,#setVolume:focus,#setVolume:focus-visible,#setVolume:active,#setFov:hover,#setFov:focus,#setFov:focus-visible,#setFov:active{outline:none;background:var(--track)}#setVolume::-webkit-slider-thumb,#setFov::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:none;border-radius:50%;background:var(--coral)}#setVolume::-webkit-slider-thumb:hover,#setVolume::-webkit-slider-thumb:active,#setFov::-webkit-slider-thumb:hover,#setFov::-webkit-slider-thumb:active{background:var(--coral)}#setVolume::-moz-range-track,#setFov::-moz-range-track{height:6px;background:var(--track);border:none;border-radius:999px}#setVolume::-moz-range-thumb,#setFov::-moz-range-thumb{width:18px;height:18px;border:none;border-radius:50%;background:var(--coral)}#setVolume::-moz-focus-outer,#setFov::-moz-focus-outer{border:0}#setVolumeVal,#setFovVal{width:32px;text-align:right;font-family:Quicksand,sans-serif;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.set-seg{display:flex;gap:4px}.set-seg button{padding:6px 10px;font-family:Jua,sans-serif;font-size:12px;font-weight:400;color:var(--muted);background:var(--white);border:1px solid var(--line);border-radius:999px;cursor:pointer}.set-seg button:hover{background:#f3f0e8;border-color:#d8d2c4}.set-seg button.on{color:var(--white);background:var(--ink);border-color:var(--ink)}@media(min-height:541px)and (min-width:821px){body:not(.lobby).mm-tl #minimap{top:18px;left:18px;bottom:auto;right:auto}body:not(.lobby).mm-tr #minimap{top:var(--top10bottom, 18px);right:18px;bottom:auto;left:auto}body:not(.lobby).mm-bl #minimap{bottom:18px;left:18px;top:auto;right:auto}body:not(.lobby).mm-br #minimap{bottom:18px;right:18px;top:auto;left:auto}body:not(.lobby).chat-tl #chat{top:18px;left:18px;bottom:auto;right:auto}body:not(.lobby).chat-tr #chat{top:var(--top10bottom, 18px);right:18px;bottom:auto;left:auto}body:not(.lobby).chat-bl #chat{bottom:18px;left:18px;top:auto;right:auto}body:not(.lobby).chat-br #chat{bottom:18px;right:18px;top:auto;left:auto}body:not(.lobby).mm-tl.chat-tl #chat{top:calc(18px + var(--mm, 180px) + 8px)}body:not(.lobby).mm-tr.chat-tr #chat{top:calc(var(--top10bottom, 18px) + var(--mm, 180px) + 8px)}body:not(.lobby).mm-bl.chat-bl #chat{bottom:calc(18px + var(--mm, 180px) + 8px)}body:not(.lobby).mm-br.chat-br #chat{bottom:calc(18px + var(--mm, 180px) + 8px)}body:not(.lobby).chat-tl #speed{left:272px}body:not(.lobby).mm-tl #speed{left:calc(18px + var(--mm, 180px) + 12px)}}