:root{--bg:#070b10;--ink:#e8eef7;--muted:#8b9bb0;--accent:#3ec7ff;--accent-deep:#1a7fa8;--panel:#0a1018d1;--line:#ffffff1a;--font-display:"Trebuchet MS", "Segoe UI", sans-serif;--font-body:"Segoe UI", "Helvetica Neue", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--bg);width:100%;height:100%;color:var(--ink);font-family:var(--font-body);margin:0;overflow:hidden}button{font:inherit;cursor:pointer}kbd{border:1px solid var(--line);background:#ffffff0f;border-radius:4px;padding:.1em .45em;font-size:.85em;display:inline-block}.app-shell{background:radial-gradient(80% 60% at 50% 20%,#142033 0%,#0000 55%),linear-gradient(#0a1018 0%,#070b10 100%);width:100%;height:100%;position:relative}.canvas-host{position:absolute;inset:0}.game-canvas{cursor:crosshair;touch-action:none;outline:none;width:100%;height:100%;display:block}:root{--modal-max-h:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 1.25rem);--overlay-pad-x:max(.75rem, env(safe-area-inset-right,0px), env(safe-area-inset-left,0px));--overlay-pad-y:max(.75rem, env(safe-area-inset-top,0px), env(safe-area-inset-bottom,0px))}.main-menu{z-index:20;padding:var(--overlay-pad-y) var(--overlay-pad-x);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04080e47;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.main-menu-home{-webkit-backdrop-filter:none;backdrop-filter:none;background:#04080e1f}.main-menu-lobby{-webkit-backdrop-filter:none;backdrop-filter:none;background:#04080e14}.main-menu-panel{width:min(28rem,100%);max-height:var(--modal-max-h);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;text-align:center;border:1px solid var(--line);background:#0a1018d1;border-radius:18px;padding:1.75rem 1.5rem 1.4rem;overflow-y:auto;box-shadow:0 24px 60px #00000073}.main-menu-panel-home{background:#0a1018b8}.main-menu-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 .5rem;font-size:.72rem}.main-menu-logo{width:4.5rem;height:4.5rem;margin:0 auto .65rem;display:block}.main-menu-title{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(2.6rem,8vw,4.2rem);font-weight:700;line-height:1}.main-menu-sub{color:var(--muted);margin:1rem 0 1.35rem;line-height:1.5}.main-menu-field{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-direction:column;gap:.4rem;margin-bottom:.85rem;font-size:.75rem;display:flex}.main-menu-field input{border:1px solid var(--line);color:var(--ink);font:inherit;letter-spacing:0;text-transform:none;background:#00000059;border-radius:10px;padding:.7rem .85rem;font-size:1.05rem}.main-menu-field input:focus{outline:1px solid var(--accent)}.main-menu-skin{text-align:left;align-items:center;gap:.85rem;margin:0 0 1.05rem;display:flex}.main-menu-skin-preview{border:1px solid var(--line);background:#2bbdee;border-radius:50%;flex-shrink:0;width:3.4rem;height:3.4rem;overflow:hidden}.main-menu-skin-preview img{object-fit:cover;width:100%;height:100%;display:block}.main-menu-skin-actions{flex-direction:column;gap:.35rem;min-width:0;display:flex}.main-menu-skin-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.main-menu-file{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.main-menu-skin-row{flex-wrap:wrap;gap:.4rem;display:flex}.main-menu-skin-btn{border:1px solid var(--line);color:var(--ink);background:#00000047;border-radius:8px;padding:.4rem .7rem;font-size:.85rem}.main-menu-skin-btn:hover{background:#3ec7ff29;border-color:#3ec7ff59}.skin-gallery{grid-template-columns:repeat(4,1fr);gap:.55rem .4rem;margin:0 0 1rem;display:grid}.skin-gallery-item{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:.28rem;padding:.2rem;font-size:.68rem;display:flex}.skin-gallery-item img{object-fit:cover;border:2px solid var(--line);border-radius:50%;width:3.15rem;height:3.15rem;display:block}.skin-gallery-item:hover img,.skin-gallery-item.is-active img{border-color:var(--accent)}.skin-gallery-item.is-active{color:var(--ink)}.skin-gallery-actions{justify-content:center;margin-bottom:.85rem}.main-menu-check{color:var(--muted);cursor:pointer;justify-content:center;align-items:center;gap:.45rem;margin:0 0 .55rem;font-size:.92rem;display:flex}.main-menu-cta{background:linear-gradient(180deg, var(--accent), var(--accent-deep));color:#041018;letter-spacing:.04em;text-transform:uppercase;border:0;border-radius:999px;width:100%;padding:.85rem 2.4rem;font-weight:700;transition:transform .16s,filter .16s}.main-menu-cta:hover{filter:brightness(1.08);transform:translateY(-2px)}.main-menu-cta:disabled{opacity:.45;filter:none;cursor:not-allowed;transform:none}.main-menu-error{color:#ff8b8b;text-align:center;margin:.7rem 0 0;font-size:.88rem;line-height:1.35}.main-menu-title-sm{font-size:clamp(2rem,6vw,2.8rem)}.main-menu-secondary{border:1px solid var(--line);width:100%;color:var(--ink);letter-spacing:.04em;text-transform:uppercase;background:0 0;border-radius:999px;margin-top:.65rem;padding:.75rem 2rem;font-weight:600;transition:background .16s,border-color .16s;display:block}.main-menu-secondary:hover{background:#ffffff0f;border-color:#3ec7ff59}.main-menu-ghost{width:100%;color:var(--muted);background:0 0;border:0;margin-top:.45rem;padding:.45rem;font-size:.88rem;display:block}.main-menu-ghost:hover{color:var(--ink)}.main-menu-section{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 .65rem;font-size:.72rem}.main-menu-diffs{grid-template-columns:1fr 1fr 1fr;gap:.4rem;margin:0 0 1.05rem;display:grid}.main-menu-diffs-wrap{grid-template-columns:repeat(6,1fr)}.main-menu-diff{border:1px solid var(--line);color:var(--ink);text-align:center;background:#00000047;border-radius:10px;flex-direction:column;align-items:center;gap:.15rem;padding:.55rem .35rem;font-size:.82rem;font-weight:700;display:flex}.main-menu-diff:hover{border-color:#3ec7ff59}.main-menu-diff.is-active{border-color:var(--accent);background:#3ec7ff1f}.main-menu-diff .main-menu-theme-hint{font-weight:400}.main-menu-themes{flex-direction:column;gap:.5rem;margin-bottom:1.15rem;display:flex}.main-menu-theme{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:#00000047;border-radius:12px;align-items:center;gap:.8rem;padding:.7rem .8rem;transition:border-color .16s,background .16s;display:flex}.main-menu-theme:hover{border-color:#3ec7ff59}.main-menu-theme.is-active{border-color:var(--accent);background:#3ec7ff1f}.main-menu-theme-swatch{border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0;width:2.5rem;height:2.5rem}.swatch-space{background:radial-gradient(circle at 28% 30%,#fff 1px,#0000 1.6px),radial-gradient(circle at 72% 62%,#cde8ff 1px,#0000 1.5px),radial-gradient(circle at 48% 78%,#ffe8c4 .8px,#0000 1.3px),linear-gradient(160deg,#12183a,#02040a)}.swatch-grid{background:linear-gradient(#ffffff2e 1px,#0000 1px) 0 0/7px 7px,linear-gradient(90deg,#ffffff2e 1px,#0000 1px) 0 0/7px 7px,#152030}.swatch-light{background:linear-gradient(#28466e38 1px,#0000 1px) 0 0/7px 7px,linear-gradient(90deg,#28466e38 1px,#0000 1px) 0 0/7px 7px,#e4eaf2}.main-menu-theme-title{font-size:.95rem;font-weight:700;display:block}.main-menu-theme-hint{color:var(--muted);margin-top:.12rem;font-size:.78rem;line-height:1.35;display:block}.main-menu-esc{color:var(--muted);margin:.85rem 0 0;font-size:.85rem}.main-menu-controls{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;margin:1.75rem 0 0;padding:0;font-size:.9rem;list-style:none;display:flex}.hud-top-xp{top:max(.75rem, env(safe-area-inset-top,.75rem));z-index:15;pointer-events:none;justify-content:center;align-items:center;gap:.45rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hud-frags{color:#ffe7a8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060c14c7;border:1px solid #ffd67873;border-radius:9999px;align-items:center;gap:.28rem;padding:.28rem .7rem;font-size:.92rem;font-weight:700;display:flex;box-shadow:0 4px 16px #00000073}.player-xp-bar{-webkit-backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;pointer-events:auto;background:#060c14c7;border:1px solid #00dcff38;border-radius:9999px;align-items:center;gap:.55rem;padding:.28rem .65rem .28rem .45rem;display:flex;box-shadow:0 4px 16px #00000073}.xp-badge-level{color:#00f0ff;letter-spacing:.03em;white-space:nowrap;background:#00d2ff24;border:1px solid #00d2ff59;border-radius:9999px;justify-content:center;align-items:center;padding:.15rem .45rem;font-size:.72rem;font-weight:800;display:flex}.xp-bar-content{flex-direction:column;gap:.18rem;min-width:9.5rem;display:flex}.xp-info-row{justify-content:space-between;align-items:center;gap:.6rem;line-height:1;display:flex}.xp-amount-detail{color:#b4cdebcc;font-variant-numeric:tabular-nums;font-size:.65rem}.xp-amount-detail strong{color:#e6f8ff;font-weight:700}.xp-percent-num{color:#00f0ff;font-variant-numeric:tabular-nums;font-size:.65rem;font-weight:750}.xp-track{background:#ffffff14;border-radius:9999px;width:100%;height:5px;overflow:hidden}.xp-fill{background:linear-gradient(90deg,#00d2ff 0%,#08f 100%);border-radius:9999px;height:100%;transition:width .3s ease-out}@media (width<=680px){.hud-top-xp{top:max(.45rem, env(safe-area-inset-top,.45rem))}.player-xp-bar{gap:.4rem;padding:.22rem .5rem .22rem .35rem}.xp-bar-content{min-width:7.5rem}}.hud-merge{pointer-events:none;color:#fff;text-shadow:0 1px 4px #000c;background:0 0;border:none;padding:0;font-size:.9rem;font-weight:300;position:absolute;top:1rem;left:1rem}.hud{pointer-events:none;flex-direction:column;gap:.35rem;display:flex;position:absolute;bottom:1rem;left:1rem}.hud-mass{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;align-items:baseline;gap:.5rem;padding:.55rem .85rem;display:flex}.hud-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.75rem}.hud-value{font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:700}.hud-hint{color:var(--muted);padding-left:.25rem;font-size:.8rem}.hud-lb{z-index:8;pointer-events:none;background:0 0;border:none;min-width:11.5rem;margin:0;padding:0;list-style:none;position:absolute;top:1rem;right:1rem}.hud-lb li{color:var(--muted);grid-template-columns:1.4ch 1fr auto;align-items:center;gap:.45rem;padding:.18rem 0;font-size:.78rem;display:grid}.hud-lb li.is-you{color:var(--ink)}.hud-lb-rank{font-variant-numeric:tabular-nums;opacity:.7}.hud-lb-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hud-lb-mass{font-variant-numeric:tabular-nums;font-weight:650}.death-modal{z-index:24;padding:var(--overlay-pad-y) var(--overlay-pad-x);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04080e6b;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.death-modal-panel{width:min(24.5rem,100%);max-height:var(--modal-max-h);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;text-align:center;border:1px solid var(--line);background:radial-gradient(90% 70% at 50% 0,#3ec7ff24,#0000 55%),#0a1018eb;border-radius:18px;flex-shrink:0;padding:1.7rem 1.45rem 1.35rem;overflow-y:auto;box-shadow:0 24px 70px #00000080}.death-modal-title{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(2rem,6vw,2.7rem);font-weight:700}.death-modal-killer{justify-content:center;align-items:center;gap:.5rem;margin:.65rem 0 .25rem;font-size:1.15rem;font-weight:700;display:flex}.death-modal-dot{border-radius:50%;flex-shrink:0;width:.7rem;height:.7rem;box-shadow:0 0 10px}.death-modal-sub{color:var(--muted);margin:0 0 1.1rem;font-size:.88rem}.death-modal-stats{grid-template-columns:1fr 1fr;gap:.65rem;margin-bottom:1rem;display:grid}.death-modal-stats div{border:1px solid var(--line);background:#00000047;border-radius:12px;padding:.65rem .5rem}.death-modal-stats strong{font-variant-numeric:tabular-nums;margin-top:.2rem;font-size:1.35rem;display:block}.death-modal-lb{text-align:left;margin:0 0 1.15rem;padding:.35rem .2rem;list-style:none}.death-modal-lb li{color:var(--muted);grid-template-columns:1.6ch .7rem 1fr auto;align-items:center;gap:.4rem;padding:.28rem .35rem;font-size:.85rem;display:grid}.death-modal-lb li.is-you{color:var(--ink);background:#3ec7ff14;border-radius:8px}.death-modal-rank{font-variant-numeric:tabular-nums;opacity:.65}.death-modal-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.death-modal-mass{font-variant-numeric:tabular-nums;font-weight:650}.spectate-bar{z-index:22;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1rem;width:min(36rem,100vw - 1.5rem);padding:.85rem 1rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.spectate-bar-who{flex:8rem;min-width:8rem}.spectate-bar-name{align-items:center;gap:.45rem;margin:.2rem 0 0;font-weight:700;display:flex}.spectate-bar-select{flex-direction:column;flex:12rem;gap:.3rem;min-width:10rem;display:flex}.spectate-bar-select select{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#0006;border-radius:8px;padding:.5rem .65rem}.spectate-bar-actions{gap:.4rem;margin-left:auto;display:flex}.spectate-bar-btn{border:1px solid var(--line);color:var(--ink);font:inherit;letter-spacing:.04em;text-transform:uppercase;background:0 0;border-radius:999px;padding:.45rem .85rem;font-size:.78rem;font-weight:650}.main-menu-nebulous{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0;display:block}.main-menu-home.main-menu-nebulous{background:0 0}.ob-layout{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.ob-backdrop{-webkit-backdrop-filter:blur(6px);pointer-events:none;background:radial-gradient(70% 55% at 50% 45%,#08183459 0%,#0000 70%),#040a16ad;position:absolute;inset:0}.ob-layout>:not(.ob-backdrop){pointer-events:auto}.ob-corner{z-index:3;gap:.65rem;display:flex;position:absolute}.ob-corner-bl{flex-direction:row;align-items:flex-end;bottom:clamp(1rem,3vh,2.75rem);left:clamp(1rem,3vw,2.75rem)}.ob-corner-br{flex-direction:row;align-items:flex-end;bottom:clamp(1rem,3vh,2.75rem);right:clamp(1rem,3vw,2.75rem)}.ob-square{color:#fff;background:linear-gradient(#2a78d8 0%,#1a4fa8 100%);border:0;border-radius:14px;flex-shrink:0;place-items:center;width:3.35rem;height:3.35rem;display:grid;box-shadow:0 5px #0d2d66,0 8px 20px #00000059}.ob-square-accent{background:linear-gradient(#3a8cff 0%,#2560c8 100%)}.ob-hub-user-chip{color:#fff;cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(8px);background:#060e1cc7;border:1px solid #50a0ff47;border-radius:12px;flex-direction:column;justify-content:center;gap:.18rem;padding:.35rem .85rem;transition:transform .15s,border-color .15s;display:flex;box-shadow:0 4px 14px #00000061}.ob-hub-user-chip:hover{border-color:#78c8ff8c;transform:translateY(-1px)}.ob-chip-name{color:#e2f0ff;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.85rem;font-weight:700;overflow:hidden}.ob-chip-stats{align-items:center;gap:.5rem;font-size:.78rem;display:flex}.ob-chip-lvl{color:#5ce1e6;font-weight:700}.ob-chip-frag{color:#ffe7a8;align-items:center;gap:.2rem;font-weight:700;display:inline-flex}.ob-lobby-user-bar{background:#081224a6;border:1px solid #78c8ff3d;border-radius:9999px;justify-content:center;align-items:center;gap:.75rem;margin:-.2rem auto .8rem;padding:.35rem .9rem;font-size:.88rem;display:flex}.ob-lobby-lvl{color:#5ce1e6;font-weight:700}.ob-lobby-frag{color:#ffe7a8;align-items:center;gap:.25rem;font-weight:700;display:inline-flex}.ob-lobby-offline-badge{text-align:center;color:#9cb4d8;letter-spacing:.02em;background:#121e348c;border:1px solid #78c8ff2e;border-radius:10px;justify-content:center;align-items:center;margin-bottom:.85rem;padding:.55rem .9rem;font-size:.8rem;font-weight:600;display:flex}.ob-account-divider{background:linear-gradient(90deg,#0000,#78c8ff40,#0000);width:100%;height:1px;margin:.75rem 0}.ob-hub{z-index:2;aspect-ratio:1;flex-shrink:0;place-items:center;width:min(28rem,min(78vmin,100vw - 2rem));display:grid;position:relative}.ob-hub-glow{pointer-events:none;background:radial-gradient(circle,#3082ff73 0%,#3082ff14 52%,#0000 72%);border-radius:50%;position:absolute;inset:-8%}.ob-hub-disc{text-align:center;background:radial-gradient(circle at 50% 28%,#78beff59 0%,#0000 55%),radial-gradient(circle at 50% 100%,#00286480 0%,#0000 50%),linear-gradient(165deg,#1e64d2eb 0%,#0c3482f0 55%,#081c48f5 100%);border:3px solid #8cc8ff59;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:clamp(1.25rem,4vw,2.25rem);display:flex;position:relative;box-shadow:inset 0 0 40px #ffffff14,0 16px 50px #00000073}.ob-hub-logo{filter:drop-shadow(0 4px 12px #00000059);width:clamp(3rem,11vw,3.75rem);height:clamp(3rem,11vw,3.75rem);margin-bottom:.35rem}.ob-hub-title{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:#fff;text-shadow:0 0 #ff4db8,0 2px #c91880,0 3px #8a1058,0 4px 14px #00000073;margin:0 0 .75rem;font-size:clamp(1.65rem,4.5vw,2.25rem);font-weight:900;line-height:1.05}.ob-hub-field{align-items:center;gap:.55rem;width:100%;max-width:17rem;margin:.22rem 0;display:flex}.ob-hub-field-label{color:#ffffffe0;text-align:left;flex:0 0 4.35rem;font-size:clamp(.72rem,1.6vw,.82rem);font-weight:700}.ob-hub-select-row{flex:1;align-items:center;gap:.4rem;min-width:0;display:flex}.ob-hub-select{appearance:none;color:#fff;min-width:0;font:inherit;cursor:pointer;background:#00000052 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23b8e4ff' d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E") right .7rem center no-repeat;border:1px solid #8cc8ff61;border-radius:999px;flex:1;padding:.42rem 2rem .42rem .85rem;font-size:clamp(.74rem,1.8vw,.86rem);font-weight:700;transition:border-color .14s,background-color .14s;box-shadow:inset 0 1px #ffffff0f}.ob-hub-select:hover{background-color:#0006;border-color:#a0d7ff8c}.ob-hub-select:focus{border-color:#a0d7ffbf;outline:none;box-shadow:inset 0 1px #ffffff14,0 0 0 2px #3ec7ff40}.ob-hub-fields-sub{text-align:left;margin:0 0 1rem}.ob-hub-fields-sub .ob-hub-field{max-width:none}.ob-hub-fields-sub .ob-hub-field-label{flex:0 0 5rem}.ob-ping{background:currentColor;border-radius:50%;width:.55rem;height:.55rem;display:inline-block}.ob-ping-good{color:#7dff9a}.ob-ping-mid{color:#ffd866}.ob-ping-bad{color:#ff6b6b}.ob-ping-off{color:#ffffff73}.ob-play-row{justify-content:center;align-items:flex-end;gap:clamp(.5rem,2vw,1rem);width:100%;margin-top:.95rem;display:flex}.ob-play-ring{color:#fff;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:.35rem;min-width:0;max-width:7rem;padding:0;display:flex}.ob-play-icon-wrap{background:linear-gradient(#ffffff38 0%,#ffffff0f 100%);border:2px solid #ffffff59;border-radius:50%;place-items:center;width:clamp(3.4rem,12vw,4.4rem);height:clamp(3.4rem,12vw,4.4rem);transition:transform .14s,box-shadow .14s;display:grid;box-shadow:0 6px 18px #0000004d}.ob-play-ring-main .ob-play-icon-wrap{background:linear-gradient(#ff78c859 0%,#ffffff1a 100%);border-color:#ff78c8a6;width:clamp(4.1rem,15vw,5.5rem);height:clamp(4.1rem,15vw,5.5rem)}.ob-play-ring:hover .ob-play-icon-wrap{transform:translateY(-3px)scale(1.04);box-shadow:0 10px 24px #00000061}.ob-play-label{letter-spacing:.03em;text-transform:uppercase;color:#ffb8e8;text-shadow:0 1px 4px #00000073;font-size:clamp(.6rem,1.6vw,.72rem);font-weight:800;line-height:1.2}.ob-play-ring-main .ob-play-label{font-size:clamp(.64rem,1.8vw,.78rem)}.ob-sub-wrap{padding:var(--overlay-pad-y) var(--overlay-pad-x);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(6px);background:radial-gradient(70% 55% at 50% 45%,#08183459 0%,#0000 70%),#040a16b8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.ob-sub-panel{width:min(28rem,100%);max-height:var(--modal-max-h);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;text-align:center;background:radial-gradient(90% 50% at 50% 0,#3c8cff2e,#0000 60%),#0a1428f0;border:2px solid #64aaff40;border-radius:22px;flex-shrink:0;padding:1.65rem 1.45rem 1.35rem;position:relative;overflow-y:auto;box-shadow:0 20px 60px #00000080}.ob-sub-close{z-index:2;color:#fff;cursor:pointer;background:#00000059;border:1px solid #ffffff2e;border-radius:999px;place-items:center;width:2rem;height:2rem;padding:0;display:grid;position:absolute;top:.7rem;right:.7rem}.ob-sub-close:hover{background:#ffffff24}.ob-sub-title{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:#fff;text-shadow:0 2px #c91880,0 3px 12px #0006;margin:0;font-size:clamp(1.75rem,5vw,2.35rem);font-weight:900}.ob-sub-lead{color:#c8dcffbf;margin:.65rem 0 1.1rem;font-size:.92rem;line-height:1.45}.ob-account-stat{text-align:left;background:#00000047;border:1px solid #ffffff1a;border-radius:14px;justify-content:space-between;align-items:center;gap:.75rem;margin:0 0 .65rem;padding:.75rem .9rem;display:flex}.ob-account-stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.ob-account-stat-value{font-variant-numeric:tabular-nums;align-items:center;gap:.4rem;font-size:1.05rem;display:inline-flex}.ob-account-frag-icon{color:#ffe7a8}.ob-account-google-box{background:#0c1c3873;border:1px dashed #50a0ff59;border-radius:14px;flex-direction:column;align-items:center;gap:.75rem;margin:1.1rem 0 .4rem;padding:.95rem;display:flex}.ob-account-google-desc{color:#c8e1ffc7;text-align:center;margin:0;font-size:.84rem;line-height:1.4}.ob-account-profile{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.ob-account-avatar-wrap{justify-content:center;display:flex}.ob-account-avatar-actions{flex-wrap:wrap;justify-content:center;gap:.45rem;display:flex}.ob-account-user{background:#0812248c;border:1px solid #78b4ff24;border-radius:12px;align-items:center;gap:.85rem;margin-bottom:.5rem;padding:.75rem .85rem;display:flex}.ob-account-avatar{object-fit:cover;border:2px solid #82beff59;border-radius:50%;flex-shrink:0;width:52px;height:52px}.ob-account-avatar-fallback{color:#d2e6ffe6;background:#28467873;place-items:center;display:grid}.ob-account-user-meta{flex-direction:column;gap:.2rem;min-width:0;display:flex}.ob-account-user-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;overflow:hidden}.ob-account-user-meta span{color:#bed2f0b8;font-size:.82rem}.ob-google-btn{color:#1f2937;cursor:pointer;background:#fffffff5;border:1px solid #b4c8e640;border-radius:12px;justify-content:center;align-items:center;gap:.65rem;width:100%;margin:.35rem 0 .75rem;padding:.85rem 1rem;font-size:.98rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex}.ob-google-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #00000040}.ob-google-mark{color:#fff;background:linear-gradient(135deg,#4285f4 0%,#34a853 50%,#fbbc05 75%,#ea4335 100%);border-radius:4px;place-items:center;width:22px;height:22px;font-size:.82rem;font-weight:800;display:grid}.ob-signout-btn{justify-content:center;align-items:center;gap:.45rem;display:inline-flex}.ob-connect-overlay{z-index:35;-webkit-backdrop-filter:blur(10px);pointer-events:all;background:radial-gradient(60% 50% at 50% 45%,#143c8c59 0%,#0000 70%),#040a16d1;place-items:center;display:grid;position:absolute;inset:0}.ob-connect-card{flex-direction:column;justify-content:center;align-items:center;display:flex}.ob-connect-lottie{width:min(240px,58vw);height:min(240px,58vw)}.ob-connect-lottie-fallback{background:radial-gradient(circle,#3ec7ff59 0%,#3ec7ff0d 70%);border-radius:50%;animation:1.2s ease-in-out infinite ob-connect-pulse}@keyframes ob-connect-pulse{0%,to{opacity:.65;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}@media (width>=900px){.ob-hub{width:min(30rem,52vmin)}.ob-corner-bl{bottom:clamp(1.25rem,4vh,3rem);left:clamp(1.25rem,4vw,3rem)}.ob-corner-br{bottom:clamp(1.25rem,4vh,3rem);right:clamp(1.25rem,4vw,3rem)}}@media (width<=560px){.ob-corner-bl,.ob-corner-br{gap:.45rem}.ob-square{width:3rem;height:3rem}.ob-hub{width:min(22rem,100vw - 1.5rem)}.main-menu-panel,.death-modal-panel,.ob-sub-panel{padding:1.15rem 1rem 1rem}.death-modal-title{font-size:clamp(1.55rem,7vw,2rem)}.death-modal-killer{font-size:1rem}.death-modal-stats strong{font-size:1.15rem}.hud-lb{width:min(11.5rem,100vw - 8rem);min-width:0;font-size:.78rem}.spectate-bar{width:min(100%,100vw - 1rem);left:50%;right:auto;bottom:max(.65rem, env(safe-area-inset-bottom,0px));flex-direction:column;align-items:stretch;padding:.7rem .75rem}.spectate-bar-actions{width:100%;margin-left:0}.spectate-bar-btn{text-align:center;flex:1}}@media (height<=520px){:root{--modal-max-h:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - .75rem)}.main-menu,.death-modal,.ob-sub-wrap{padding-top:max(.5rem, env(safe-area-inset-top,0px));padding-bottom:max(.5rem, env(safe-area-inset-bottom,0px));align-items:flex-start}.main-menu-panel,.death-modal-panel,.ob-sub-panel{padding:.85rem .9rem .75rem}.death-modal-title,.ob-sub-title{font-size:clamp(1.35rem,5vw,1.75rem)}.death-modal-sub{margin-bottom:.65rem;font-size:.8rem}.death-modal-stats{gap:.45rem;margin-bottom:.65rem}.death-modal-stats div{padding:.45rem .4rem}.death-modal-stats strong{font-size:1rem}.death-modal-lb{max-height:5.5rem;margin-bottom:.65rem;overflow-y:auto}.death-modal-lb li{padding:.2rem .25rem;font-size:.78rem}.main-menu-cta{padding:.6rem 1.25rem;font-size:.85rem}.main-menu-secondary{margin-top:.4rem;padding:.5rem 1rem;font-size:.85rem}.ob-sub-lead{margin:.4rem 0 .75rem;font-size:.82rem}.main-menu-kicker{margin-bottom:.35rem;font-size:.65rem}.hud-merge{top:max(.5rem, env(safe-area-inset-top,0px));left:max(.5rem, env(safe-area-inset-left,0px));font-size:.85rem}.hud-lb{top:max(.5rem, env(safe-area-inset-top,0px));right:max(.5rem, env(safe-area-inset-right,0px));max-height:40dvh;overflow-y:auto}.app-shell-touch .hud{top:max(3.5rem, calc(env(safe-area-inset-top,0px) + 2.5rem))}.spectate-bar{bottom:max(.5rem, env(safe-area-inset-bottom,0px));max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - .5rem);overflow-y:auto}.ob-connect-lottie{width:min(160px,40vw);height:min(160px,40vw)}.ob-layout{padding:var(--overlay-pad-y) var(--overlay-pad-x);align-items:flex-start;overflow-y:auto}}@media (width<=380px){.ob-touch-pad{width:7.5rem;height:7.5rem}.ob-touch-knob{width:2.6rem;height:2.6rem;margin:-1.3rem 0 0 -1.3rem}.ob-touch-btn{width:3.85rem;height:3.85rem;font-size:.68rem}}.app-shell-native{background:#070b10}.app-shell-touch .hud{top:4.4rem;bottom:auto}.app-shell-touch .game-canvas{transform:translateZ(0)}.ob-touch{z-index:12;pointer-events:none;position:absolute;inset:0}.ob-touch-pad{pointer-events:auto;touch-action:none;background:radial-gradient(circle,#28467847 0%,#0810208c 72%);border:2px solid #96c8ff47;border-radius:50%;width:9.2rem;height:9.2rem;position:absolute;bottom:1.2rem;left:auto;right:1rem;box-shadow:inset 0 0 24px #00000059}.ob-touch-pad.is-active{border-color:#78d2ff8c}.ob-touch-knob{pointer-events:none;background:radial-gradient(circle at 35% 30%,#9fd4ff,#3a7cc8 62%,#1c4a86);border-radius:50%;width:3.15rem;height:3.15rem;margin:-1.575rem 0 0 -1.575rem;position:absolute;top:50%;left:50%;box-shadow:0 4px 12px #0006}.ob-touch-actions{pointer-events:auto;flex-direction:column;gap:.85rem;display:flex;position:absolute;bottom:1.4rem;left:1rem;right:auto}.ob-touch-btn{color:#eef6ff;letter-spacing:.04em;text-transform:uppercase;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:2px solid #b4dcff59;border-radius:50%;width:4.6rem;height:4.6rem;font-size:.78rem;font-weight:800}.ob-touch-split{background:radial-gradient(circle at 35% 30%,#7ee0c8,#1f8f78 70%)}.ob-touch-eject{background:radial-gradient(circle at 35% 30%,#ffc48a,#d06a28 70%)}.ob-touch-btn:active{transform:scale(.94)}@keyframes ob-skeleton-shimmer{0%{transform:translate(-150%)skew(-20deg)}50%,to{transform:translate(250%)skew(-20deg)}}@keyframes ob-skeleton-pulse{0%,to{opacity:.85}50%{opacity:.45}}.ob-skeleton{vertical-align:middle;-webkit-user-select:none;user-select:none;pointer-events:none;background:#0a1830b3;border:1px solid #50a0ff38;border-radius:6px;justify-content:center;align-items:center;animation:2s ease-in-out infinite ob-skeleton-pulse;display:inline-flex;position:relative;overflow:hidden}.ob-skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff0a 30%,#8cdcff40 50%,#ffffff0a 70%,#0000 100%);width:200%;height:300%;animation:1.8s cubic-bezier(.4,0,.2,1) infinite ob-skeleton-shimmer;position:absolute;inset:-100% -50%}.ob-skeleton-text{border-radius:6px;min-height:1.1em}.ob-skeleton-pill{border-radius:9999px}.ob-skeleton-circle{aspect-ratio:1;border-radius:50%}.ob-skeleton-rect{border-radius:12px}.ob-skeleton-glow-blue{border-color:#3ec7ff4d;box-shadow:inset 0 0 12px #3ec7ff1f,0 0 8px #3ec7ff14}.ob-skeleton-glow-cyan{border-color:#5ce1e659;box-shadow:inset 0 0 12px #5ce1e626,0 0 8px #5ce1e61a}.ob-skeleton-glow-gold{border-color:#ffe7a859;box-shadow:inset 0 0 12px #ffe7a826,0 0 8px #ffe7a81a}.ob-skeleton-glow-gold:after{background:linear-gradient(90deg,#0000 0%,#ffffff0a 30%,#ffe69647 50%,#ffffff0a 70%,#0000 100%)}.ob-skeleton-glow-neutral{box-shadow:none;border-color:#ffffff1f}