:root{color:#f7fbff;background:#050914;font-family:Outfit,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--red: #ff4057;--green: #35d07f;--blue: #4d8dff;--gold: #ffcf3f;--panel-bg: rgba(9, 15, 29, .78);--panel-border: rgba(148, 180, 255, .14);--muted: #93a1b8}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#050914}body,#app{position:fixed;top:0;right:0;bottom:0;left:0}canvas{display:block;width:100%;height:100%}#ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}#ui.active{pointer-events:auto}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;animation:screen-in .45s cubic-bezier(.16,1,.3,1);overflow:auto}@keyframes screen-in{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:18px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 24px 70px #00000073}.menu-layout{display:flex;gap:22px;align-items:stretch;max-width:980px;width:100%}.menu-main{flex:1.35;display:flex;flex-direction:column;gap:18px;min-width:0}.logo{text-align:center;padding:8px 0 2px}.logo-title{margin:0;font-size:clamp(44px,7vw,76px);font-weight:800;letter-spacing:.04em;line-height:1}.logo-title span:first-child{background:linear-gradient(100deg,var(--red),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(255,64,87,.35))}.logo-title span:last-child{background:linear-gradient(100deg,var(--green),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(77,141,255,.35))}.logo-tagline{margin:10px 0 0;color:var(--muted);font-size:15px;letter-spacing:.06em}.play-card{padding:22px 26px 20px;display:flex;flex-direction:column;gap:12px}.nick-label{font-size:11px;font-weight:700;letter-spacing:.22em;color:var(--muted)}.nick-input{width:100%;padding:13px 16px;font:inherit;font-size:18px;font-weight:600;color:#fff;background:#0a1224e6;border:1px solid rgba(148,180,255,.22);border-radius:12px;outline:none;transition:border-color .15s,box-shadow .15s}.nick-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #4d8dff38}.play-btn{position:relative;padding:15px 22px;font:inherit;font-size:20px;font-weight:800;letter-spacing:.18em;color:#fff;background:linear-gradient(115deg,#ff4057,#ff7a3d);border:none;border-radius:13px;cursor:pointer;box-shadow:0 8px 28px #ff405766;transition:transform .12s,box-shadow .12s,filter .12s;animation:play-pulse 2.2s ease-in-out infinite}.play-btn:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.08);box-shadow:0 12px 34px #ff40578c}.play-btn:active{transform:translateY(0) scale(.99)}@keyframes play-pulse{0%,to{box-shadow:0 8px 28px #ff405766}50%{box-shadow:0 8px 40px #ff40579e}}.online-row{display:flex;align-items:center;gap:8px;justify-content:center;color:var(--muted);font-size:13px}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:online-blink 2.4s ease-in-out infinite}@keyframes online-blink{0%,to{opacity:1}50%{opacity:.45}}.howto{padding:16px 22px;display:flex;flex-direction:column;gap:10px;font-size:14px;color:#cdd9ea}.howto-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.howto-hint{color:var(--muted);line-height:1.5}.key-chip{display:inline-block;padding:3px 9px;font-size:12px;font-weight:700;letter-spacing:.08em;border:1px solid rgba(148,180,255,.3);border-bottom-width:3px;border-radius:7px;background:#141e34e6}.menu-side{flex:1;padding:22px 22px 18px;min-width:270px;max-width:340px;display:flex;flex-direction:column}.side-title{margin:0;font-size:17px;font-weight:800;letter-spacing:.12em}.side-subtitle{margin:6px 0 14px;font-size:12px;color:var(--muted);line-height:1.45}.board{display:flex;flex-direction:column;gap:7px;overflow-y:auto}.board-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:#121c32a6;border:1px solid rgba(148,180,255,.07);font-size:14px}.board-row.you{border-color:#ff405780;background:#ff40571f}.board-rank{width:26px;color:var(--muted);font-weight:700;font-size:12px}.board-name{flex:1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-name em,.mm-name em,.standing-name em{font-style:normal;color:var(--muted);font-size:.85em}.board-wins{font-weight:800;color:var(--gold);font-size:13px;white-space:nowrap}.board-empty{color:var(--muted);font-size:13px}.mute-btn{position:absolute;top:18px;right:20px;width:44px;height:44px;font-size:20px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;cursor:pointer;transition:transform .12s}.mute-btn:hover{transform:scale(1.08)}.mm-card{width:min(460px,92vw);padding:30px 30px 24px;display:flex;flex-direction:column;align-items:center;gap:18px}.mm-radar{position:relative;width:84px;height:84px;border-radius:50%;border:2px solid rgba(77,141,255,.35);overflow:hidden}.mm-radar:after{content:"";position:absolute;top:22px;right:22px;bottom:22px;left:22px;border-radius:50%;border:1px solid rgba(77,141,255,.3)}.mm-radar-sweep{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(77,141,255,.55),transparent 26%);animation:radar-spin 1.6s linear infinite}@keyframes radar-spin{to{transform:rotate(360deg)}}.mm-title{margin:0;font-size:20px;font-weight:800;letter-spacing:.16em}.mm-title.found{color:var(--green);animation:found-pop .35s cubic-bezier(.16,1.6,.3,1)}@keyframes found-pop{0%{transform:scale(.85)}to{transform:scale(1)}}.mm-dots i{animation:dot-blink 1.2s infinite;font-style:normal}.mm-dots i:nth-child(2){animation-delay:.2s}.mm-dots i:nth-child(3){animation-delay:.4s}@keyframes dot-blink{0%,to{opacity:.2}40%{opacity:1}}.mm-slots{width:100%;display:flex;flex-direction:column;gap:8px}.mm-slot{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:11px;background:#121c32a6;border:1px solid rgba(148,180,255,.08);font-size:15px;transition:border-color .25s,background .25s}.mm-slot.pending .mm-name{color:var(--muted);animation:dot-blink 1.4s infinite}.mm-slot.ready{border-color:#35d07f66;animation:slot-in .3s cubic-bezier(.16,1.4,.3,1)}.mm-slot.you{border-color:#ff405773}@keyframes slot-in{0%{transform:translate(-8px);opacity:.4}to{transform:none;opacity:1}}.mm-dot{width:12px;height:12px;border-radius:50%;background:var(--dot, #888);box-shadow:0 0 9px var(--dot, transparent);flex-shrink:0}.mm-name{flex:1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mm-ping{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.ghost-btn{padding:10px 22px;font:inherit;font-size:14px;font-weight:700;letter-spacing:.12em;color:var(--muted);background:transparent;border:1px solid rgba(148,180,255,.22);border-radius:11px;cursor:pointer;transition:color .12s,border-color .12s,transform .12s}.ghost-btn:hover{color:#fff;border-color:#94b4ff80;transform:translateY(-1px)}.end-screen{background:#03060e8c}.end-layout{display:flex;gap:22px;max-width:900px;width:100%;align-items:stretch}.end-main{flex:1.4;padding:30px 32px 26px;display:flex;flex-direction:column;gap:16px;min-width:0}.end-headline{margin:0;font-size:clamp(34px,5vw,52px);font-weight:800;letter-spacing:.06em;line-height:1}.end-headline.won{background:linear-gradient(100deg,var(--gold),#fff6d8,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 26px rgba(255,207,63,.4))}.end-headline.lost{color:#e6ecf6}.end-sub{margin:-6px 0 0;color:var(--muted);font-size:15px}.standings{display:flex;flex-direction:column;gap:8px}.standing-row{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:11px;background:#121c32a6;border:1px solid rgba(148,180,255,.08);font-size:15px}.standing-row.you{border-color:#ff405780;background:#ff40571a}.standing-rank{width:30px;font-weight:800;color:var(--muted);font-size:13px}.standing-name{flex:1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.standing-kills{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.standing-score{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.end-actions{display:flex;gap:12px;margin-top:4px;align-items:center}.end-actions .play-btn{flex:1;font-size:17px}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-18px;border-radius:2px;animation:confetti-fall linear infinite}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}85%{opacity:1}to{transform:translateY(105vh) rotate(660deg);opacity:0}}@media (max-width: 860px){.menu-layout,.end-layout{flex-direction:column;max-width:520px}.menu-side{max-width:none}}