*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#101315}body{font-family:Rajdhani,PingFang SC,Microsoft YaHei,sans-serif;color:#d8dde2}#gl{position:fixed;inset:0;width:100%;height:100%;display:block}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}button{font-family:inherit;cursor:pointer}.lobby-wrap{position:absolute;inset:0;overflow-y:auto;background:radial-gradient(ellipse at 50% -20%,#22303a,#101315 65%);display:flex;flex-direction:column;align-items:center;padding:4vh 16px 40px}.lobby-title{font-size:44px;font-weight:700;letter-spacing:6px;color:#f0f3f5}.lobby-title em{color:#ffa040;font-style:normal}.lobby-sub{color:#7d8a94;margin:6px 0 22px;letter-spacing:2px;font-size:14px}.lobby-nick{display:flex;gap:8px;margin-bottom:18px}.lobby-nick input{width:220px;padding:10px 14px;font-size:18px;background:#181d20;color:#f0f3f5;border:1px solid #39424a;border-radius:3px;outline:none;font-family:inherit}.lobby-nick input:focus{border-color:#ffa040}.lobby-cols{display:flex;gap:18px;width:min(880px,96vw);align-items:flex-start}.lobby-card{background:#15191c;border:1px solid #293137;border-radius:4px;padding:18px}.lobby-left{flex:0 0 300px;display:flex;flex-direction:column;gap:14px}.lobby-right{flex:1;min-width:0}.btn{display:block;width:100%;padding:12px;font-size:17px;font-weight:700;letter-spacing:2px;background:#222a30;color:#e8edf0;border:1px solid #39424a;border-radius:3px;transition:background .15s,border-color .15s}.btn:hover{background:#2c363e;border-color:#4a555f}.btn.primary{background:#ffa040;border-color:#ffa040;color:#1a1206}.btn.primary:hover{background:#ffb164}.btn.small{padding:7px 10px;font-size:14px;width:auto}.btn.danger{border-color:#7a3535;color:#e08a8a}.card-title{font-size:13px;letter-spacing:3px;color:#7d8a94;margin-bottom:10px;text-transform:uppercase}.create-form{display:flex;flex-direction:column;gap:10px}.create-form label{font-size:13px;color:#9aa7b0;display:flex;justify-content:space-between;align-items:center;gap:8px}.create-form input[type=text]{background:#181d20;border:1px solid #39424a;color:#f0f3f5;padding:7px 10px;border-radius:3px;font-family:inherit;width:150px}.create-form select{background:#181d20;border:1px solid #39424a;color:#f0f3f5;padding:6px 8px;border-radius:3px;font-family:inherit}.room-section{margin-bottom:14px}.room-section>.card-title{display:flex;justify-content:space-between}.room-row{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 12px;margin-bottom:8px;background:#1b2126;border:1px solid #2b343b;border-radius:3px;cursor:pointer;transition:border-color .15s}.room-row:hover{border-color:#ffa040}.room-row.lan{border-left:3px solid #3fb950}.room-row.dim{opacity:.45;cursor:not-allowed}.room-row.dim:hover{border-color:#2b343b}.room-name{font-size:16px;font-weight:700;color:#e8edf0}.room-meta{font-size:12px;color:#7d8a94;grid-column:1 / -1}.room-players{font-size:18px;color:#ffa040;font-weight:700;align-self:center}.room-state{font-size:12px;color:#3fb950;align-self:center}.room-empty{color:#5d6a74;font-size:14px;padding:10px 4px}.lan-guide{font-size:12.5px;color:#7d8a94;line-height:1.7;padding:8px 4px 0;border-top:1px dashed #2b343b;margin-top:6px}.lan-guide code{background:#1b2126;padding:1px 6px;border-radius:3px;color:#ffa040}.member-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#1b2126;border-radius:3px;margin-bottom:6px}.member-dot{width:14px;height:14px;border-radius:50%;flex:none}.member-name{flex:1;font-size:16px}.member-tag{font-size:12px;color:#7d8a94}.member-tag.ready{color:#3fb950}.member-tag.host{color:#ffa040}.room-actions{display:flex;gap:10px;margin-top:14px}.hud{position:absolute;inset:0;pointer-events:none}.hud>*{pointer-events:none}.hud-speed{position:absolute;left:22px;bottom:18px;font-size:56px;font-weight:700;color:#ffa040;text-shadow:0 2px 8px rgba(0,0,0,.7);line-height:1}.hud-speed small{font-size:16px;color:#c8cfd4;margin-left:4px}.hud-right{position:absolute;right:22px;bottom:18px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.hud-nitro{width:180px;height:12px;background:#0000008c;border:1px solid #39424a;border-radius:2px;overflow:hidden}.hud-nitro>div{height:100%;background:linear-gradient(90deg,#3dc8d9,#ffa040);width:0%}.hud-item{width:54px;height:54px;background:#0000008c;border:1px solid #39424a;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:30px}.hud-top{position:absolute;left:22px;top:16px;display:flex;flex-direction:column;gap:4px;text-shadow:0 1px 4px rgba(0,0,0,.8)}.hud-lap{font-size:26px;font-weight:700}.hud-pos{font-size:18px;color:#ffa040;font-weight:700}.hud-ping{font-size:13px;color:#7d8a94}.hud-minimap{position:absolute;right:22px;top:16px;background:#00000073;border:1px solid #293137;border-radius:4px}.hud-count{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);font-size:110px;font-weight:700;color:#ffa040;text-shadow:0 4px 24px rgba(0,0,0,.8)}.hud-toast{position:absolute;left:50%;top:18%;transform:translate(-50%);font-size:22px;font-weight:700;color:#f0f3f5;text-shadow:0 2px 8px rgba(0,0,0,.8);opacity:0;transition:opacity .3s}.hud-standings{position:absolute;left:22px;top:90px;font-size:14px;color:#c8cfd4;text-shadow:0 1px 4px rgba(0,0,0,.8)}.hud-standings .me{color:#ffa040}.results-wrap{position:absolute;inset:0;background:#0a0d0fd1;display:flex;align-items:center;justify-content:center}.results-panel{width:min(480px,92vw);background:#15191c;border:1px solid #293137;border-radius:4px;padding:26px}.results-panel h2{letter-spacing:4px;margin-bottom:16px;color:#f0f3f5}.result-row{display:flex;align-items:center;gap:12px;padding:9px 10px;background:#1b2126;border-radius:3px;margin-bottom:6px}.result-row.me{border:1px solid #ffa040}.result-pos{width:34px;font-size:20px;font-weight:700;color:#ffa040}.result-name{flex:1;font-size:16px}.result-time{font-size:14px;color:#7d8a94}.toast-note{position:absolute;left:50%;bottom:8%;transform:translate(-50%);color:#9aa7b0;font-size:14px;text-shadow:0 1px 4px rgba(0,0,0,.8)}.hidden{display:none!important}@media (max-width: 760px){.lobby-cols{flex-direction:column}.lobby-left{flex:none;width:100%}.lobby-title{font-size:32px}.hud-speed{font-size:40px}}