*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#0a0512;color:#e9d5ff;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button{cursor:pointer;border:none;border-radius:8px;padding:12px 20px;background:linear-gradient(135deg,#6d28d9,#9333ea);color:#fff;font-size:16px;font-weight:600}button:hover{filter:brightness(1.1)}button.secondary{background:#1a0a2e;border:1px solid #6d28d9}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#1a0a2e,#0a0512);z-index:10}.panel{background:#0f0618eb;border:1px solid rgba(192,132,252,.3);border-radius:16px;padding:24px 32px;min-width:320px;max-width:90vw;display:flex;flex-direction:column;gap:12px}.panel h1{font-size:2rem;text-align:center;color:#c084fc;margin-bottom:8px}.panel input,.panel select{padding:10px;border-radius:8px;border:1px solid #4c1d95;background:#0f0618;color:#e9d5ff}.menu-panel{width:min(92vw,400px);gap:10px}.menu-hero{text-align:center;margin-bottom:6px}.menu-panel h1{font-size:2.6rem;margin-bottom:2px;background:linear-gradient(135deg,#e879f9,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.01em}.menu-tagline{font-size:13px;color:#d8b4feb3}.menu-name-input{width:100%;text-align:center;font-size:16px;font-weight:600}.menu-cta{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 20px;background:linear-gradient(135deg,#7c3aed,#9333ea);box-shadow:0 6px 20px #9333ea59}.menu-cta:hover{filter:brightness(1.08)}.menu-cta--alt{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 6px 20px #3b82f647}.menu-cta-label{font-size:17px;font-weight:700}.menu-cta-hint{font-size:12px;font-weight:500;opacity:.8}.menu-secondary-row{display:flex;gap:8px;margin-top:2px}.menu-secondary-row button{flex:1}.leader-season{color:#d8b4fecc;font-size:14px}.leader-list{max-height:340px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.leader-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background:#c084fc0f}.leader-row--top{background:#c084fc26;border:1px solid rgba(240,171,252,.3)}.leader-rank{font-weight:800;color:#f0abfc;text-align:center}.leader-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-score{font-weight:700;color:#e9d5ff;text-align:right}.leader-kills{font-weight:500;font-size:12px;color:#d8b4fea6}.hud{position:fixed;top:12px;left:12px;z-index:5;background:#0a0512bf;border:1px solid rgba(192,132,252,.25);border-radius:10px;padding:10px 14px;font-size:13px;pointer-events:none}.hud-you{color:#e879f9}.hud-self{font-weight:700;margin-bottom:6px;color:#f0abfc}.hud-ping{margin-bottom:6px;font-size:12px;color:#a78bfa}.hud-ping-warn,.hud-lag{color:#fbbf24}.hud-status{margin-bottom:6px;font-size:12px;color:#fbbf24}.hud-code{margin-bottom:8px;font-size:12px;color:#c084fc}.hud-code strong{letter-spacing:.15em}.hud-code-actions{display:flex;gap:6px;margin-top:6px}.hud-mini-btn{padding:4px 8px;font-size:11px;border-radius:6px}.lobby-invite-banner{margin-bottom:10px;padding:10px;border-radius:8px;background:#6d28d940;border:1px solid rgba(192,132,252,.35);font-size:14px}.invite-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#050208b8;pointer-events:auto}.invite-panel{width:min(92vw,420px);padding:24px;border-radius:12px;background:#0f0618f5;border:1px solid rgba(192,132,252,.4);text-align:center}.invite-panel h2{margin-bottom:8px}.invite-hint{margin-bottom:16px;color:#c084fc;font-size:14px}.invite-code{font-size:36px;font-weight:800;letter-spacing:.25em;margin:12px 0 20px;color:#f0abfc}.invite-actions{display:flex;flex-direction:column;gap:8px}.invite-dismiss{margin-top:14px;width:100%}.field-label{align-self:flex-start;margin:4px 0 -4px;font-size:13px;font-weight:600;color:#d8b4fe;text-transform:uppercase;letter-spacing:.06em}.field-hint{align-self:flex-start;margin:4px 0 -2px;font-size:13px;color:#d8b4febf}.waiting-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:40vh;overflow-y:auto}.waiting-roster li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-radius:10px;background:#c084fc14;border:1px solid rgba(192,132,252,.15);font-weight:600}.waiting-roster-item--me{border-color:#f0abfc8c!important;background:#c084fc29!important}.waiting-host-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#0f0618;background:#f0abfc;border-radius:999px;padding:2px 8px}.game-canvas-wrap{position:fixed;top:0;right:0;bottom:0;left:0}.game-canvas-wrap canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.game-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#c084fc;font-size:1.25rem;pointer-events:none;background:#0a05128c}.minimap{position:fixed;bottom:10px;left:10px;z-index:5;width:52px;height:52px;border-radius:6px;border:1px solid rgba(192,132,252,.3);background:#0a0512d1;box-shadow:0 0 12px #6d28d933;pointer-events:none;overflow:hidden}.minimap canvas{display:block;width:52px;height:52px}.mobile-controls{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));z-index:6;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}.mobile-controls-hint{max-width:150px;text-align:right;font-size:11px;line-height:1.35;color:#c084fcb3;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:1;transition:opacity .6s ease}.mobile-controls-hint--hidden{opacity:0}.mobile-pad{pointer-events:auto;touch-action:none;position:relative;width:128px;height:128px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#a855f738,#4c1d9529 70%);border:1.5px solid rgba(240,171,252,.28);box-shadow:inset 0 0 24px #6d28d938,0 2px 14px #00000059;opacity:.55;transition:opacity .15s ease,box-shadow .15s ease,border-color .15s ease}.mobile-pad--active{opacity:.95;border-color:#f0abfc8c}.mobile-pad--sprint{border-color:#f0abfcd9;box-shadow:inset 0 0 26px #a855f766,0 0 28px #e879f98c}.mobile-pad-nub{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a855f7,#6d28d9 65%,#4c1d95);border:1.5px solid rgba(240,171,252,.7);box-shadow:0 2px 12px #6d28d973;will-change:transform;pointer-events:none}.mobile-pad--sprint .mobile-pad-nub{box-shadow:0 0 22px #e879f9b3}@media(pointer:coarse){.hud{max-width:min(52vw,220px);max-height:38vh;overflow:hidden;font-size:11px;padding:8px 10px}.hud-self{font-size:12px}.minimap{bottom:max(92px,calc(env(safe-area-inset-bottom) + 78px));left:max(10px,env(safe-area-inset-left))}}