*{box-sizing:border-box;margin:0;padding:0}html,body{color:#e8ecf2;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none;background:#1a1d24;width:100%;height:100dvh;font:13px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#view{touch-action:none;width:100%;height:100%;display:block}#hud,#stick,#aimstick,#fire,#brake,#module,#gear{touch-action:none}#hud{pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;inset:0}.panel{font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14171eb8;border:1px solid #ffffff14;border-radius:10px;padding:8px 10px;position:absolute;top:10px;left:10px}.panel .row{justify-content:space-between;gap:14px;display:flex}.panel .k{color:#8b93a3}.panel .v{color:#e8ecf2;font-weight:600}.panel .slip{color:#ff9a4d}#gear{color:#b9c1d0;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#14171eb8;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;position:absolute;top:10px;right:10px}#gear.on{color:#fff;background:#3d7bfd;border-color:#3d7bfd}.controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;background:#12151cf0;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;gap:4px;width:min(300px,100vw - 20px);max-height:calc(100dvh - 80px);padding:12px;display:none;position:absolute;top:64px;right:10px;overflow-y:auto;box-shadow:0 12px 40px #00000080}.controls.open{display:flex}@media (height<=460px){.controls{width:min(340px,100vw - 20px);max-height:calc(100dvh - 64px);padding:10px;top:56px}.group{margin-bottom:4px}.chip{padding:7px 10px;font-size:12px}.controls-head{margin-bottom:2px;font-size:13px}}.controls-head{justify-content:space-between;align-items:center;margin-bottom:4px;font-size:14px;font-weight:700;display:flex}.controls-close{color:#8b93a3;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:16px;line-height:1}.group{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.chip{color:#b9c1d0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9px;padding:9px 12px;font-family:inherit;font-size:13px}.chip.on{color:#fff;background:#3d7bfd;border-color:#3d7bfd;font-weight:600}.label{color:#6f7787;text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:10px}.controls-hint{color:#6f7787;border-top:1px solid #ffffff12;margin-top:4px;padding-top:8px;font-size:11px;line-height:1.5}#stick{background:#ffffff0d;border:2px solid #ffffff29;border-radius:50%;width:130px;height:130px;display:none;position:absolute;transform:translate(-50%,-50%)}#stick .knob{background:#ffffff38;border:2px solid #ffffff59;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}#brake{color:#ffb08a;letter-spacing:.08em;pointer-events:auto;background:#ff783c24;border:2px solid #ff783c80;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:40px;right:136px}#brake.on{color:#fff;background:#ff783c73}.chip.off{opacity:.3;pointer-events:none}#module{color:#9cc4ff;letter-spacing:.06em;pointer-events:auto;background:#5aa0ff24;border:2px solid #6eaaff80;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:140px;right:136px}#module.on{color:#fff;background:#5aa0ff80}.hpbar{pointer-events:none;text-align:center;will-change:transform;width:54px;position:absolute;top:0;left:0}.hpname{color:#9aa3b4;text-shadow:0 1px 3px #000000e6;white-space:nowrap;margin-bottom:2px;font-size:10px}.hptrack{background:#0000008c;border:1px solid #ffffff2e;border-radius:3px;height:5px;overflow:hidden}.hpfill{width:100%;height:100%;transition:width .12s linear}.hpnum{text-shadow:0 1px 3px #000000e6;font-variant-numeric:tabular-nums;margin-top:1px;font-size:11px;font-weight:700}#fire{color:#ff9d8a;letter-spacing:.1em;pointer-events:auto;background:#ff463c29;border:2px solid #ff5a468c;border-radius:50%;justify-content:center;align-items:center;width:108px;height:108px;font-size:13px;font-weight:800;display:flex;position:absolute;bottom:26px;right:20px}#fire.on{color:#fff;background:#ff463c80}.overlay{pointer-events:auto;z-index:50;text-align:center;background:#0e1015ed;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.overlay.show{display:flex}.gate-card{max-width:340px}.gate-title{letter-spacing:.06em;color:#e8ecf2;font-size:30px;font-weight:800}.gate-sub{color:#6f7787;margin-top:4px;font-size:13px}.gate-btn{color:#fff;cursor:pointer;background:#3d7bfd;border:none;border-radius:12px;margin-top:22px;padding:15px 42px;font:700 16px/1 inherit}.gate-hint{color:#8b93a3;margin-top:18px;font-size:12px;line-height:1.6}.gate-hint b{color:#b9c1d0}.rotate{z-index:60}.rotate-card{color:#b9c1d0;font-size:15px;font-weight:600;line-height:1.5}.rotate-card svg{color:#3d7bfd;margin-bottom:14px}.rotate-card span{color:#6f7787;font-size:12px;font-weight:400}.net-status{top:max(10px, env(safe-area-inset-top));color:#c8cede;text-align:center;pointer-events:none;z-index:45;background:#1a1d24eb;border:1px solid #39404f;border-radius:10px;align-items:center;gap:10px;max-width:min(90vw,520px);padding:9px 14px;font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;display:none;position:fixed;left:50%;transform:translate(-50%)}.net-status.show{display:flex}.net-status.error{color:#ffb4a8;pointer-events:auto;background:#2a1d20f0;border-color:#7a3b40}.net-retry{color:#ffb4a8;font:inherit;cursor:pointer;background:#3a2529;border:1px solid #7a3b40;border-radius:7px;flex:none;padding:5px 12px}.net-retry:active{background:#4a2f34}.menu{touch-action:pan-y;padding:max(12px, env(safe-area-inset-top)) 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:55;pointer-events:auto;background:#0c0e13d1;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.menu.show{display:flex}.menu-card{background:#1a1d24;border:1px solid #2f3644;border-radius:16px;flex-direction:column;width:min(92vw,360px);max-height:min(92vh,620px);display:flex;overflow:hidden;box-shadow:0 18px 50px #00000080}.menu.wide .menu-card{width:min(94vw,480px)}.menu-head{border-bottom:1px solid #262c38;align-items:center;gap:8px;padding:14px 16px 10px;display:flex}.menu-title{letter-spacing:.08em;color:#e8ecf2;text-transform:uppercase;font:600 15px/1.2 system-ui,-apple-system,Segoe UI,sans-serif}.menu-back{color:#c8cede;cursor:pointer;background:#232936;border:1px solid #39404f;border-radius:8px;flex:none;width:26px;height:26px;font-size:17px;line-height:1}.menu-body{touch-action:pan-y;-webkit-overflow-scrolling:touch;flex-direction:column;gap:9px;padding:14px 16px 18px;display:flex;overflow-y:auto}.menu-sub{color:#8b93a3;margin:-2px 0 6px;font:12px/1.4 system-ui,-apple-system,sans-serif}.menu-btn{color:#e8ecf2;text-align:left;cursor:pointer;background:#232936;border:1px solid #39404f;border-radius:11px;width:100%;padding:13px 14px;font:600 14px/1 system-ui,-apple-system,sans-serif}.menu-btn:active{background:#2b3242}.menu-btn.primary{background:#2b4b8a;border-color:#3d69bd}.menu-btn.primary:active{background:#33579d}.menu-btn.danger{color:#ffb4a8;background:#3a2529;border-color:#7a3b40}.menu-label{color:#8b93a3;letter-spacing:.1em;text-transform:uppercase;margin-top:4px;font:600 10px/1 system-ui,sans-serif}.menu-chips-wrap{flex-direction:column;gap:7px;display:flex}.menu-chips{flex-wrap:wrap;gap:6px;display:flex}.menu-chip{color:#c8cede;cursor:pointer;background:#232936;border:1px solid #39404f;border-radius:9px;padding:8px 12px;font:13px/1 system-ui,-apple-system,sans-serif}.menu-chip.on{color:#fff;background:#2b4b8a;border-color:#3d69bd}.menu-field{flex-direction:column;gap:5px;display:flex}.menu-field span{color:#8b93a3;letter-spacing:.1em;text-transform:uppercase;font:600 10px/1 system-ui,sans-serif}.menu-field input{color:#e8ecf2;background:#12151b;border:1px solid #39404f;border-radius:9px;padding:10px 12px;font:13px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.menu-field input:focus{border-color:#3d69bd;outline:none}.menu-actions{flex-wrap:wrap;gap:7px;display:flex}.menu-small{color:#e8ecf2;cursor:pointer;background:#232936;border:1px solid #39404f;border-radius:9px;flex:auto;padding:9px 12px;font:13px/1 system-ui,-apple-system,sans-serif}.menu-small:active{background:#2b3242}.menu-small[disabled]{opacity:.45;cursor:default}.menu-list{flex-direction:column;gap:6px;display:flex}.menu-row{background:#1e232d;border:1px solid #2f3644;border-radius:10px;align-items:center;gap:10px;padding:9px 11px;display:flex}.menu-row-info{flex-direction:column;flex:auto;gap:3px;min-width:0;display:flex}.menu-row-info b{color:#e8ecf2;font:600 13px/1.2 system-ui,sans-serif}.menu-row-info span{color:#8b93a3;font:11px/1.3 system-ui,sans-serif}.menu-row .menu-small{flex:none}.menu-note{color:#8b93a3;font:12px/1.5 system-ui,-apple-system,sans-serif}.menu-note.error{color:#ffb4a8}#hud:not(.in-match)>:not(.menu):not(.overlay):not(.net-status){display:none!important}.menu-chip.locked{opacity:.4;cursor:default}#aimstick{background:#ffb4780f;border:2px solid #ffb47838;border-radius:50%;width:130px;height:130px;display:none;position:absolute;transform:translate(-50%,-50%)}#aimstick .knob{background:#ffb47842;border:2px solid #ffb47873;border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}.menu-close{color:#c8cede;cursor:pointer;background:#232936;border:1px solid #39404f;border-radius:8px;flex:none;width:26px;height:26px;margin-left:auto;font-size:13px;line-height:1}.hud-toast{color:#f0c04a;white-space:nowrap;pointer-events:none;background:#1a1d24e6;border:1px solid #6b5a3a;border-radius:10px;padding:8px 16px;font:600 15px/1.2 system-ui,-apple-system,sans-serif;display:none;position:absolute;top:18%;left:50%;transform:translate(-50%)}.hud-toast.show{display:block}.turn-btn,.pad-btn{bottom:max(26px, env(safe-area-inset-bottom));color:#fffc;pointer-events:auto;touch-action:none;background:#ffffff14;border:2px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;line-height:1;display:none;position:absolute}.turn-btn{font-size:44px}.pad-btn{font-size:30px}#turn-left{left:max(18px, env(safe-area-inset-left))}#turn-right{left:calc(max(18px, env(safe-area-inset-left)) + 108px)}#gas{right:max(18px, env(safe-area-inset-right));color:#bef5d2e6;background:#78dc961a;border-color:#78dc964d}#pedal-brake{right:calc(max(18px, env(safe-area-inset-right)) + 108px);color:#ffc3b4e6;background:#ff8c781a;border-color:#ff8c784d}.turn-btn.on,.pad-btn.on{background:#ffffff38;border-color:#ffffff73}#gas.on{background:#78dc9642;border-color:#78dc968c}#pedal-brake.on{background:#ff8c7842;border-color:#ff8c788c}#hud.buttons-drive #module{right:max(28px, env(safe-area-inset-right));width:76px;height:76px;bottom:140px}.quit-screen{z-index:70;pointer-events:auto;background:#12151b;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0}.quit-title{letter-spacing:.06em;color:#e8ecf2;text-transform:uppercase;font:600 20px/1.2 system-ui,-apple-system,sans-serif}.quit-hint{color:#8b93a3;margin-bottom:8px;font:13px/1.4 system-ui,sans-serif}.quit-screen .menu-btn{text-align:center;width:auto;min-width:200px}