:root{--glass-bg: rgba(18, 22, 38, .46);--glass-bg-strong: rgba(16, 20, 34, .62);--glass-border: rgba(255, 255, 255, .16);--glass-hi: rgba(255, 255, 255, .35);--text: rgba(238, 244, 255, .96);--text-dim: rgba(190, 205, 235, .65);--accent: #37e6ff;--accent-2: #7c5cff;--danger: #ff5c7c;--good: #46f0a0;--radius: 22px;--blur: 8px;--font-display: "Geist", -apple-system, "Segoe UI", system-ui, sans-serif;--font-ui: "Figtree", -apple-system, "Segoe UI", system-ui, sans-serif;font-family:var(--font-ui)}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit}html,body,#root{margin:0;height:100%;width:100%;overflow:hidden;background:#05060b;color:var(--text);-webkit-font-smoothing:antialiased}*{scrollbar-width:thin;scrollbar-color:rgba(130,170,230,.45) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#82aae661;border-radius:999px;border:3px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#a0c8ff99;background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}.app{position:fixed;top:0;right:0;bottom:0;left:0}.app:before{content:"";position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:0;pointer-events:none;background:radial-gradient(38% 48% at 22% 28%,rgba(55,230,255,.1),transparent 70%),radial-gradient(42% 52% at 78% 22%,rgba(124,92,255,.13),transparent 72%),radial-gradient(46% 56% at 64% 82%,rgba(55,230,255,.07),transparent 72%),radial-gradient(50% 60% at 30% 78%,rgba(124,92,255,.08),transparent 74%);filter:blur(48px) saturate(120%);animation:bg-drift 26s ease-in-out infinite alternate;will-change:transform}@keyframes bg-drift{0%{transform:translate3d(-2.5%,-2%,0) scale(1.05) rotate(0)}50%{transform:translate3d(2%,2.5%,0) scale(1.12) rotate(2deg)}to{transform:translate3d(3%,-2.5%,0) scale(1.06) rotate(-2deg)}}@media (prefers-reduced-motion: reduce){.app:before{animation:none}}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0;cursor:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%3E%3Ccircle%20cx='10'%20cy='10'%20r='7'%20fill='none'%20stroke='%2337e6ff'%20stroke-opacity='0.35'%20stroke-width='1'/%3E%3Ccircle%20cx='10'%20cy='10'%20r='4.5'%20fill='none'%20stroke='%2337e6ff'%20stroke-width='1.5'/%3E%3Ccircle%20cx='10'%20cy='10'%20r='1.3'%20fill='%2337e6ff'/%3E%3C/svg%3E") 10 10,crosshair}.glass{position:relative;background:var(--glass-bg);backdrop-filter:blur(var(--blur)) saturate(165%);-webkit-backdrop-filter:blur(var(--blur)) saturate(165%);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:0 8px 30px #00000073,inset 0 1px 0 0 var(--glass-hi),inset 0 -10px 24px -18px #000000b3;overflow:hidden}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#ffffff24,#ffffff08 18%,#fff0 42%)}.glass-strong{background:var(--glass-bg-strong)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.overlay>*{pointer-events:auto}.hud-top-left{position:absolute;top:18px;left:18px;padding:14px 16px;min-width:190px}.spectator-badge{position:absolute;top:18px;left:18px;padding:12px 15px;display:flex;flex-direction:column;gap:4px;font-size:11px;letter-spacing:.08em}.spectator-badge strong{color:var(--accent)}.spectator-badge span{color:var(--text-dim);letter-spacing:0}.spectator-bar{position:absolute;top:18px;left:18px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;min-width:240px}.spectator-bar-head{display:flex;flex-direction:column;gap:8px}.spectator-bar-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.spectator-bar-head strong{color:var(--accent);font-size:11px;letter-spacing:.1em}.spectate-exit{flex:none}.spectate-toggle{display:flex;gap:4px;padding:3px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:999px}.spectate-mode{flex:1;padding:6px 10px;font-size:12px;color:var(--text-dim);background:transparent;border:0;border-radius:999px;cursor:pointer;transition:color .12s,background .12s}.spectate-mode:hover{color:var(--text)}.spectate-mode.active{color:#05060b;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.spectate-follow{display:flex;align-items:center;gap:8px}.spectate-step{width:28px;height:28px;flex:none;border-radius:8px;border:1px solid var(--glass-border);background:#ffffff0f;color:var(--text);font-size:18px;line-height:1;cursor:pointer}.spectate-step:hover{background:#ffffff1f}.spectate-name{flex:1;text-align:center;font-weight:700;font-size:13px}.spectate-hint{color:var(--text-dim);font-size:10.5px;letter-spacing:0;text-align:center}.hud-title{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 10px var(--good)}.stat-row{display:flex;justify-content:space-between;gap:18px;font-size:13px;padding:3px 0}.stat-row .k{color:var(--text-dim)}.stat-row .v{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:600}.v.accent{color:var(--accent)}.boost-wrap{margin-top:10px}.boost-bar{height:6px;border-radius:6px;background:#ffffff1a;overflow:hidden}.boost-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .12s linear}.leaderboard{position:absolute;top:18px;right:18px;width:232px;padding:14px 14px 10px}.leaderboard h3{margin:0 0 10px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim)}.lb-row{display:flex;align-items:center;gap:9px;padding:5px 6px;border-radius:12px;font-size:13px}.lb-row.you{background:#37e6ff1f;box-shadow:inset 0 0 0 1px #37e6ff40}.lb-rank{width:18px;text-align:center;color:var(--text-dim);font-weight:700}.lb-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;text-decoration:none}.lb-name:hover{text-decoration:underline}.lb-score{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:600;color:var(--accent)}.minimap{position:absolute;bottom:18px;right:18px;width:190px;height:190px;padding:8px;border-radius:50%}.minimap canvas{width:100%;height:100%;border-radius:50%;display:block}.feed{position:absolute;bottom:18px;left:18px;display:flex;flex-direction:column;gap:6px;max-width:280px}.feed-item{padding:7px 12px;font-size:12.5px;color:var(--text);animation:fade .3s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}}.room-pill{position:absolute;top:18px;left:50%;transform:translate(-50%);padding:10px 16px;display:flex;align-items:center;gap:14px;font-size:13px}.room-code{font-family:var(--font-display);font-weight:700;letter-spacing:.24em;color:var(--accent)}.room-pill .copy{cursor:pointer;color:var(--text-dim);border:1px solid var(--glass-border);padding:3px 9px;border-radius:10px;background:#ffffff0d;font-size:11px}.room-pill .copy:hover{color:var(--text)}.center-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#05060b59,#05060bd9);z-index:20}.panel{width:420px;max-width:calc(100vw - 36px);padding:30px 28px}.menu-shell{width:760px;max-width:calc(100vw - 36px);display:flex;flex-direction:column;gap:18px}.menu-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.menu-card{display:flex;flex-direction:column;padding:24px 24px 22px}.menu-card .field:last-child{margin-bottom:0}.menu-card .divider{margin-top:20px}.menu-card .section-divider-top{margin-top:0}.btn-lg{padding:16px;font-size:16px}.menu-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:17px 18px}.control-group{min-width:0;padding:0 18px}.control-group+.control-group{border-left:1px solid rgba(255,255,255,.1)}.control-group-title{margin-bottom:11px;color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.control-list{display:flex;flex-direction:column;gap:8px}.key-item{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px}.key-chips{display:flex;flex-shrink:0;gap:5px}.key-chips kbd{display:inline-flex;align-items:center;justify-content:center;min-width:26px;padding:4px 8px;font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--text);background:#ffffff14;border:1px solid var(--glass-border);border-bottom-width:2px;border-radius:8px}.key-label{font-size:11px;letter-spacing:.02em;color:var(--text-dim);text-align:right}@media (max-width: 720px){.menu-shell{width:420px}.menu-cards{grid-template-columns:1fr}.menu-keys{padding-inline:8px}.control-group{padding-inline:10px}.key-item{min-height:40px;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px}.key-chips{flex-wrap:wrap}.key-label{text-align:left}}.brand{text-align:center;margin-bottom:22px}.brand h1{margin:0;font-family:var(--font-display);font-weight:900;font-size:clamp(42px,6vw,52px);line-height:.95;letter-spacing:-.045em;background:linear-gradient(90deg,#ffffff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 5px 18px rgba(55,230,255,.18))}.brand-logo{display:block;margin:0 auto;width:auto;max-width:min(360px,80%);height:auto;filter:drop-shadow(0 5px 18px rgba(55,230,255,.18))}.brand p{margin:6px 0 0;font-size:13px;color:var(--text-dim)}.field{margin-bottom:14px}.field label{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:7px}.input{width:100%;padding:13px 14px;font-size:15px;color:var(--text);background:#ffffff0f;border:1px solid var(--glass-border);border-radius:14px;outline:none;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:#becdeb66}.input:focus{border-color:#37e6ff80;box-shadow:0 0 0 3px #37e6ff24}.input.code{letter-spacing:.3em;text-transform:uppercase;text-align:center;font-weight:700}.row{display:flex;gap:10px}.row>*{flex:1}.admin-spectate-btn{margin-top:10px}.btn{width:100%;padding:13px 16px;font-size:14.5px;font-weight:600;color:var(--text);border:1px solid var(--glass-border);border-radius:14px;background:#ffffff12;cursor:pointer;transition:transform .08s,background .15s,box-shadow .15s}.btn:hover{background:#ffffff1f}.btn:active{transform:scale(.98)}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;color:#05060b;box-shadow:0 8px 24px #37e6ff4d}.btn.primary:hover{box-shadow:0 10px 30px #37e6ff6b}.swatches{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));align-items:center;gap:7px}.swatch{width:min(30px,100%);aspect-ratio:1;justify-self:center;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .1s,border-color .1s,box-shadow .1s}.swatch:hover{transform:scale(1.12)}.swatch.active{border-color:#fff;box-shadow:0 0 0 3px #ffffff26,0 0 12px currentColor}.pattern-row{display:flex;gap:0;padding:3px;background:#ffffff0b;border:1px solid var(--glass-border);border-radius:999px}.pattern-btn{flex:1;padding:8px 5px;font-size:12px;color:var(--text-dim);background:transparent;border:0;border-radius:999px;cursor:pointer;transition:color .12s,background .12s,box-shadow .12s}.pattern-btn+.pattern-btn{box-shadow:-1px 0 #ffffff14}.pattern-btn:hover{color:var(--text);background:#ffffff0f}.pattern-btn.active{color:#05060b;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 3px 12px #37e6ff33}.region-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.region-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ffffff0b;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-dim);cursor:pointer;opacity:.9;transition:color .12s,background .12s,border-color .12s,box-shadow .12s,opacity .12s}.region-btn:hover{color:var(--text);background:#ffffff12;opacity:1}.region-btn.active{color:var(--text);opacity:1;background:#2d5cd638;border-color:#37e6ff80;box-shadow:0 3px 14px #37e6ff1f}.region-btn.active:hover{background:#3468e647}.region-flag{width:26px;height:18px;object-fit:cover;border-radius:3px;flex:none;box-shadow:0 0 0 1px #ffffff1f}.region-name{font-weight:700;letter-spacing:.04em}.region-ping{margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums;color:var(--text-dim)}.region-btn.active .region-ping{color:var(--accent)}.demo-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin:4px 0 0;padding:9px 14px;background:linear-gradient(135deg,#37e6ff24,#7c5cff29);border:1px solid rgba(55,230,255,.4);border-radius:12px;color:var(--text);cursor:pointer;transition:background .14s,border-color .14s,box-shadow .14s,transform .08s}.demo-btn:hover{background:linear-gradient(135deg,#37e6ff38,#7c5cff42);border-color:#37e6ff99;box-shadow:0 6px 22px #37e6ff2e}.demo-btn:active{transform:translateY(1px)}.demo-btn-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:10px;color:#05060b;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 3px 12px #37e6ff4d}.demo-btn-main{font-family:var(--font-display);font-weight:800;letter-spacing:.02em}.lb-name-npc{display:flex;align-items:center;gap:6px;color:var(--text-dim)}.npc-badge{flex:none;font-size:9px;font-weight:800;letter-spacing:.06em;padding:1px 5px;border-radius:5px;color:var(--accent);background:#37e6ff24;box-shadow:inset 0 0 0 1px #37e6ff4d}.skin-preview{display:flex;align-items:center;gap:0;justify-content:center;height:30px;margin:4px 0 18px}.skin-preview span{border-radius:999px;display:inline-block;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 1px #ffffff2e}.skin-preview span+span{margin-left:-3px}.divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--text-dim);font-size:11px;letter-spacing:.16em}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--glass-border)}.error{margin-top:14px;padding:10px 12px;border-radius:12px;background:#ff5c7c24;border:1px solid rgba(255,92,124,.3);color:#ffd2dc;font-size:13px;text-align:center}.death-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.death-stat{padding:14px;text-align:center}.death-stat .num{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.death-stat .lbl{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-top:4px}.respawn-overlay{background:#03050c6b}.respawn-countdown-card{width:92px;height:92px;display:grid;place-items:center;border:1px solid rgba(55,230,255,.38);border-radius:18px;background:#070c19d1;box-shadow:0 18px 50px #0000006b,inset 0 0 24px #37e6ff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.respawn-countdown-number{font-family:var(--font-display);font-size:48px;line-height:1;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums;text-shadow:0 0 22px rgba(55,230,255,.55);animation:respawn-count .42s cubic-bezier(.2,.8,.2,1)}@keyframes respawn-count{0%{opacity:0;transform:scale(1.45);filter:blur(4px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@media (prefers-reduced-motion: reduce){.respawn-countdown-number{animation:none}}.death-sub{text-align:center;color:var(--text-dim);font-size:14px;margin-bottom:4px}.hint{text-align:center;font-size:12px;color:var(--text-dim);margin-top:16px}kbd{background:#ffffff1a;border:1px solid var(--glass-border);border-radius:6px;padding:1px 6px;font-size:11px;font-family:inherit}.fps-meter{position:absolute;top:18px;left:234px;padding:5px 12px;display:flex;align-items:baseline;gap:6px;z-index:11}.fps-val{font-family:var(--font-display);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.fps-label{font-size:10px;letter-spacing:.16em;color:var(--text-dim)}.settings-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#05060b73,#05060bd1);z-index:30}.settings-panel{width:380px;max-width:calc(100vw - 36px);padding:24px 24px 22px}.settings-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}.settings-head h2{margin:0;font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.01em}.settings-hint{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.set-row{display:block;margin-bottom:16px}.set-label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}.set-val{font-variant-numeric:tabular-nums;font-weight:600;color:var(--accent)}.set-row input[type=range]{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:6px;border-radius:999px;background-color:#ffffff1f;background-image:linear-gradient(90deg,var(--accent),var(--accent-2));background-repeat:no-repeat;background-size:var(--fill, 50%) 100%;outline:none;cursor:pointer}.set-row input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:transparent}.set-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #37e6ff40,0 2px 8px #00000073;cursor:pointer}.set-row input[type=range]::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #37e6ff40,0 2px 8px #00000073;cursor:pointer}.seg-group{display:flex;gap:8px}.seg-btn{flex:1;padding:8px 4px;font-size:12.5px;color:var(--text-dim);background:#ffffff0d;border:1px solid var(--glass-border);border-radius:11px;cursor:pointer;transition:color .12s,background .12s,border-color .12s}.seg-btn:hover{color:var(--text)}.seg-btn.on{color:#05060b;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent}.set-toggle{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:9px 0}.set-toggle input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:42px;height:24px;border-radius:12px;background:#ffffff1f;border:1px solid var(--glass-border);position:relative;cursor:pointer;transition:background .15s}.set-toggle input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}.set-toggle input[type=checkbox]:checked{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent}.set-toggle input[type=checkbox]:checked:after{transform:translate(18px)}.settings-actions{display:flex;gap:10px;margin-top:20px}.settings-actions>*{flex:1}.mono{font-family:var(--font-mono, ui-monospace, "SFMono-Regular", Menlo, monospace);letter-spacing:.02em}.up{text-transform:uppercase}.field-hint{margin:6px 0 0;font-size:11.5px;color:var(--text-dim)}.field-sub{font-weight:400;font-size:10.5px;color:var(--text-dim);text-transform:none;letter-spacing:0}.server-toggle{width:100%}.field-hint.center{text-align:center}.field-error{margin:6px 0 0;font-size:11.5px;color:#ff9db0}.input-prefix{display:flex;align-items:center;gap:8px;border:1px solid var(--glass-border);border-radius:14px;background:#ffffff0f;padding:0 10px 0 14px;transition:border-color .15s,box-shadow .15s}.input-prefix:focus-within{border-color:#37e6ff80;box-shadow:0 0 0 3px #37e6ff24}.input-prefix>.prefix-at{color:var(--text-dim);font-weight:700}.input-prefix .input{border:none;background:transparent;padding-left:0;border-radius:0}.input-prefix .input:focus{border:none;box-shadow:none}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:12.5px;padding:0}.link-btn:hover{text-decoration:underline}.onboarding,.waiting,.results{max-width:460px}.onboarding{padding:34px 32px 28px;animation:ob-rise .45s cubic-bezier(.22,1,.36,1) both}@keyframes ob-rise{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.onboarding-brand{margin-bottom:26px}.onboarding-brand .brand-logo{max-width:min(260px,70%);margin-bottom:12px}.ob-field{margin-bottom:20px}.ob-field label{display:flex;align-items:center;gap:9px;margin-bottom:9px}.ob-step{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;flex:none;border-radius:50%;font-size:11px;font-weight:700;letter-spacing:0;color:var(--text-dim);background:#ffffff12;border:1px solid var(--glass-border);transition:color .2s,background .2s,border-color .2s,box-shadow .2s}.ob-field.is-valid .ob-step{color:#05060b;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;box-shadow:0 2px 10px #37e6ff4d}.ob-check{display:inline-flex;align-items:center;color:var(--good);margin-left:auto;animation:ob-pop .22s cubic-bezier(.34,1.56,.64,1) both}.ob-check svg{width:15px;height:15px}@keyframes ob-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.ob-field.is-valid .input-prefix,.ob-field.is-valid .input{border-color:#46f0a059}@media (prefers-reduced-motion: reduce){.onboarding,.ob-check{animation:none}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px;background:#03050c99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:modal-overlay-in .2s ease-out both}.modal-shell{width:min(440px,100%);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;transform-origin:center;animation:modal-content-in .2s ease-out both}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--glass-border)}.modal-header h2{margin:0;font-family:var(--font-display);font-size:18px;font-weight:700}.modal-close{background:none;border:none;color:var(--text-dim);font-size:17px;line-height:1;cursor:pointer;padding:4px;transition:color .12s}.modal-close:hover{color:var(--text)}.modal-body{padding:22px;overflow-y:auto}.modal-actions{display:flex;gap:10px;margin-top:22px}.modal-actions .btn{flex:1}.modal-overlay.is-closing{animation:modal-overlay-out .2s ease-in both}.modal-overlay.is-closing .modal-shell{animation:modal-content-out .2s ease-in both}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes modal-content-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modal-content-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal-overlay.is-closing,.modal-shell,.modal-overlay.is-closing .modal-shell{animation-duration:.01ms}}.ca-footer{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:14px}.ca-label{font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--accent)}.ca-value{flex:1;min-width:0;font-family:var(--font-display);font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ca-copy{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:none;border-radius:9px;color:var(--accent);background:#37e6ff1a;border:1px solid rgba(55,230,255,.25);cursor:pointer;transition:background .12s,transform .08s,color .12s}.ca-copy:hover{background:#37e6ff33}.ca-copy:active{transform:scale(.92)}.ca-copy svg{width:16px;height:16px}.profile-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--glass-border);border-radius:12px;background:#ffffff0b}.profile-row{gap:10px}.profile-handle{font-weight:700;margin-right:auto;color:var(--text);text-decoration:none}.profile-handle:hover{text-decoration:underline}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:none;border-radius:9px;border:1px solid var(--glass-border);background:#ffffff0d;color:var(--text-dim);cursor:pointer;transition:color .15s,background .15s,border-color .15s}.icon-btn:hover{color:var(--text);background:#ffffff1a}.icon-btn svg{width:16px;height:16px}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex:none;font-weight:700;line-height:1;color:#fff;border:1px solid var(--glass-border)}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar-fallback{opacity:.85}.match-list{display:flex;flex-direction:column;gap:10px;max-height:340px;overflow-y:auto;min-height:0;padding-right:6px}.match-empty{padding:22px 12px;text-align:center;color:var(--text-dim);font-size:13px}.match-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-radius:14px;flex:none}.match-flag{width:22px;height:15px;border-radius:3px;object-fit:cover;flex:none;vertical-align:-2px;box-shadow:0 0 0 1px #ffffff24}.match-card-title{display:flex;align-items:center;gap:7px;font-weight:700;font-size:14.5px}.match-card-title .match-flag{width:16px;height:11px;border-radius:2px;vertical-align:baseline}.match-card-meta{margin-top:3px;font-size:11.5px;color:var(--text-dim)}.match-card-prize{margin-top:6px;font-size:11.5px;color:var(--accent)}.match-card-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none}.match-status{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:999px;color:var(--text-dim);background:#ffffff12}.match-status.lobby{color:#8affc0;background:#50ffaa1f}.match-status.running{color:#ffd27a;background:#ffbe5a21}.match-status.ended{color:var(--text-dim)}.match-join{width:auto;padding:8px 18px;font-size:13px}.btn:disabled,.btn.primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.admin-open-btn{margin-top:14px}.waiting-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.waiting-stat{padding:14px 8px;text-align:center;border-radius:14px}.waiting-stat .num{font-family:var(--font-display, inherit);font-size:22px;font-weight:700}.waiting-stat .num .den{font-size:14px;color:var(--text-dim)}.waiting-stat .lbl{margin-top:4px;font-size:11px;color:var(--text-dim)}.prize-box{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;margin-bottom:16px}.prize-label{font-size:10.5px;letter-spacing:.12em;color:var(--text-dim)}.prize-text{font-size:13px;color:var(--accent)}.waiting-spinner{display:flex;gap:8px;justify-content:center;margin:4px 0 18px}.waiting-spinner .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);animation:waitpulse 1.1s ease-in-out infinite}.waiting-spinner .dot:nth-child(2){animation-delay:.18s}.waiting-spinner .dot:nth-child(3){animation-delay:.36s}@keyframes waitpulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.match-pill{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:999px;font-size:13px}.match-pill-title{font-weight:700}.match-clock{font-variant-numeric:tabular-nums;font-weight:700;font-size:16px;color:var(--accent)}.match-clock.low{color:#ff7a90;animation:clockpulse 1s ease-in-out infinite}@keyframes clockpulse{50%{opacity:.5}}.match-pill-players{color:var(--text-dim)}.winner-banner{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;margin-bottom:16px;border:1px solid rgba(255,215,120,.4);background:#ffc85a1a}.winner-tag{font-size:10.5px;letter-spacing:.12em;color:#ffd27a;font-weight:700}.winner-name{font-weight:700;font-size:16px;color:var(--text);text-decoration:none}.winner-name:hover{text-decoration:underline}.winner-score{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums}.results-list{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;max-height:340px;overflow-y:auto}.results-empty{padding:16px;text-align:center;color:var(--text-dim)}.result-row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:#ffffff0a}.result-row.first{background:#ffc85a1a}.result-rank{width:30px;color:var(--text-dim);font-variant-numeric:tabular-nums}.result-name{color:var(--text);text-decoration:none;font-weight:600}.result-name:hover{text-decoration:underline}.result-name-npc{display:flex;align-items:center;gap:6px;color:var(--text-dim);font-weight:600}.result-wallet{font-family:var(--font-mono, monospace);font-size:11px;color:var(--text-dim);background:#ffffff0f;border:1px solid var(--glass-border);border-radius:8px;padding:2px 8px;cursor:pointer}.result-wallet:hover{color:var(--text)}.result-score{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums}.admin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#03050c99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.admin-shell{width:min(820px,100%);max-height:88vh;display:flex;flex-direction:column;border-radius:18px;overflow:hidden}.admin-shell.narrow{width:min(380px,100%)}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--glass-border)}.admin-header h2{margin:0;font-size:18px}.admin-conn{margin-left:auto;margin-right:14px;font-size:11px;letter-spacing:.04em;color:#ffb37a}.admin-conn.ok{color:#8affc0}.admin-error{margin:0 0 14px}.admin-close{background:none;border:none;color:var(--text-dim);font-size:18px;cursor:pointer}.admin-close:hover{color:var(--text)}.admin-body{padding:18px 20px;overflow-y:auto}.admin-tabs{display:flex;gap:6px;margin-bottom:16px}.admin-tab{padding:7px 16px;border-radius:999px;border:1px solid var(--glass-border);background:transparent;color:var(--text-dim);cursor:pointer;font-size:13px}.admin-tab.active{color:#05060b;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;font-weight:700}.admin-live{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-section-title{font-size:12px;letter-spacing:.06em;color:var(--text-dim);margin-bottom:12px;text-transform:uppercase}.preset-row{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.preset-btn{width:34px;height:34px;border-radius:9px;border:1px solid var(--glass-border);background:#ffffff0d;color:var(--text-dim);cursor:pointer;font-weight:700}.preset-btn.active{color:#05060b;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}textarea.input{resize:vertical;min-height:44px;font-family:inherit}.admin-matches{display:flex;flex-direction:column;gap:10px;max-height:340px;overflow-y:auto;min-height:0;padding-right:6px}.admin-match-row,.admin-history-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;width:100%;text-align:left;flex:none}.admin-history-row{border:1px solid var(--glass-border);background:#ffffff0a;cursor:pointer;color:var(--text)}.admin-history-row:hover{background:#ffffff14}.admin-match-title{display:flex;align-items:center;gap:7px;font-weight:700;font-size:13.5px}.admin-match-title .match-flag{width:19px;height:13px}.admin-match-meta{margin-top:3px;font-size:11px;color:var(--text-dim)}.admin-match-actions{display:flex;gap:6px;flex:none}.btn.sm{width:auto;padding:6px 12px;font-size:12px;border-radius:10px}.btn.sm.danger{color:#ff9db0;border-color:#ff5c7c66}.btn.sm.danger:hover{background:#ff5c7c24}.admin-history{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto;min-height:0;padding-right:6px}.admin-history-arrow{color:var(--text-dim);font-size:20px}.admin-history-detail .results-list{margin-top:12px}@media (max-width: 720px){.admin-live{grid-template-columns:1fr}}.results-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:radial-gradient(ellipse at center,#03050c59,#03050cc7);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.results-wrap{background:none}.results-shell{width:min(580px,calc(100vw - 32px));max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:4px}.results-shell>*{animation:results-rise .55s cubic-bezier(.22,1,.36,1) both}.results-shell>*:nth-child(1){animation-delay:.06s}.results-shell>*:nth-child(2){animation-delay:.18s}.results-shell>*:nth-child(3){animation-delay:.3s}.results-shell>*:nth-child(4){animation-delay:.42s}@keyframes results-rise{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}.results-title{animation:results-pop .5s cubic-bezier(.34,1.56,.64,1) .16s both}@keyframes results-pop{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}.results-list .result-row{animation:results-rise .4s cubic-bezier(.22,1,.36,1) both}.results-list .result-row:nth-child(1){animation-delay:.4s}.results-list .result-row:nth-child(2){animation-delay:.46s}.results-list .result-row:nth-child(3){animation-delay:.52s}.results-list .result-row:nth-child(4){animation-delay:.58s}.results-list .result-row:nth-child(5){animation-delay:.64s}.results-list .result-row:nth-child(6){animation-delay:.7s}.results-list .result-row:nth-child(n+7){animation-delay:.76s}@media (prefers-reduced-motion: reduce){.results-shell>*,.results-title,.results-list .result-row{animation:none}}.results-head{text-align:center}.results-kicker{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.results-title{margin:4px 0 0;font-size:34px;font-weight:800;letter-spacing:.01em}.results-title.win{background:linear-gradient(135deg,#ffe7a3,#ffb347 60%,#ff8db0);-webkit-background-clip:text;background-clip:text;color:transparent}.recap-card{display:flex;gap:18px;align-items:center;padding:18px 20px;border-radius:18px}.recap-card.win{border:1px solid rgba(255,200,110,.45);box-shadow:0 0 0 1px #ffc86e33,0 10px 40px #ffaf461f}.recap-left{display:flex;flex-direction:column;align-items:center;gap:10px;flex:none;min-width:120px}.recap-snake{height:30px;display:flex;align-items:center}.recap-handle{font-weight:700;font-size:13px;color:var(--text);text-decoration:none}.recap-handle:hover{text-decoration:underline}.recap-place{text-align:center;line-height:1}.recap-place-num{display:block;font-size:28px;font-weight:800;color:var(--accent)}.recap-card.win .recap-place-num{color:#ffc46b}.recap-place-lbl{font-size:11px;color:var(--text-dim)}.recap-stats{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.recap-stat{text-align:left}.recap-stat-num{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.recap-stat-num.accent{color:var(--accent)}.recap-stat-lbl{font-size:11px;color:var(--text-dim);margin-top:1px}.results-board{padding:14px 16px;border-radius:16px}.results-board-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.results-winner-pill{text-transform:none;letter-spacing:0;font-size:12px;color:#ffd27a;text-decoration:none;padding:2px 10px;border-radius:999px;background:#ffc85a1f}.results-winner-pill:hover{text-decoration:underline}.result-kills{font-size:11.5px;color:var(--text-dim);font-variant-numeric:tabular-nums}.result-kd{display:inline-flex;gap:8px;font-size:11.5px;color:var(--text);font-variant-numeric:tabular-nums}.result-kd .dim{color:var(--text-dim)}.rejoin-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;margin-bottom:12px;border:1px solid rgba(55,230,255,.4);background:#37e6ff14}.rejoin-tag{display:block;font-size:10px;letter-spacing:.12em;color:var(--accent)}.rejoin-title{font-weight:700}.rejoin-actions{display:flex;align-items:center;gap:10px;flex:none}.settings-note,.death-sub.small{margin-top:12px;font-size:11.5px;color:var(--text-dim);text-align:center}@media (max-width: 560px){.recap-card{flex-direction:column;align-items:stretch}.recap-left{flex-direction:row;justify-content:center}}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0a1022,#05060b 72%);animation:loader-fade .25s ease}@keyframes loader-fade{0%{opacity:0}}.loader-inner{display:flex;flex-direction:column;align-items:center;gap:20px}.snake-loader{position:relative;width:120px;height:120px}.snake-seg{position:absolute;top:50%;left:50%;border-radius:50%;transform-origin:0 0;animation:slither 1.5s linear infinite;box-shadow:0 0 8px currentColor}.snake-seg.head{box-shadow:0 0 16px currentColor,0 0 6px #fff}@keyframes slither{0%{transform:rotate(0) translate(46px) translate(-50%,-50%)}to{transform:rotate(360deg) translate(46px) translate(-50%,-50%)}}.loader-brand{font-family:var(--font-display, inherit);font-weight:800;font-size:24px;letter-spacing:.22em;background:linear-gradient(90deg,#ffffff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.loader-text{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim)}.input-wrap{position:relative}.input.has-action{padding-right:42px}.field-action{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:none;border-radius:8px;color:var(--accent);background:#37e6ff1a;border:1px solid rgba(55,230,255,.25);cursor:pointer;transition:background .12s,transform .08s}.field-action:hover{background:#37e6ff33}.field-action:active{transform:scale(.92)}.field-action.inside{position:absolute;right:7px;top:50%;transform:translateY(-50%)}.field-action.inside:active{transform:translateY(-50%) scale(.92)}.field-action svg{width:15px;height:15px}