:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#0c0d12;--surface:#16171d;--surface-hover:#1c1e26;--border:#2e303a;--accent:#c084fc;--accent-border:#c084fc73;--shadow:#00000073 0 12px 24px -6px, #c084fc14 0 0 40px -8px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/1.5 var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(ellipse 80% 50% at 50% -20%, #c084fc1f, transparent), var(--bg);min-height:100svh;margin:0}#root{min-height:100svh}button{font-family:inherit}.app{z-index:1;box-sizing:border-box;justify-content:center;align-items:center;min-height:100svh;padding:24px 10px;display:flex;position:relative}.menu-bg{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.menu{z-index:1;flex-direction:column;gap:24px;width:min(420px,100%);animation:.35s ease-out fade-in;display:flex;position:relative}.menu-header{text-align:center}.menu-kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-size:.75rem;font-weight:600}.menu-title{letter-spacing:-.04em;color:var(--text-h);margin:0;font-size:clamp(2.75rem,8vw,3.5rem);font-weight:700;line-height:1}.menu-subtitle{color:var(--text);margin:12px 0 0;font-size:1rem}.menu-options{flex-direction:column;gap:12px;display:flex}.menu-btn{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:center;padding:10px 12px;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s;display:flex}.menu-btn:hover{border-color:var(--accent-border);background:var(--surface-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.menu-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.menu-btn:active{transform:translateY(0)}.menu-btn-label{letter-spacing:2px;color:var(--text-h);margin-top:3px;font-size:1.05rem;font-weight:900}.menu-btn-hint{color:var(--text);font-size:.875rem}.menu-btn--muted{opacity:.72}.menu-btn--muted:hover{opacity:.9}.menu-help-btn,.menu-mute-btn{z-index:2;width:42px;height:42px;color:var(--text-h);cursor:pointer;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;justify-content:center;align-items:center;padding:0;transition:border-color .15s,background .15s,color .15s,transform .15s;animation:.35s ease-out fade-in;display:inline-flex;position:fixed;top:16px}.menu-help-btn{left:16px}.menu-mute-btn{right:16px}.menu-help-btn:hover,.menu-mute-btn:hover{border-color:var(--accent-border);background:var(--surface-hover);transform:translateY(-1px)}.menu-help-btn:focus-visible,.menu-mute-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.menu-help-btn:active,.menu-mute-btn:active{transform:translateY(0)}.menu-mute-btn--muted{color:var(--text)}.menu-help-glyph{letter-spacing:0;color:inherit;-webkit-user-select:none;user-select:none;font-size:1.15rem;font-weight:700;line-height:1;display:block}.menu-mute-icon{flex-shrink:0;display:block}.menu-mute-slash-cut{stroke:var(--surface)}.menu-mute-btn:hover .menu-mute-slash-cut{stroke:var(--surface-hover)}.menu-maps-fab,.menu-party-fab{z-index:2;font:inherit;color:inherit;cursor:pointer;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;transition:border-color .15s,background .15s,transform .15s;animation:.35s ease-out fade-in;display:inline-flex;position:fixed;bottom:16px}.menu-maps-fab{left:16px}.menu-party-fab{right:16px}.menu-maps-fab:hover,.menu-party-fab:hover{border-color:var(--accent-border);background:var(--surface-hover);transform:translateY(-1px)}.menu-maps-fab:focus-visible,.menu-party-fab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.menu-maps-fab:active,.menu-party-fab:active{transform:translateY(0)}.menu-maps-fab-label,.menu-party-fab-label{letter-spacing:.12em;color:var(--text-h);white-space:nowrap;font-size:.72rem;font-weight:800}.menu-party-fab-badge{letter-spacing:.08em;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-radius:4px;padding:2px 5px;font-size:.6rem;font-weight:700;line-height:1.2}.panel{width:min(560px,100%);animation:.25s ease-out fade-in}.panel-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.panel-title{letter-spacing:-.03em;color:var(--text-h);margin:0;font-size:1.75rem;font-weight:700}.back-btn{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:.9rem;font-weight:500;transition:color .15s}.back-btn:hover{color:var(--accent)}.back-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.panel-body{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px}.panel-placeholder{color:var(--text);margin:0;line-height:1.55}.find{flex-direction:column;gap:16px;display:flex}.find-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.find-main{min-width:0}.find-side{flex-direction:column;gap:16px;min-width:0;display:flex}@media (width<=860px){.find-layout{grid-template-columns:1fr}}.find-intro{color:var(--text);margin:0;font-size:.95rem;line-height:1.5}.find-section{flex-direction:column;gap:12px;display:flex}.find-section-heading{flex-direction:column;gap:4px;display:flex}.find-section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text);margin:0;font-size:.75rem;font-weight:700}.find-section-hint{color:var(--text);margin:0;font-size:.85rem;line-height:1.45}.find-section-hint--in-card{margin-bottom:2px}.find-official-stack{flex-direction:column;gap:12px;display:flex}.find-official-card{border:1px solid var(--border);background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 10%, var(--bg)) 0%, var(--bg) 48%, var(--bg) 100%);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:14px;padding:16px;display:flex}.find-official-card--easy{border-color:color-mix(in srgb, #34d399 35%, var(--border));background:linear-gradient(145deg, #34d3991a 0%, var(--bg) 42%, var(--bg) 100%)}.find-official-card--hard{border-color:color-mix(in srgb, #f87171 40%, var(--border));background:linear-gradient(145deg, #f871711a 0%, var(--bg) 42%, var(--bg) 100%)}.find-official-card--ranked{border-color:color-mix(in srgb, #fbbf24 45%, var(--border));background:linear-gradient(145deg, #fbbf241f 0%, var(--bg) 42%, var(--bg) 100%)}.find-official-card--ranked .find-official-card-kicker-label{color:color-mix(in srgb, #fbbf24 85%, var(--text-h))}.find-official-card--offline{opacity:.78}.find-official-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.find-official-card-titles{flex-direction:column;gap:4px;min-width:0;display:flex}.find-official-card-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--text);flex-wrap:wrap;align-items:center;gap:2px 6px;font-size:.7rem;font-weight:600;display:flex}.find-official-card-kicker-label{color:color-mix(in srgb, var(--accent) 75%, var(--text-h))}.find-official-card-dot{opacity:.45}.find-official-card-map{font-variant-numeric:tabular-nums;letter-spacing:.04em;text-transform:none;font-weight:600}.find-official-card-top{letter-spacing:.04em;text-transform:none;min-width:0;font-weight:600}.find-official-card-top-name{font-weight:700}.find-official-card-top-name--a{color:#7dd3fc}.find-official-card-top-name--b{color:#f87171}.find-official-card-top-name--empty{color:var(--text);opacity:.7}.find-official-card-name{letter-spacing:-.03em;color:var(--text-h);margin:0;font-size:1.2rem;font-weight:750;line-height:1.2}.find-official-card-offline-note{color:#fcd34d;margin:0;font-size:.88rem;line-height:1.4}.find-official-metrics{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:stretch;gap:0;margin:0;padding:8px 10px;display:flex}.find-official-metric{flex-direction:column;justify-content:center;gap:2px;min-width:0;padding:2px 8px;display:flex}.find-official-metric--players{flex:1 1 0;min-width:0}.find-official-metric--score{text-align:center;flex:1.4 1 0;align-items:center}.find-official-metric--time{text-align:right;flex:1 1 0;align-items:flex-end;min-width:0}.find-official-metric-sep{background:var(--border);flex-shrink:0;align-self:stretch;width:1px;margin:2px}.find-official-metric-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text);font-size:.62rem;font-weight:700;line-height:1.2}.find-official-metric-value{font-variant-numeric:tabular-nums;color:var(--text-h);font-size:.95rem;font-weight:750;line-height:1.2}.find-official-metric-scoreline{align-items:baseline;gap:6px;display:inline-flex}.find-official-score-a{color:#7dd3fc}.find-official-score-b{color:#f87171}.find-official-score-sep{color:color-mix(in srgb, var(--text) 55%, transparent);font-size:.85rem;font-weight:600}.find-official-metric-clock{font-variant-numeric:tabular-nums;letter-spacing:.02em}.find-score-bar{background:color-mix(in srgb, var(--border) 80%, transparent);border-radius:999px;width:100%;height:5px;margin-top:5px;display:flex;overflow:hidden}.find-score-bar-blue{background:linear-gradient(90deg,#0369a1,#38bdf8);height:100%;transition:width .3s}.find-score-bar-red{background:linear-gradient(90deg,#f87171,#b91c1c);height:100%;transition:width .3s}@media (width<=420px){.find-official-metrics{flex-wrap:wrap;row-gap:8px}.find-official-metric-sep{display:none}.find-official-metric--players{border-bottom:1px solid var(--border);flex:100%;padding-bottom:6px}.find-official-metric--score{text-align:left;flex:auto;align-items:flex-start}.find-official-metric--time{flex:auto}}.find-official-card--selectable{cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.find-official-card--selectable:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent), var(--shadow);transform:translateY(-1px)}.find-official-card--selectable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.find-official-card--selected{border-color:color-mix(in srgb, var(--accent) 65%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent), var(--shadow)}.find-official-card--full{cursor:not-allowed}.find-official-card-foot{justify-content:space-between;align-items:center;gap:12px;padding-top:2px;display:flex}.find-official-card-addr{font-variant-numeric:tabular-nums;color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.78rem;overflow:hidden}.find-official-card-hint{letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 70%, var(--text));opacity:.85;flex-shrink:0;font-size:.72rem;font-weight:600}.find-official-card--selectable:hover .find-official-card-hint{opacity:1}.find-dropin-root{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;place-items:center;padding:20px;animation:.15s ease-out find-dropin-fade;display:grid;position:fixed;inset:0}@keyframes find-dropin-fade{0%{opacity:0}to{opacity:1}}.find-dropin-dialog{border:1px solid var(--border);background:var(--surface);width:min(100%,400px);box-shadow:0 18px 50px #00000073, var(--shadow);border-radius:14px;flex-direction:column;gap:12px;padding:20px 20px 18px;animation:.18s ease-out find-dropin-pop;display:flex}.find-dropin-dialog--open{border-color:color-mix(in srgb, #34d399 30%, var(--border))}.find-dropin-dialog--ranked{border-color:color-mix(in srgb, #fbbf24 50%, var(--border));background:linear-gradient(160deg, color-mix(in srgb, #fbbf24 12%, var(--surface)) 0%, var(--surface) 42%, var(--surface) 100%);box-shadow:0 18px 50px #00000073, 0 0 0 1px #fbbf242e, var(--shadow)}@keyframes find-dropin-pop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.find-dropin-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--text);flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:.72rem;font-weight:650;display:flex}.find-dropin-kicker-sep{opacity:.45}.find-dropin-mode{letter-spacing:.1em;font-weight:800}.find-dropin-mode--open{color:color-mix(in srgb, #34d399 85%, var(--text-h))}.find-dropin-mode--ranked,.find-dropin-title-ranked{color:#fbbf24;text-shadow:0 0 18px #fbbf2459;font-weight:800}.find-dropin-mode--custom{color:color-mix(in srgb, var(--accent) 70%, var(--text-h))}.find-dropin-title{letter-spacing:-.03em;color:var(--text-h);margin:0;font-size:1.35rem;font-weight:800;line-height:1.2}.find-dropin-title .find-dropin-title-ranked{letter-spacing:.04em}.find-dropin-desc{color:var(--text);margin:0;font-size:.92rem;line-height:1.45}.find-dropin-desc strong{color:var(--text-h);font-weight:700}.find-dropin-ranked-warn{border:1px solid color-mix(in srgb, #fbbf24 40%, var(--border));background:color-mix(in srgb, #fbbf24 10%, var(--bg));color:var(--text-h);border-radius:9px;margin:0;padding:11px 12px;font-size:.88rem;line-height:1.45}.find-dropin-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.find-dropin-btn{font:inherit;cursor:pointer;border:1px solid var(--border);border-radius:9px;padding:10px 16px;font-size:.9rem;font-weight:650;transition:background .15s,border-color .15s,opacity .15s}.find-dropin-btn:disabled{opacity:.55;cursor:not-allowed}.find-dropin-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.find-dropin-btn--ghost{color:var(--text-h);background:0 0}.find-dropin-btn--ghost:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent-border)}.find-dropin-btn--go{color:#fff;background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 92%, #fff), var(--accent));border-color:color-mix(in srgb, var(--accent) 70%, transparent);box-shadow:0 1px 0 color-mix(in srgb, var(--accent) 40%, transparent)}.find-dropin-btn--go:hover:not(:disabled){filter:brightness(1.06);border-color:var(--accent)}.find-dropin-dialog--ranked .find-dropin-btn--go{color:#1a1408;background:linear-gradient(135deg,#fde68a,#fbbf24 55%,#d97706);border-color:#fbbf24b3;box-shadow:0 1px #fbbf2473}.find-dropin-dialog--ranked .find-dropin-btn--go:hover:not(:disabled){filter:brightness(1.05);border-color:#fbbf24}.find-dropin-dialog--ranked .find-dropin-btn:focus-visible{outline-color:#fbbf24}.find-field--name{width:100%}.find-fields{grid-template-columns:1fr minmax(88px,110px) auto;align-items:end;gap:10px;display:grid}@media (width<=520px){.find-fields{grid-template-columns:1fr 1fr}.find-search-btn{grid-column:1/-1}}.find-field{flex-direction:column;gap:6px;min-width:0;display:flex}.find-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text);font-size:.75rem;font-weight:600}.find-input{width:100%;font:inherit;color:var(--text-h);background:var(--bg);border:1px solid var(--border);border-radius:8px;outline:none;padding:10px 12px;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.find-input::placeholder{color:color-mix(in srgb, var(--text) 70%, transparent)}.find-input:hover:not(:disabled){border-color:color-mix(in srgb, var(--border) 60%, var(--accent))}.find-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c084fc2e}.find-input:disabled{opacity:.6;cursor:not-allowed}.find-search-btn,.find-join-btn{font:inherit;cursor:pointer;border-radius:8px;font-weight:600;transition:background .15s,border-color .15s,opacity .15s,transform .15s}.find-search-btn{color:var(--text-h);background:var(--surface-hover);border:1px solid var(--border);white-space:nowrap;height:42px;padding:10px 18px}.find-search-btn:hover:not(:disabled){border-color:var(--accent-border);background:color-mix(in srgb, var(--surface-hover) 80%, var(--accent) 12%)}.find-search-btn:focus-visible,.find-join-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.find-search-btn:disabled,.find-join-btn:disabled{opacity:.55;cursor:not-allowed}.find-alert{border-radius:8px;margin:0;padding:12px 14px;font-size:.9rem;line-height:1.45}.find-alert--error{color:#fecaca;background:#ef44441f;border:1px solid #ef444459}.find-loading{color:var(--text);align-items:center;gap:10px;padding:8px 0;font-size:.9rem;display:flex}.find-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite find-spin}@keyframes find-spin{to{transform:rotate(360deg)}}.find-card{background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:14px;padding:16px;display:flex}.find-card--collapsible{padding:0;overflow:hidden}.find-card--closed{cursor:pointer}.find-card--closed:hover{border-color:var(--accent-border);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent), var(--shadow)}.find-card--closed:focus-within{outline:2px solid var(--accent);outline-offset:2px}.find-card-header.find-card-header--collapsible{background:linear-gradient(#00000005,#0000);flex-direction:row;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.find-card-section-title{color:var(--text-h);font-size:.95rem;font-weight:700}.find-collapse-btn{font:inherit;border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:8px;min-width:40px;min-height:36px;padding:6px 10px;font-size:1.1rem;line-height:1}.find-collapse-btn:hover{background:var(--surface-hover);border-color:var(--accent-border)}.find-collapse-icon{font-size:1.5rem;font-weight:700;display:inline-block;transform:translateY(-1px)}.find-card-body{border-top:1px solid var(--border);background:color-mix(in srgb, var(--bg) 98%, transparent);flex-direction:column;gap:12px;padding:14px 16px 16px;display:flex}.find-card-header{flex-direction:column;gap:4px;display:flex}.find-card-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.find-card-name{letter-spacing:-.02em;color:var(--text-h);margin:0;font-size:1.15rem;font-weight:700}.find-card-addr{font-variant-numeric:tabular-nums;color:var(--text);margin:0;font-size:.85rem}.find-badge{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:.7rem;font-weight:700}.find-badge--online{color:#86efac;background:#22c55e24;border:1px solid #22c55e59}.find-badge--pulse{animation:1.8s ease-in-out infinite find-online-pulse}@keyframes find-online-pulse{0%,to{background:#22c55e24;border-color:#22c55e59;box-shadow:0 0 #22c55e59}50%{background:#22c55e47;border-color:#4ade80b3;box-shadow:0 0 0 6px #22c55e00}}.find-badge--offline{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d}.find-stats{grid-template-columns:1fr 1fr;gap:12px;margin:0;display:grid}.find-stat{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.find-stat dt{letter-spacing:.08em;text-transform:uppercase;color:var(--text);font-size:.7rem;font-weight:600}.find-stat dd{font-variant-numeric:tabular-nums;color:var(--text-h);margin:0;font-size:1.15rem;font-weight:700}.find-stat-muted{color:var(--text);font-size:.9rem;font-weight:500}.find-capacity{background:var(--surface);border:1px solid var(--border);border-radius:999px;height:6px;overflow:hidden}.find-capacity-fill{background:linear-gradient(90deg, var(--accent), #a78bfa);border-radius:inherit;height:100%;transition:width .25s}.find-card-note{color:#fcd34d;margin:0;font-size:.85rem}.find-join-btn{letter-spacing:.04em;text-transform:uppercase;color:#1a1025;background:var(--accent);border:1px solid #0000;width:100%;padding:12px 16px;font-size:.95rem}.find-join-btn:hover:not(:disabled){background:#d0a4fd;transform:translateY(-1px)}.find-join-btn:active:not(:disabled){transform:translateY(0)}.find-empty{text-align:center;border:1px dashed var(--border);background:color-mix(in srgb, var(--bg) 70%, transparent);border-radius:10px;padding:20px 16px}.find-empty-title{color:var(--text-h);margin:0 0 6px;font-size:.95rem;font-weight:600}.find-empty-hint{color:var(--text);margin:0;font-size:.875rem;line-height:1.5}.find-code{color:var(--accent);background:#c084fc1a;border-radius:4px;padding:1px 6px;font-size:.85em}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.settings{flex-direction:column;gap:18px;display:flex}.settings-tabs{background:var(--bg);border:1px solid var(--border);border-radius:10px;gap:4px;padding:4px;display:flex}.settings-tab{min-width:0;font:inherit;letter-spacing:.02em;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:.9rem;font-weight:600;transition:color .15s,background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.settings-tab:hover{color:var(--text-h);background:var(--surface-hover)}.settings-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-tab--active{color:var(--text-h);background:color-mix(in srgb, var(--surface) 65%, var(--accent) 16%);border-color:var(--accent-border);box-shadow:0 0 0 1px #c084fc2e}.settings-tab--locked{color:color-mix(in srgb, var(--text) 88%, var(--text-h))}.settings-tab--locked:not(.settings-tab--active){opacity:.88}.settings-tab-lock{opacity:.85;color:color-mix(in srgb, #fbbf24 70%, var(--text));flex-shrink:0}.settings-tab--active .settings-tab-lock{color:color-mix(in srgb, #fbbf24 85%, var(--text-h));opacity:1}.settings-tab-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.settings-section{flex-direction:column;gap:16px;animation:.16s ease-out fade-in;display:flex}.settings-section-desc{color:var(--text);margin:0;font-size:.875rem;line-height:1.5}.settings-bindings-block{flex-direction:column;gap:10px;display:flex}.settings-bindings-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text);margin:0;font-size:.85rem;font-weight:700}.settings-bindings{border:1px solid var(--border);background:var(--bg);border-radius:10px;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.settings-binding-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:16px;padding:10px 14px;display:flex}.settings-binding-row:last-child{border-bottom:none}.settings-binding-action{color:var(--text-h);font-size:.9rem;font-weight:600}.settings-binding-keys{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--text);text-align:right;flex-shrink:0;font-size:.8rem;font-weight:600}.settings-presets{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.settings-preset-btn{min-width:96px;font:inherit;color:inherit;cursor:pointer;background:var(--bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.settings-preset-btn:hover{border-color:var(--accent-border);background:var(--surface-hover)}.settings-preset-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-preset-btn--active{border-color:var(--accent-border);background:color-mix(in srgb, var(--surface) 70%, var(--accent) 14%);box-shadow:0 0 0 1px #c084fc33}.settings-preset-label{color:var(--text-h);font-size:.95rem;font-weight:700}.settings-preset-hint{color:var(--text);font-size:.75rem}.settings-preset-custom{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:#c084fc1f;border:1px solid #c084fc4d;border-radius:999px;margin-left:4px;padding:4px 10px;font-size:.7rem;font-weight:700}.settings-toggles{border:1px solid var(--border);background:var(--bg);border-radius:10px;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.settings-row{justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.settings-row--toggle{border-bottom:1px solid var(--border)}.settings-row--toggle:last-child{border-bottom:none}.settings-row-text{flex-direction:column;gap:2px;min-width:0;display:flex}.settings-row-label{color:var(--text-h);font-size:.95rem;font-weight:600}.settings-row-hint{color:var(--text);font-size:.8rem;line-height:1.35}.settings-select{min-width:96px;font:inherit;color:var(--text-h);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;outline:none;flex-shrink:0;padding:8px 10px;font-size:.9rem}.settings-select:hover{border-color:color-mix(in srgb, var(--border) 60%, var(--accent))}.settings-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c084fc2e}.settings-switch{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:10px;display:flex}.settings-switch input{opacity:0;width:0;height:0;position:absolute}.settings-switch-track{background:var(--surface-hover);border:1px solid var(--border);border-radius:999px;width:42px;height:24px;transition:background .15s,border-color .15s;position:relative}.settings-switch-thumb{background:var(--text);border-radius:50%;width:18px;height:18px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.settings-switch input:checked+.settings-switch-track{background:color-mix(in srgb, var(--accent) 55%, var(--surface));border-color:var(--accent-border)}.settings-switch input:checked+.settings-switch-track .settings-switch-thumb{background:#f3e8ff;transform:translate(18px)}.settings-switch input:focus-visible+.settings-switch-track{outline:2px solid var(--accent);outline-offset:2px}.settings-switch-state{letter-spacing:.04em;text-transform:uppercase;min-width:1.75rem;color:var(--text);font-size:.75rem;font-weight:600}.settings-row--disabled{opacity:.55}.settings-slider-wrap{flex-shrink:0;align-items:center;gap:10px;width:min(220px,46vw);min-width:0;display:flex}.settings-slider{appearance:none;background:var(--surface-hover);border:1px solid var(--border);cursor:pointer;border-radius:999px;outline:none;flex:1;min-width:0;height:6px}.settings-slider::-webkit-slider-thumb{appearance:none;border:2px solid var(--accent);cursor:pointer;background:#f3e8ff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 1px #c084fc59}.settings-slider::-moz-range-thumb{border:2px solid var(--accent);cursor:pointer;background:#f3e8ff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 1px #c084fc59}.settings-slider:focus-visible{box-shadow:0 0 0 3px #c084fc38}.settings-slider:disabled{cursor:not-allowed;opacity:.7}.settings-slider-value{text-align:right;font-variant-numeric:tabular-nums;min-width:2.75rem;color:var(--text-h);font-size:.8rem;font-weight:600}.settings-footnote{color:color-mix(in srgb, var(--text) 80%, transparent);margin:0;font-size:.8rem}.modal-root{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06070cb8;justify-content:center;align-items:center;padding:20px 12px;animation:.18s ease-out fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:min(480px,100%);max-height:min(90svh,720px);animation:.2s ease-out modal-pop;display:flex;box-shadow:0 24px 48px -12px #0000008c,0 0 48px -10px #c084fc1a}.modal--wide{width:min(560px,100%);max-height:min(90svh,800px)}.modal--find{width:min(1180px,100vw - 24px);max-height:min(92svh,900px)}.modal--maps{width:min(520px,100%);max-height:min(90svh,800px)}.maps-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.maps-item{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 55%, var(--surface));border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:10px 24px;display:flex}.maps-preview-wrap{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:#0f1420e6;border-radius:8px;flex-shrink:0;line-height:0;overflow:hidden}.map-preview-canvas{vertical-align:top;display:block}.maps-item-meta{flex-direction:column;flex:1;gap:6px;min-width:0;padding-right:8px;display:flex}.maps-item-name{letter-spacing:-.02em;color:var(--text-h);font-size:1.05rem;font-weight:700}.maps-item-desc{max-width:22rem;color:color-mix(in srgb, var(--text) 78%, transparent);margin:0;font-size:.82rem;font-weight:300;line-height:1.45}.maps-item-legend{letter-spacing:.04em;text-transform:uppercase;color:var(--text);align-items:center;gap:6px;font-size:.72rem;font-weight:600;display:inline-flex}.maps-dot{border-radius:50%;width:8px;height:8px;margin-left:4px}.maps-dot:first-child{margin-left:0}.maps-dot--blue{background:#38bdf8;box-shadow:0 0 6px #38bdf88c}.maps-dot--red{background:#ef4444;box-shadow:0 0 6px #ef444480}.maps-empty{color:var(--text);margin:0;line-height:1.5}@keyframes modal-pop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 0;display:flex}.modal-header-text{min-width:0}.modal-header-end{flex-shrink:0;align-items:center;gap:10px;display:flex}.modal-header-status{letter-spacing:.02em;color:var(--text);opacity:.85;white-space:nowrap;margin:0;font-size:.78rem;font-weight:600}.modal-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 4px;font-size:.7rem;font-weight:600}.modal-title{letter-spacing:-.03em;color:var(--text-h);margin:0;font-size:1.35rem;font-weight:700}.modal-close{width:36px;height:36px;font:inherit;color:var(--text);cursor:pointer;background:var(--bg);border:1px solid var(--border);border-radius:8px;flex-shrink:0;place-items:center;font-size:.95rem;line-height:1;transition:color .15s,border-color .15s,background .15s;display:grid}.modal-close:hover{color:var(--text-h);border-color:var(--accent-border);background:var(--surface-hover)}.modal-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.modal-body{flex-direction:column;gap:18px;padding:16px 18px;display:flex;overflow-y:auto}.modal-intro{color:var(--text);margin:0;font-size:.925rem;line-height:1.55}.modal-intro strong{color:var(--text-h);font-weight:600}.modal-footer{justify-content:flex-end;padding:0 18px 18px;display:flex}.modal-done-btn{font:inherit;color:var(--text-h);cursor:pointer;background:var(--surface-hover);border:1px solid var(--border);border-radius:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:border-color .15s,background .15s}.modal-done-btn:hover{border-color:var(--accent-border);background:color-mix(in srgb, var(--surface-hover) 80%, var(--accent) 12%)}.modal-done-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.modal--create{width:min(920px,100%);max-height:min(92svh,880px)}.create-layout{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.create-main{flex-direction:column;gap:16px;min-width:0;display:flex}.create-steps{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));background:linear-gradient(165deg, color-mix(in srgb, var(--accent) 12%, var(--surface)) 0%, var(--surface) 55%, color-mix(in srgb, var(--bg) 40%, var(--surface)) 100%);min-width:0;box-shadow:inset 0 1px 0 #ffffff0a, var(--shadow);border-radius:14px;padding:16px;position:sticky;top:0}@media (width<=640px){.create-layout{grid-template-columns:1fr}.create-steps{position:static}}.create-download{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:12px;padding:14px;display:flex}.create-os-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin:0;font-size:.7rem;font-weight:600}.create-download-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.create-download-list--all{gap:8px}.create-download-list li{background:color-mix(in srgb, var(--bg) 70%, var(--border));border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;padding:10px 12px;display:flex}.create-download-list a{color:var(--accent);font-size:.95rem;font-weight:700;text-decoration:none}.create-download-list a:hover{text-decoration:underline}.create-download-list a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.create-section-title{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:.78rem;font-weight:800}.create-steps-list{color:var(--text);flex-direction:column;gap:12px;margin:0;padding-left:1.2rem;font-size:.88rem;line-height:1.5;display:flex}.create-steps-list li::marker{color:var(--accent)}.create-steps-list strong{color:var(--text-h);font-weight:600}.create-run-hint{word-break:break-all;color:var(--accent);background:#c084fc14;border:1px solid #c084fc33;border-radius:6px;margin-top:6px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;line-height:1.4;display:block}.create-steps .create-portforward{background:color-mix(in srgb, var(--bg) 55%, transparent);border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));border-radius:10px;margin-top:14px;padding:0;overflow:hidden}.create-portforward-title{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:10px 12px;font-size:.75rem;font-weight:800;list-style:none;display:flex}.create-portforward-title::-webkit-details-marker{display:none}.create-portforward-title:after{content:"";opacity:.85;border-bottom:2px solid;border-right:2px solid;flex-shrink:0;width:.45em;height:.45em;transition:transform .15s;transform:rotate(45deg)}.create-portforward[open]>.create-portforward-title:after{margin-top:.2em;transform:rotate(-135deg)}.create-portforward-title:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.create-portforward-title:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.create-portforward-text{color:var(--text);margin:0;padding:0 12px 12px;font-size:.84rem;line-height:1.5}.create-portforward-text strong{color:var(--text-h);font-weight:600}.modal--account{width:min(720px,100%)}.account-panel{flex-direction:column;gap:18px;display:flex}.account-panel--out,.account-panel--in{animation:.28s ease-out account-panel-in}.account-out-layout{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:18px;display:grid}.account-out-main{flex-direction:column;gap:16px;min-width:0;display:flex}.account-panel--out .account-auth-card{min-width:0;position:sticky;top:0}.account-panel--out .account-perks{grid-template-columns:1fr}.account-panel--out .account-perk{flex-direction:row;align-items:flex-start;gap:10px;padding:10px 12px}.account-panel--out .account-hint--foot{text-align:left;padding:0}@media (width<=640px){.account-out-layout{grid-template-columns:1fr}.account-panel--out .account-auth-card{order:-1;position:static}}@keyframes account-panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.account-intro,.account-hint{color:var(--text);margin:0;font-size:.9rem;line-height:1.5}.account-hero{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 14%, var(--surface)) 0%, var(--surface) 48%, color-mix(in srgb, #3b82f6 8%, var(--surface)) 100%);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 8%, transparent), var(--shadow);border-radius:14px;padding:20px 18px 18px;position:relative;overflow:hidden}.account-hero-glow{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--accent) 28%, transparent) 0%, transparent 68%);pointer-events:none;width:70%;height:120%;position:absolute;inset:-40% -20% auto auto}.account-hero-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-size:.72rem;font-weight:700;position:relative}.account-hero-title{letter-spacing:-.03em;color:var(--text-h);margin:0;font-size:clamp(1.35rem,3.5vw,1.65rem);font-weight:800;line-height:1.15;position:relative}.account-hero-lead{color:var(--text);max-width:42em;margin:10px 0 0;font-size:.92rem;line-height:1.5;position:relative}.account-hero-lead strong{color:var(--text-h);font-weight:700}.account-perks{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.account-perks--compact{gap:8px}.account-perk{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 55%, var(--surface));border-radius:12px;flex-direction:column;gap:8px;min-width:0;padding:12px 12px 14px;transition:border-color .15s,background .15s;display:flex}.account-perk:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));background:color-mix(in srgb, var(--surface-hover) 80%, var(--accent) 6%)}.account-perk-icon{width:28px;height:28px;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;display:inline-flex}.account-perk-text{flex-direction:column;gap:3px;min-width:0;display:flex}.account-perk-title{letter-spacing:.02em;color:var(--text-h);font-size:.82rem;font-weight:800}.account-perk-body{color:var(--text);font-size:.78rem;line-height:1.4}.account-perks--compact .account-perk{flex-direction:row;align-items:flex-start;gap:10px;padding:10px 12px}.account-perks--compact .account-perk-body{font-size:.76rem}@media (width<=560px){.account-perks:not(.account-perks--compact),.account-perks--compact{grid-template-columns:1fr}}.account-auth-card{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, var(--accent) 8%) 0%, var(--surface) 100%);border-radius:14px;flex-direction:column;gap:14px;padding:14px;display:flex;box-shadow:inset 0 1px #ffffff0a}.account-tabs{background:var(--bg);border:1px solid var(--border);border-radius:12px;gap:4px;padding:4px;display:flex}.account-tab{font:inherit;letter-spacing:.05em;text-transform:uppercase;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;flex:1;padding:10px 12px;font-size:.82rem;font-weight:800;transition:color .12s,background .12s,border-color .12s,box-shadow .12s}.account-tab:hover:not(.account-tab--active){color:var(--text-h);background:color-mix(in srgb, var(--surface-hover) 70%, transparent)}.account-tab--active{color:var(--text-h);border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--surface) 55%, var(--accent) 18%);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent)}.account-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.account-clerk{justify-content:center;align-items:flex-start;width:100%;min-height:120px;padding:2px 0 4px;display:flex}.account-clerk .cl-rootBox,.account-clerk .cl-cardBox,.account-clerk .cl-card{width:100%;max-width:100%;margin-left:auto;margin-right:auto}.account-profile-card{border:1px solid color-mix(in srgb, var(--accent) 26%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 12%, var(--surface)) 0%, var(--surface) 55%, color-mix(in srgb, #22d3ee 6%, var(--surface)) 100%);box-shadow:var(--shadow);border-radius:14px;grid-template-columns:auto 1fr;grid-template-areas:"avatar main""avatar pill";align-items:start;gap:10px 16px;padding:18px 18px 16px;display:grid;position:relative;overflow:hidden}.account-profile-glow{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--accent) 22%, transparent) 0%, transparent 70%);pointer-events:none;width:55%;height:140%;position:absolute;top:-60%;left:-20%}.account-avatar{letter-spacing:.04em;color:#0c0e14;background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 92%, #fff) 0%, color-mix(in srgb, var(--accent) 70%, #6366f1) 100%);width:56px;height:56px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent), 0 8px 20px color-mix(in srgb, var(--accent) 25%, transparent);border-radius:14px;grid-area:avatar;justify-content:center;align-items:center;font-size:1.05rem;font-weight:800;display:flex;position:relative}.account-profile-main{flex-direction:column;grid-area:main;gap:4px;min-width:0;display:flex;position:relative}.account-profile-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.7rem;font-weight:700}.account-username{letter-spacing:-.02em;color:var(--text-h);word-break:break-word;margin:0;font-size:1.25rem;font-weight:800}.account-status-pill{letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:999px;grid-area:pill;justify-self:start;align-items:center;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-flex;position:relative}.account-status-pill--ok{color:#6ee7b7;border-color:color-mix(in srgb, #34d399 45%, var(--border));background:color-mix(in srgb, #34d399 12%, var(--bg))}.account-status-pill--warn{color:#fcd34d;border-color:color-mix(in srgb, #fbbf24 45%, var(--border));background:color-mix(in srgb, #fbbf24 12%, var(--bg))}.account-section-title{letter-spacing:.12em;text-transform:uppercase;color:var(--text);margin:0 0 8px;font-size:.72rem;font-weight:800}.account-signed-in-perks{margin:0}.account-env-hint{border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;margin:0;padding:12px 14px;font-size:.8rem;line-height:1.45;overflow-x:auto}.account-username-banner{border:1px solid color-mix(in srgb, #fbbf24 40%, var(--border));background:color-mix(in srgb, #fbbf24 11%, var(--bg));color:var(--text-h);border-radius:12px;align-items:flex-start;gap:10px;margin:0;padding:12px 14px;font-size:.9rem;font-weight:600;line-height:1.4;display:flex}.account-username-banner-icon{color:#0c0e14;background:#fbbf24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.8rem;font-weight:900;display:inline-flex}.account-username-form{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 40%, var(--surface));border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:inset 0 1px #ffffff08}.account-username-form--claim{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 10%, var(--surface)) 0%, color-mix(in srgb, var(--bg) 35%, var(--surface)) 100%)}.account-username-form-head{flex-direction:column;gap:4px;display:flex}.account-username-form-title{letter-spacing:-.01em;color:var(--text-h);margin:0;font-size:.98rem;font-weight:800}.account-username-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.account-username-field{flex-direction:column;flex:180px;gap:6px;min-width:0;display:flex}.account-username-input{width:100%}.account-username-save{font:inherit;letter-spacing:.05em;text-transform:uppercase;color:#0c0e14;cursor:pointer;background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 95%, #fff) 0%, color-mix(in srgb, var(--accent) 75%, #6366f1) 100%);box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 22%, transparent);border:none;border-radius:10px;flex:none;padding:11px 18px;font-size:.85rem;font-weight:800;transition:filter .12s,transform .12s}.account-username-save:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.account-username-save:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.account-username-save:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.account-hint--foot{opacity:.88;text-align:center;padding:0 4px;font-size:.8rem}.account-sign-out-row{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.account-sign-out-hint{flex:200px;max-width:28em;font-size:.82rem}.account-sign-out-btn{font:inherit;letter-spacing:.05em;text-transform:uppercase;color:#fecaca;cursor:pointer;background:color-mix(in srgb, #ef4444 12%, var(--bg));border:1px solid color-mix(in srgb, #ef4444 40%, var(--border));border-radius:10px;padding:9px 16px;font-size:.82rem;font-weight:800;transition:background .15s,border-color .15s}.account-sign-out-btn:hover:not(:disabled){background:color-mix(in srgb, #ef4444 22%, var(--bg));border-color:color-mix(in srgb, #ef4444 55%, var(--border))}.account-sign-out-btn:disabled{opacity:.55;cursor:not-allowed}.account-sign-out-btn:focus-visible{outline-offset:2px;outline:2px solid #f87171}.account-panel--loading{gap:12px}.account-skeleton{background:linear-gradient(90deg, color-mix(in srgb, var(--surface) 90%, #fff 4%) 0%, color-mix(in srgb, var(--surface-hover) 80%, var(--accent) 8%) 50%, color-mix(in srgb, var(--surface) 90%, #fff 4%) 100%);border:1px solid var(--border);background-size:200% 100%;border-radius:12px;animation:1.2s ease-in-out infinite account-shimmer}.account-skeleton--hero{height:96px}.account-skeleton--row{height:72px}.account-skeleton--block{height:140px}.account-loading-label{text-align:center;font-size:.85rem}@keyframes account-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.find-alert--ok{border-color:color-mix(in srgb, #34d399 40%, var(--border));background:color-mix(in srgb, #34d399 10%, var(--bg));color:var(--text-h)}.modal--party{width:min(520px,100%);max-height:min(92svh,820px)}.modal--party-wide{width:min(980px,100%);max-height:min(94svh,900px)}.party-body{flex-direction:column;gap:14px;display:flex}.party-body--split{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:start;gap:18px 22px;display:grid}@media (width<=820px){.party-body--split{grid-template-columns:1fr}}.party-col{flex-direction:column;gap:12px;min-width:0;display:flex}.party-col--status{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, #0a0c12);border-radius:12px;padding:14px 14px 16px}.party-col-title{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.78rem;font-weight:800}.party-col-title--queue{margin-top:6px}.party-col-intro{color:var(--text);margin:0;font-size:.86rem;line-height:1.45}.party-match-card{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--surface));border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.party-match-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.party-match-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text);opacity:.8;font-size:.72rem;font-weight:700}.party-match-value{color:var(--text-h);text-align:right;font-size:.9rem;font-weight:700}.party-match-value--good{color:#3dd68c}.party-match-value--bad{color:#fca5a5}.party-match-void{color:#fbbf24;margin:0;font-size:.78rem}.party-match-hint{color:var(--text);opacity:.9;margin:4px 0 0;font-size:.78rem;line-height:1.4}.party-queue-rules{color:var(--text);margin:0;font-size:.8rem;line-height:1.4}.party-queue-empty{border:1px dashed var(--border);color:var(--text);opacity:.85;border-radius:8px;margin:0;padding:12px;font-size:.85rem}.party-queue-list{flex-direction:column;gap:8px;max-height:min(42vh,360px);margin:0;padding:0;list-style:none;display:flex;overflow:auto}.party-queue-item{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.party-queue-item--you{border-color:color-mix(in srgb, var(--accent) 50%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent)}.party-queue-item--offer{border-color:color-mix(in srgb, #3dd68c 55%, var(--border));background:color-mix(in srgb, #3dd68c 10%, var(--surface))}.party-queue-pos{color:var(--accent);flex:none;min-width:2rem;font-size:.85rem;font-weight:800}.party-queue-main{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.party-queue-leader{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.party-queue-meta{color:var(--text);font-size:.72rem}.party-queue-timer{font-variant-numeric:tabular-nums;color:#3dd68c;flex:none;font-size:.95rem;font-weight:800}.party-join-offer{border:1px solid color-mix(in srgb, #3dd68c 50%, var(--border));background:color-mix(in srgb, #3dd68c 12%, var(--surface));border-radius:8px;padding:10px 12px}.party-join-offer strong{color:#3dd68c;margin-bottom:4px;display:block}.party-join-offer p{color:var(--text);margin:0;font-size:.84rem}.party-agg-queue{color:#3dd68c;font-weight:800}.party-session{border:1px solid var(--border);background:color-mix(in srgb, var(--accent) 8%, var(--surface));border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;padding:10px 12px;display:flex}.party-session-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.68rem;font-weight:700}.party-session-value{color:var(--text-h);font-size:.88rem;font-weight:600}.party-empty{flex-direction:column;align-items:flex-start;gap:12px;padding:8px 0;display:flex}.party-agg{color:var(--text);flex-wrap:wrap;gap:8px 14px;font-size:.8rem;font-weight:600;display:flex}.party-members{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.party-member{border:1px solid var(--border);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.party-member--leader{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 15%, transparent)}.party-member-main{flex-direction:column;gap:2px;min-width:0;display:flex}.party-member-name{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;font-weight:700;display:flex;overflow:hidden}.party-presence{width:8px;height:8px;box-shadow:0 0 0 1px color-mix(in srgb, var(--border) 60%, transparent);border-radius:50%;flex:none}.party-presence--ready{background:#3dd68c;box-shadow:0 0 0 1px #3dd68c73,0 0 8px #3dd68c8c}.party-presence--not-ready{background:color-mix(in srgb, var(--text) 35%, transparent)}.party-presence-label{letter-spacing:.02em;text-transform:uppercase;color:var(--text);opacity:.75;margin-left:2px;font-size:.68rem;font-weight:600}.party-member--ready .party-presence-label{color:#3dd68c;opacity:.95}.party-member-stats{color:var(--text);font-size:.75rem}.party-invite{flex-direction:column;gap:6px;display:flex}.party-invite-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text);font-size:.72rem;font-weight:700}.party-invite-row{gap:8px;display:flex}.party-invite-input{min-width:0;font:inherit;color:var(--text-h);background:var(--bg);border:1px solid var(--border);border-radius:8px;flex:1;padding:8px 10px}.party-invite-input:focus{outline:2px solid color-mix(in srgb, var(--accent) 50%, transparent);outline-offset:1px}.party-waiting{border:1px solid color-mix(in srgb, #fbbf24 40%, var(--border));background:color-mix(in srgb, #fbbf24 10%, var(--bg));color:var(--text-h);border-radius:8px;padding:10px 12px}.party-waiting strong{color:#fbbf24;margin-bottom:4px;display:block}.party-waiting p{color:var(--text);margin:0 0 8px;font-size:.85rem}.party-status{color:var(--accent);margin:0;font-size:.85rem;font-weight:600}.party-error{color:#fca5a5;margin:0;font-size:.85rem;font-weight:600}.party-hint{color:var(--text);margin:0;font-size:.85rem}.party-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.party-ready-notice{border:1px solid color-mix(in srgb, #3dd68c 35%, var(--border));background:color-mix(in srgb, #3dd68c 10%, var(--surface));color:var(--text);border-radius:8px;margin:0;padding:10px 12px;font-size:.82rem;line-height:1.4}.party-ready-notice strong{color:#3dd68c}.party-primary-btn,.party-secondary-btn,.party-danger-btn,.party-kick-btn,.party-ready-btn{font:inherit;cursor:pointer;border:1px solid var(--border);border-radius:8px;padding:8px 14px;font-weight:700}.party-primary-btn{color:#0c0d12;background:linear-gradient(#fcd34d 0%,#f59e0b 100%);border-color:#0000}.party-primary-btn:hover:not(:disabled){filter:brightness(1.05)}.party-primary-btn:disabled{opacity:.55;cursor:not-allowed}.party-ready-btn{color:#3dd68c;background:color-mix(in srgb, #3dd68c 18%, var(--surface));border-color:color-mix(in srgb, #3dd68c 45%, var(--border))}.party-ready-btn:hover:not(:disabled){background:color-mix(in srgb, #3dd68c 28%, var(--surface));border-color:color-mix(in srgb, #3dd68c 60%, var(--border))}.party-ready-btn:disabled{opacity:.55;cursor:not-allowed}.party-secondary-btn{color:var(--text-h);background:var(--surface)}.party-secondary-btn:hover:not(:disabled){border-color:var(--accent)}.party-danger-btn{color:#fecaca;background:color-mix(in srgb, #ef4444 18%, var(--surface));border-color:color-mix(in srgb, #ef4444 40%, var(--border))}.party-kick-btn{color:#fecaca;border-color:color-mix(in srgb, #ef4444 35%, var(--border));background:0 0;flex-shrink:0;padding:4px 10px;font-size:.75rem}.party-kick-btn:hover:not(:disabled){background:#ef444426}.modal--rankings{width:min(760px,100%);max-height:min(92svh,880px)}.rankings{flex-direction:column;gap:18px;display:flex}.rankings-panel{gap:14px}.rank-profile-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.rank-profile-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 2px;font-size:.7rem;font-weight:600}.rank-profile-name{letter-spacing:-.03em;color:var(--text-h);margin:0;font-size:1.35rem;font-weight:700}.rank-lb-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.rank-lb-head .settings-section-desc{flex:1;min-width:0}.rank-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}@media (width>=520px){.rank-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.rank-stat{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:2px;margin:0;padding:12px 12px 10px;display:flex}.rank-stat--accent{border-color:var(--accent-border);background:color-mix(in srgb, var(--bg) 70%, var(--accent) 12%);box-shadow:0 0 24px -8px #c084fc59}.rank-stat dt{letter-spacing:.1em;text-transform:uppercase;color:var(--text);font-size:.68rem;font-weight:600}.rank-stat dd{font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text-h);margin:0;font-size:1.35rem;font-weight:700;line-height:1.15}.rank-stat-sub{color:var(--text)!important;letter-spacing:0!important;font-size:.75rem!important;font-weight:500!important}.rank-charts-row{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=520px){.rank-charts-row{grid-template-columns:1fr 1fr}}.rank-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:12px;padding:14px;display:flex}.rank-card-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text);margin:0;font-size:.78rem;font-weight:700}.rank-donut-block{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.rank-donut-wrap{flex-shrink:0;position:relative}.rank-donut{border-radius:50%;-webkit-mask:radial-gradient(circle,#0000 52%,#000 53%);mask:radial-gradient(circle,#0000 52%,#000 53%)}.rank-donut-hole{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rank-donut-pct{font-variant-numeric:tabular-nums;color:var(--text-h);font-size:1.25rem;font-weight:700;line-height:1}.rank-donut-sub{letter-spacing:.06em;text-transform:uppercase;color:var(--text);margin-top:4px;font-size:.65rem;font-weight:600}.rank-legend-list{color:var(--text);flex-direction:column;gap:8px;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.rank-legend-list strong{color:var(--text-h);font-variant-numeric:tabular-nums}.rank-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.rank-dot--win,.rank-dot--kill{background:#4ade80;box-shadow:0 0 8px #4ade8073}.rank-dot--loss,.rank-dot--death{background:#f87171;box-shadow:0 0 8px #f8717166}.rank-dot--draw{background:#a78bfa;box-shadow:0 0 8px #a78bfa73}.rank-combat{flex-direction:column;gap:10px;display:flex}.rank-combat-bar{background:var(--surface);border:1px solid var(--border);border-radius:999px;height:14px;display:flex;overflow:hidden}.rank-combat-kills{background:linear-gradient(90deg,#22c55e,#4ade80);min-width:2px;transition:width .35s}.rank-combat-deaths{background:linear-gradient(90deg,#f87171,#ef4444);min-width:2px;transition:width .35s}.rank-combat-legend{color:var(--text);flex-wrap:wrap;gap:10px 14px;font-size:.8rem;display:flex}.rank-combat-kd{font-variant-numeric:tabular-nums;color:var(--text-h);margin-left:auto;font-weight:700}.rank-sparkline{flex-direction:column;gap:8px;display:flex}.rank-sparkline-svg{width:100%;height:auto;max-height:88px;display:block}.rank-sparkline-legend{color:var(--text);font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;font-size:.8rem;display:flex}.rank-sparkline-legend strong{color:var(--text-h)}.rank-delta--up{color:#4ade80;font-weight:600}.rank-delta--down{color:#f87171;font-weight:600}.rank-bar-chart{flex-direction:column;gap:8px;display:flex}.rank-bar-row{grid-template-columns:36px minmax(0,1.1fr) minmax(0,2fr) 48px 2rem;align-items:center;gap:8px;font-size:.8rem;display:grid}.rank-bar-row--you .rank-bar-name{color:var(--accent);font-weight:700}.rank-bar-row--you .rank-bar-fill{background:linear-gradient(90deg,#c084fcd9,#a78bfa);box-shadow:0 0 12px #c084fc59}.rank-bar-rank{font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}.rank-bar-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-h);font-weight:500;overflow:hidden}.rank-bar-track{background:var(--surface);border:1px solid var(--border);border-radius:999px;height:10px;overflow:hidden}.rank-bar-fill{background:linear-gradient(90deg,#c084fc73,#c084fcf2);border-radius:999px;height:100%;transition:width .4s}.rank-bar-mmr{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-h);font-weight:700}.rank-bar-level{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--text);text-align:right;opacity:.85;min-width:1.75rem;font-size:.68rem;font-weight:600}.rank-xp-progress{flex-direction:column;gap:8px;display:flex}.rank-xp-progress-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.rank-xp-progress-label{color:var(--text-h);letter-spacing:-.02em;font-size:.95rem;font-weight:700}.rank-xp-progress-nums{font-variant-numeric:tabular-nums;color:var(--text);font-size:.78rem;font-weight:600}.rank-xp-bar{background:color-mix(in srgb, var(--border) 70%, transparent);border:1px solid var(--border);border-radius:999px;height:10px;overflow:hidden}.rank-xp-bar-fill{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 75%, #60a5fa), var(--accent));min-width:0;height:100%;transition:width .35s;box-shadow:0 0 12px -2px #c084fc8c}.rank-xp-progress-total{color:var(--text);margin:0;font-size:.75rem}.rank-table-level{color:var(--text-h);font-weight:600}.rank-pill--void{background:color-mix(in srgb, var(--border) 55%, transparent);color:var(--text);border:1px solid var(--border)}.rank-pill--inline{margin-left:4px}.rank-table-wrap{border-radius:8px;margin:0 -2px;overflow-x:auto}.rank-table{border-collapse:collapse;width:100%;font-size:.82rem}.rank-table th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--text);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px;font-size:.68rem;font-weight:700}.rank-table td{border-bottom:1px solid color-mix(in srgb, var(--border) 65%, transparent);color:var(--text-h);vertical-align:middle;padding:9px 10px}.rank-table tbody tr:last-child td{border-bottom:none}.rank-table tbody tr:hover td{background:color-mix(in srgb, var(--surface-hover) 70%, transparent)}.rank-table-row--you td{background:color-mix(in srgb, var(--accent) 12%, transparent)}.rank-table-row--you:hover td{background:color-mix(in srgb, var(--accent) 18%, transparent)}.rank-table-num{font-variant-numeric:tabular-nums;white-space:nowrap}.rank-table-mmr{color:var(--accent);font-weight:700}.rank-table-muted{color:var(--text);font-weight:500}.rank-you-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-left:6px;font-size:.7rem;font-weight:700}.rank-pill{letter-spacing:.04em;background:var(--surface);border:1px solid var(--border);min-width:1.5rem;color:var(--text);border-radius:6px;justify-content:center;align-items:center;padding:2px 6px;font-size:.72rem;font-weight:700;display:inline-flex}.rank-pill--win{color:#86efac;background:#22c55e24;border-color:#22c55e59}.rank-pill--loss{color:#fca5a5;background:#ef44441f;border-color:#ef444452}.rank-pill--draw{color:#c4b5fd;background:#a78bfa24;border-color:#a78bfa59}.rank-medal{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;min-width:1.5rem;font-weight:700;display:inline-flex}.rank-medal--gold{color:#fbbf24;text-shadow:0 0 10px #fbbf2473}.rank-medal--silver{color:#d1d5db;text-shadow:0 0 8px #d1d5db59}.rank-medal--bronze{color:#d97706;text-shadow:0 0 8px #d9770666}.rank-empty,.rank-status,.rank-chart-hint{color:var(--text);margin:0;font-size:.875rem;line-height:1.5}.rank-empty code{color:var(--accent);font-size:.8em}.rank-error{color:#fca5a5;margin:0;font-size:.875rem}.rank-error-block{background:#ef444414;border:1px solid #ef444447;border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.rank-guest{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex}.rank-guest-title{color:var(--text-h);margin:0;font-size:1.05rem;font-weight:700}.rank-cta-btn,.rank-refresh-btn{font:inherit;color:var(--text-h);cursor:pointer;background:var(--surface-hover);border:1px solid var(--border);border-radius:8px;align-self:flex-start;padding:8px 14px;font-size:.85rem;font-weight:600;transition:border-color .15s,background .15s}.rank-cta-btn{background:color-mix(in srgb, var(--surface) 55%, var(--accent) 22%);border-color:var(--accent-border)}.rank-cta-btn:hover,.rank-refresh-btn:hover:not(:disabled){border-color:var(--accent-border);background:color-mix(in srgb, var(--surface-hover) 75%, var(--accent) 16%)}.rank-cta-btn:focus-visible,.rank-refresh-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.rank-refresh-btn:disabled{opacity:.55;cursor:default}.appearance-editor{flex-direction:column;gap:18px;display:flex}.appearance-editor-layout{grid-template-columns:minmax(0,1fr) minmax(200px,280px);align-items:stretch;gap:16px 18px;display:grid}.appearance-editor-options{flex-direction:column;gap:18px;min-width:0;display:flex}.appearance-model-preview{border:1px solid var(--border);background:#0a0e14;border-radius:12px;flex-direction:column;align-self:start;gap:0;height:100%;min-height:0;max-height:min(420px,70vh);display:flex;position:sticky;top:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.appearance-model-preview-stage{touch-action:none;-webkit-user-select:none;user-select:none;flex:auto;width:100%;height:min(320px,50vh);min-height:220px}@media (width<=720px){.appearance-editor-layout{grid-template-columns:1fr}.appearance-model-preview{max-height:none;position:static}.appearance-model-preview-stage{height:min(240px,46vw);min-height:180px}}.appearance-model-preview-bar{background:color-mix(in srgb, var(--bg) 70%, #0a0e14 30%);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:8px 12px;display:flex}.appearance-model-preview-hint{letter-spacing:.02em;color:var(--text-h);font-size:.78rem;font-weight:600;transition:color .2s}.appearance-model-preview-hint--dim{color:var(--text);font-weight:500}.appearance-model-preview-teams{gap:6px;display:inline-flex}.appearance-model-preview-team{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:8px;margin:0;padding:5px 12px;font-size:.78rem;font-weight:600;transition:border-color .12s,background .12s,color .12s}.appearance-model-preview-team:hover{border-color:var(--accent-border);background:color-mix(in srgb, var(--surface-hover) 80%, var(--accent) 10%)}.appearance-model-preview-team--active{border-color:var(--accent-border);background:color-mix(in srgb, var(--bg) 55%, var(--accent) 22%);color:var(--text-h);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent)}.appearance-model-preview-team:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.appearance-block{flex-direction:column;gap:10px;display:flex}.appearance-block-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-h);flex-wrap:wrap;align-items:center;gap:4px 0;margin:0;font-size:.85rem;font-weight:700;display:flex}.appearance-part-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.appearance-part-card{background:var(--bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:8px;margin:0;padding:12px 8px 10px;transition:border-color .12s,background .12s;display:flex}.appearance-part-card:hover{border-color:var(--accent-border);background:color-mix(in srgb, var(--surface-hover) 80%, var(--accent) 10%)}.appearance-part-card--active{border-color:var(--accent-border);background:color-mix(in srgb, var(--bg) 65%, var(--accent) 18%);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}.appearance-part-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.appearance-part-card--locked{opacity:.55;cursor:not-allowed;filter:grayscale(.35)}.appearance-part-card--locked:hover{border-color:var(--border);background:var(--bg)}.appearance-part-lock{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted,#8b93a7);background:color-mix(in srgb, var(--surface-hover,#1a1f2a) 70%, transparent);border:1px solid var(--border);border-radius:999px;padding:2px 7px;font-size:.68rem;font-weight:700;line-height:1.2}.appearance-part-lock--inline{vertical-align:middle;margin-left:8px}.appearance-block--locked{opacity:.72}.appearance-block--locked .appearance-hue-slider{cursor:not-allowed}.appearance-head-preview{width:48px;height:48px;box-shadow:inset 0 -10px 0 0 color-mix(in srgb, var(--accent) 55%, #0a0c12);background:#141820;border:1px solid #2a3140;border-radius:8px;position:relative}.appearance-head-preview--0:after{content:"";background:var(--accent);height:8px;box-shadow:0 0 8px color-mix(in srgb, var(--accent) 60%, transparent);border-radius:2px;position:absolute;top:18px;left:8px;right:8px}.appearance-head-preview--1{border-radius:50% 50% 10px 10px}.appearance-head-preview--1:after{content:"";background:var(--accent);border-radius:4px;height:7px;position:absolute;top:20px;left:6px;right:6px}.appearance-head-preview--2{clip-path:polygon(20% 100%,0 55%,50% 0,100% 55%,80% 100%);border-radius:0}.appearance-head-preview--2:after{content:"";background:var(--accent);height:6px;position:absolute;top:22px;left:12px;right:12px}.appearance-part-label{letter-spacing:.02em;color:var(--text-h);font-size:.78rem;font-weight:600}.appearance-shoulder-preview{width:56px;height:36px;position:relative}.appearance-shoulder-preview:before,.appearance-shoulder-preview:after{content:"";background:#1a2030;border:1px solid #2a3140;width:18px;height:20px;position:absolute;top:6px}.appearance-shoulder-preview:before{left:4px}.appearance-shoulder-preview:after{right:4px}.appearance-shoulder-preview--0:before,.appearance-shoulder-preview--0:after{box-shadow:inset 0 -4px 0 0 color-mix(in srgb, var(--accent) 50%, #0a0c12);border-radius:4px}.appearance-shoulder-preview--1:before,.appearance-shoulder-preview--1:after{height:22px;box-shadow:inset 0 -5px 0 0 color-mix(in srgb, var(--accent) 45%, #0a0c12);border-radius:50% 50% 30% 30%}.appearance-shoulder-preview--2:before,.appearance-shoulder-preview--2:after{clip-path:polygon(15% 100%,0 40%,50% 0,100% 40%,85% 100%);height:24px;box-shadow:none;background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 55%, #141820) 0%, #141820 70%);top:2px}.appearance-hue-row{flex-wrap:wrap;align-items:center;gap:14px 18px;display:flex}.appearance-hue-label{flex:200px;align-items:center;gap:10px;min-width:0;max-width:320px;display:flex}.appearance-hue-slider{width:100%;min-width:80px;max-width:220px;accent-color:var(--accent);flex:auto}.appearance-hue-value{text-align:right;font-variant-numeric:tabular-nums;min-width:3.2rem;color:var(--text-h);flex-shrink:0;font-size:.85rem;font-weight:600}.appearance-swatches{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:12px;display:flex}.appearance-swatch{align-items:center;gap:6px;display:flex}.appearance-swatch-chip{width:26px;height:26px;box-shadow:0 0 12px color-mix(in srgb, currentColor 25%, transparent);border:1px solid #ffffff2e;border-radius:8px}.appearance-swatch-label{color:var(--text);white-space:nowrap;font-size:.78rem;font-weight:600}.appearance-hue-reset{flex-shrink:0}.appearance-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.modal--help{width:min(420px,100%)}.help-link-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.help-link-btn{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:color-mix(in srgb, var(--bg) 55%, var(--surface));border:1px solid var(--border);box-sizing:border-box;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:flex}.help-link-btn:hover{border-color:var(--accent-border);background:var(--surface-hover);transform:translateY(-1px)}.help-link-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.help-link-label{letter-spacing:.02em;color:var(--text-h);font-size:.95rem;font-weight:700}.help-link-hint{color:var(--text);font-size:.82rem;line-height:1.4}.help-link-path{letter-spacing:.04em;color:color-mix(in srgb, var(--accent) 75%, var(--text));margin-top:2px;font-size:.72rem;font-weight:600}.legal-app{align-items:flex-start;padding-top:28px;padding-bottom:48px}.legal-panel{z-index:1;width:min(720px,100%);animation:.3s ease-out fade-in;position:relative}.legal-header{margin-bottom:20px}.legal-header .back-btn{margin-bottom:16px}.legal-header .menu-kicker{text-align:left}.legal-title{letter-spacing:-.03em;color:var(--text-h);margin:0;font-size:clamp(1.85rem,5vw,2.35rem);font-weight:700;line-height:1.15}.legal-lead{color:var(--text);margin:10px 0 0;font-size:.95rem;line-height:1.5}.legal-body{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:22px 24px 8px}.legal-h{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:22px 0 8px;font-size:.8rem;font-weight:700}.legal-body>.legal-h:first-child{margin-top:0}.legal-p{color:var(--text);margin:0 0 12px;font-size:.92rem;line-height:1.6}.legal-p strong{color:var(--text-h);font-weight:600}.legal-ul{color:var(--text);margin:0 0 14px;padding-left:1.2rem;font-size:.92rem;line-height:1.55}.legal-ul li{margin-bottom:6px}.legal-ul li::marker{color:color-mix(in srgb, var(--accent) 70%, var(--text))}.legal-link{color:color-mix(in srgb, var(--accent) 88%, #fff);text-underline-offset:2px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent)}.legal-link:hover{color:var(--text-h);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.legal-link--lg{letter-spacing:.01em;font-size:1.15rem;font-weight:700;text-decoration:none}.legal-link--lg:hover{text-decoration:underline}.legal-contact-email{margin:8px 0 18px}.legal-footer-nav{flex-wrap:wrap;gap:8px 14px;margin-top:18px;padding-top:4px;display:flex}.legal-footer-link{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:.82rem;font-weight:500;transition:color .15s}.legal-footer-link:hover{color:var(--accent)}.legal-footer-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.fps-demo{z-index:10;--fps-accent:#38bdf8;--fps-accent-soft:#7dd3fc;--fps-accent-deep:#0369a1;--fps-accent-muted:#bae6fd;--fps-accent-rgb:56, 189, 248;background:#0c0d12;position:fixed;inset:0}.fps-demo[data-team=b]{--fps-accent:#ef4444;--fps-accent-soft:#f87171;--fps-accent-deep:#b91c1c;--fps-accent-muted:#fecaca;--fps-accent-rgb:239, 68, 68}.fps-canvas{width:100%;height:100%}.fps-canvas canvas{width:100%;height:100%;display:block}.fps-crosshair{pointer-events:none;z-index:11;will-change:transform, width, height;border:1.5px solid #ffffffd9;border-radius:50%;width:10px;height:10px;margin:0;transition:width 80ms ease-out,height 80ms ease-out,border-color 80ms,box-shadow 80ms;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000059}.fps-scope{--scope-r:min(29vmin, 220px);z-index:11;pointer-events:none;opacity:0;visibility:hidden;will-change:opacity;position:fixed;inset:0}.fps-scope--on{visibility:visible}.fps-scope-overlay{background:radial-gradient(circle var(--scope-r) at 50% 50%, transparent 0%, transparent 97.5%, #04060cc7 100%);position:absolute;inset:0}.fps-scope-ring{width:calc(var(--scope-r) * 2);height:calc(var(--scope-r) * 2);box-sizing:border-box;box-shadow:0 0 0 2px rgba(var(--fps-accent-rgb), .4), 0 0 0 6px #080a10d9, inset 0 0 0 1px #ffffff1a, inset 0 0 28px #00000059;border:3px solid #0c0e14f5;border-radius:50%;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fps-scope-reticle{width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fps-scope-reticle-h,.fps-scope-reticle-v{background:#f0f4fae0;position:absolute;box-shadow:0 0 0 1px #00000059}.fps-scope-reticle-h{width:44px;height:1.5px;top:0;left:-22px;transform:translateY(-50%)}.fps-scope-reticle-v{width:1.5px;height:44px;top:-22px;left:0;transform:translate(-50%)}.fps-scope-reticle-dot{width:4px;height:4px;box-shadow:0 0 0 1px #0006, 0 0 6px rgba(var(--fps-accent-rgb), .55);background:#fffffff2;border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.fps-scope--hit .fps-scope-reticle-h,.fps-scope--hit .fps-scope-reticle-v{background:#facc15}.fps-scope--hit .fps-scope-reticle-dot{background:#fde047;box-shadow:0 0 0 1px #0006,0 0 10px #facc15bf}.fps-scope--hit .fps-scope-reticle:before,.fps-scope--hit .fps-scope-reticle:after{content:"";pointer-events:none;background:#facc15;border-radius:1px;width:9px;height:2px;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #00000073,0 0 6px #facc15d9}.fps-scope--hit .fps-scope-reticle:before{transform:translate(-50%,-50%)rotate(45deg)}.fps-scope--hit .fps-scope-reticle:after{transform:translate(-50%,-50%)rotate(-45deg)}.fps-hud{z-index:12;pointer-events:none;position:fixed;inset:0}.fps-top-left{pointer-events:none;z-index:13;align-items:center;gap:8px;display:flex;position:absolute;top:16px;left:16px}.fps-exit{pointer-events:auto;font:inherit;color:#f3f4f6;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#16171dbf;border:1px solid #2e303a;border-radius:8px;padding:8px 14px;font-size:.875rem;font-weight:600;transition:border-color .15s,background .15s}.fps-exit:hover{border-color:rgba(var(--fps-accent-rgb), .55);background:#1c1e26e6}.fps-exit:focus-visible{outline:2px solid var(--fps-accent);outline-offset:2px}.fps-connection-icon{pointer-events:none;color:#fbbf24;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#16171dbf;border:1px solid #fbbf2473;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;animation:1.2s ease-in-out infinite fps-connection-icon-pulse;display:inline-flex;box-shadow:0 0 12px #fbbf2433}.fps-connection-icon-svg{flex-shrink:0;display:block}@keyframes fps-connection-icon-pulse{0%,to{opacity:1}50%{opacity:.55}}.fps-prompt{text-align:center;color:#f3f4f6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#16171dcc;border:1px solid #2e303a;border-radius:8px;max-width:min(90vw,520px);margin:0;padding:10px 16px;font-size:.9rem;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.fps-net-status{letter-spacing:.02em;color:#86efac;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#16171dbf;border:1px solid #22c55e59;border-radius:8px;margin:0;padding:8px 12px;font-size:.8rem;font-weight:600;position:absolute;top:16px;right:16px}.fps-minimap{pointer-events:none;background:0 0;width:168px;height:168px;position:absolute;top:16px;right:16px}.fps-minimap-canvas{background:0 0;width:168px;height:168px;display:block}.fps-scoreboard{pointer-events:none;align-items:stretch;gap:10px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.fps-score{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#16171dd9;border:1px solid #2e303a;border-radius:10px;min-width:72px;padding:8px 14px}.fps-score--a{border-color:#38bdf873}.fps-score--b{border-color:#ef444480}.fps-score--you{box-shadow:0 0 0 2px rgba(var(--fps-accent-rgb), .5)}.fps-score-label{letter-spacing:.1em;text-transform:uppercase;color:#9ca3af;font-size:.65rem;font-weight:700;display:block}.fps-score--a .fps-score-label{color:#7dd3fc}.fps-score--b .fps-score-label{color:#f87171}.fps-score-value{font-variant-numeric:tabular-nums;color:#f3f4f6;margin-top:2px;font-size:1.5rem;font-weight:800;line-height:1.1;display:block}.fps-score-mid{flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:88px;padding:2px 8px;display:flex}.fps-map-name{color:var(--fps-accent-soft);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.65rem;font-weight:600;overflow:hidden}.fps-score-vs{letter-spacing:.12em;text-transform:uppercase;color:#6b7280;font-size:.65rem;font-weight:700}.fps-match-clock{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#f3f4f6;text-shadow:0 1px 8px #00000073;font-size:1.05rem;font-weight:800;line-height:1.1}.fps-match-clock--low{color:#fca5a5}.fps-match-clock--warmup{color:#fbbf24;letter-spacing:.14em;font-size:.85rem}.fps-doors-status{letter-spacing:.12em;text-transform:uppercase;min-width:148px;color:var(--fps-accent-muted);border:1px solid rgba(var(--fps-accent-rgb), .4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;white-space:nowrap;box-sizing:border-box;background:#16171dbf;border-radius:8px;justify-content:space-between;align-items:baseline;gap:12px;margin-top:5px;padding:5px 12px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:78px;left:50%;transform:translate(-50%)}.fps-doors-status--open{border-color:rgba(var(--fps-accent-rgb), .4);box-shadow:0 0 10px rgba(var(--fps-accent-rgb), .12)}.fps-doors-status--closed{box-shadow:none;color:#9ca3af;background:#0c0c10e0;border-color:#0a0b10}.fps-doors-status-label{letter-spacing:.1em;text-transform:uppercase;color:var(--fps-accent-soft);font-size:.68rem;font-weight:700}.fps-doors-status--closed .fps-doors-status-label{color:#9ca3af}.fps-doors-status-timer{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--fps-accent-muted);text-align:right;min-width:2.5ch;font-size:.95rem;font-weight:800}.fps-doors-status--closed .fps-doors-status-timer{color:#a1a1aa}.fps-prematch{z-index:14;pointer-events:auto;max-width:min(320px,100vw - 32px);position:absolute;top:60px;left:16px}.fps-prematch-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left;background:#0c0d12e0;border:1px solid #fbbf2459;border-radius:12px;flex-direction:column;align-items:stretch;gap:6px;padding:12px 14px 14px;display:flex;box-shadow:0 8px 28px #00000073}.fps-prematch-kicker{letter-spacing:.16em;text-transform:uppercase;color:#fbbf24;margin:0;font-size:.65rem;font-weight:700}.fps-prematch-title{color:#f3f4f6;letter-spacing:.02em;margin:0;font-size:1.15rem;font-weight:800}.fps-prematch-sub{letter-spacing:.04em;color:#9ca3af;margin:0;font-size:.72rem;font-weight:600}.fps-prematch-gate{color:#d1d5db;margin:2px 0 4px;font-size:.78rem;font-weight:600}.fps-prematch-teams{letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:10px;margin:2px 0 8px;font-size:.75rem;font-weight:700;display:flex}.fps-prematch-team--a{color:#7dd3fc}.fps-prematch-team--b{color:#fca5a5}.fps-prematch-vs{color:#6b7280;font-size:.65rem}.fps-prematch-ready{letter-spacing:.08em;text-transform:uppercase;color:#0c0d12;cursor:pointer;background:linear-gradient(#fcd34d 0%,#f59e0b 100%);border:none;border-radius:8px;width:100%;padding:10px 16px;font-size:.85rem;font-weight:800;transition:transform .12s,filter .12s,background .12s;box-shadow:0 2px 12px #f59e0b59}.fps-prematch-ready:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.fps-prematch-ready:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;color:#e5e7eb;background:#374151}.fps-prematch-ready--on{color:#ecfdf5;background:linear-gradient(#34d399 0%,#059669 100%);box-shadow:0 2px 12px #05966966}.fps-match-voided{z-index:14;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#1c0c0ce6;border:1px solid #f8717173;border-radius:10px;max-width:min(440px,100vw - 32px);padding:10px 16px 12px;position:absolute;top:118px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.fps-match-voided-title{letter-spacing:.04em;color:#fecaca;margin:0 0 4px;font-size:.95rem;font-weight:800}.fps-match-voided-sub{color:#d1d5db;margin:0;font-size:.75rem;font-weight:600;line-height:1.35}.fps-match-voided-sub strong{color:#fca5a5;font-weight:800}.fps-crosshair--hit{border-color:#facc15;box-shadow:0 0 0 1px #00000059,0 0 12px #facc15b3}.fps-crosshair--hit:before,.fps-crosshair--hit:after{content:"";pointer-events:none;background:#facc15;border-radius:1px;width:9px;height:2px;margin:0;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #00000073,0 0 6px #facc15d9}.fps-crosshair--hit:before{transform:translate(-50%,-50%)rotate(45deg)}.fps-crosshair--hit:after{transform:translate(-50%,-50%)rotate(-45deg)}.fps-status{flex-direction:row;align-items:flex-end;gap:10px;max-width:calc(100vw - 40px);display:flex;position:absolute;bottom:20px;left:20px}.fps-weapon{box-sizing:border-box;letter-spacing:.12em;text-transform:uppercase;width:152px;color:var(--fps-accent-muted);border:1px solid rgba(var(--fps-accent-rgb), .4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#16171dbf;border-radius:8px;flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:5px 10px;font-size:.75rem;font-weight:700;display:flex}.fps-weapon-text{flex-direction:column;gap:2px;min-width:0;display:flex}.fps-weapon-icon-wrap{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:3px;display:flex}.fps-weapon-icon{color:var(--fps-accent-soft);opacity:.95;filter:drop-shadow(0 0 4px rgba(var(--fps-accent-rgb), .4));flex-shrink:0}.fps-weapon-hud-icon{transform-origin:50% 100%;will-change:transform, opacity;justify-content:center;align-items:center;display:flex}.fps-weapon-cooldown{background:#0c0d12e6;border-radius:999px;width:100%;min-width:28px;height:3px;overflow:hidden;box-shadow:inset 0 0 0 1px #2e303a}.fps-weapon-cooldown-fill{border-radius:inherit;will-change:width;background:var(--fps-accent);width:0%;height:100%;display:block}.fps-weapon-cooldown--fire .fps-weapon-cooldown-fill{background:linear-gradient(90deg, var(--fps-accent-deep), var(--fps-accent));box-shadow:0 0 5px rgba(var(--fps-accent-rgb), .65)}.fps-weapon-cooldown--reload .fps-weapon-cooldown-fill{background:linear-gradient(90deg,#ca8a04,#fde68a);box-shadow:0 0 5px #fde68a8c}.fps-weapon--empty .fps-weapon-icon{color:#f87171;filter:drop-shadow(0 0 4px #f8717159)}.fps-weapon--reload .fps-weapon-icon{color:#fde68a;filter:drop-shadow(0 0 4px #fde68a4d)}.fps-weapon-name{letter-spacing:.14em;color:var(--fps-accent-soft);font-size:.68rem}.fps-weapon-ammo{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#f3f4f6;font-size:1.15rem;line-height:1.15}.fps-weapon-mag{color:#f3f4f6}.fps-weapon-sep{color:#6b7280;margin:0 3px}.fps-weapon-spare{color:#9ca3af;align-items:center;gap:3px;font-size:.95rem;display:inline-flex}.fps-mag-inline{color:#9ca3af;opacity:.9;flex-shrink:0}.fps-weapon--empty .fps-mag-inline{color:#f87171}.fps-weapon--reload .fps-mag-inline{color:#fde68a}.fps-weapon-dry{letter-spacing:.16em;color:#f87171;margin-top:1px;font-size:.65rem}.fps-weapon--reload .fps-weapon-ammo,.fps-weapon--reload .fps-weapon-mag{color:#fde68a}.fps-weapon--reload{border-color:#fde68a66}.fps-weapon--empty{border-color:#f8717173}.fps-health{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#16171dcc;border:1px solid #2e303a;border-radius:10px;width:min(220px,40vw);min-width:140px;padding:10px 12px}.fps-health-label{letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:.75rem;font-weight:700;display:flex}.fps-health-value{font-variant-numeric:tabular-nums;color:#f3f4f6;font-size:1.1rem}.fps-health-bar{background:#0c0d12;border:1px solid #2e303a;border-radius:999px;height:8px;overflow:hidden}.fps-health-fill{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#86efac);height:100%;transition:width .12s}.fps-health--mid .fps-health-fill{background:linear-gradient(90deg,#eab308,#fde047)}.fps-health--low .fps-health-fill{background:linear-gradient(90deg,#dc2626,#f87171)}.fps-health--low .fps-health-value{color:#fca5a5}.fps-sprint-label{letter-spacing:.08em;text-transform:uppercase;color:#6b7280;justify-content:space-between;align-items:baseline;margin-top:8px;margin-bottom:4px;font-size:.65rem;font-weight:700;display:flex}.fps-sprint-bar{background:#0c0d12;border:1px solid #2e303a;border-radius:999px;height:5px;overflow:hidden}.fps-sprint-fill{border-radius:inherit;will-change:width;background:linear-gradient(90deg,#38bdf8,#a5f3fc);height:100%}.fps-sprint-bar--empty{border-color:#3f3f46}.fps-sprint-bar--empty .fps-sprint-fill{background:0 0}.fps-sprint-bar--low .fps-sprint-fill{background:linear-gradient(90deg,#6b7280,#9ca3af)}.fps-sprint-bar--deny{border-color:#facc15;animation:.4s ease-out fps-sprint-deny-pulse;box-shadow:0 0 8px 2px #facc15bf}@keyframes fps-sprint-deny-pulse{0%{border-color:#fde047;box-shadow:0 0 12px 3px #facc15f2}to{border-color:#facc15;box-shadow:0 0 4px 1px #facc1559}}.fps-kill-feed{pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;max-width:min(56vw,420px);margin:0;padding:0;list-style:none;display:flex;position:absolute;top:196px;right:16px}.fps-kill-feed-item{letter-spacing:.01em;color:#f3f4f6;text-shadow:0 1px 6px #0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0d12b8;border:1px solid #2e303ae6;border-radius:8px;flex-direction:row;align-items:center;gap:8px;margin:0;padding:5px 10px;font-size:.88rem;font-weight:700;animation:.2s ease-out fps-kill-in;display:flex}.fps-kill-feed-item--head{border-color:#fbbf2473;box-shadow:0 0 12px #fbbf241f}.fps-kill-feed-name{white-space:nowrap;text-overflow:ellipsis;max-width:9.5em;overflow:hidden}.fps-kill-feed-weapon{color:#e5e7eb;opacity:.92;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.fps-kill-feed-weapon-icon{width:auto;height:14px;color:inherit;filter:drop-shadow(0 0 3px #ffffff2e)}.fps-kill-feed-headshot{color:#fde68a;filter:drop-shadow(0 0 5px #fbbf248c);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.fps-kill-feed-headshot-icon{width:18px;height:18px;display:block}@keyframes fps-kill-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.fps-fireworks{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.fps-gameover{z-index:30;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto;background:#04050a9e;justify-content:center;align-items:center;padding:24px 16px;animation:.18s ease-out fps-tab-in;display:flex;position:absolute;inset:0}.fps-gameover-card{z-index:1;width:min(920px,100%);max-height:min(90vh,820px);box-shadow:0 28px 80px #000000a6, 0 0 0 1px rgba(var(--fps-accent-rgb), .12);background:#101118f5;border:1px solid #2e303a;border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.fps-gameover-header{text-align:center;border-bottom:1px solid #2e303a;padding:18px 20px 16px}.fps-gameover-header--a{background:linear-gradient(#38bdf829 0%,#0000 100%);box-shadow:inset 0 3px #38bdf8}.fps-gameover-header--b{background:linear-gradient(#ef444429 0%,#0000 100%);box-shadow:inset 0 3px #ef4444}.fps-gameover-header--draw{background:linear-gradient(#a78bfa29 0%,#0000 100%);box-shadow:inset 0 3px #a78bfa}.fps-gameover-header--loading{background:linear-gradient(#38bdf81f 0%,#0000 100%);box-shadow:inset 0 3px #38bdf8a6}.fps-gameover-kicker{letter-spacing:.22em;text-transform:uppercase;color:#9ca3af;margin:0 0 6px;font-size:.72rem;font-weight:800}.fps-gameover-title{letter-spacing:.02em;color:#f3f4f6;margin:0 0 10px;font-size:clamp(1.35rem,3.5vw,1.85rem);font-weight:800}.fps-gameover-winner--a{color:#7dd3fc;text-shadow:0 0 24px #38bdf873}.fps-gameover-winner--b{color:#f87171;text-shadow:0 0 24px #ef444473}.fps-gameover-winner--draw{color:#c4b5fd;text-shadow:0 0 24px #a78bfa73}.fps-map-loading-card{width:min(520px,100%);max-height:none}.fps-map-loading-name{color:#7dd3fc;text-shadow:0 0 24px #38bdf866}.fps-gameover-scoreline{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:12px;margin:0 0 8px;display:flex}.fps-gameover-score{font-size:2rem;font-weight:800;line-height:1}.fps-gameover-score--a{color:#7dd3fc}.fps-gameover-score--b{color:#f87171}.fps-gameover-score-sep{color:#6b7280;font-size:1.4rem;font-weight:700}.fps-gameover-sub{color:#9ca3af;margin:0;font-size:.85rem;font-weight:600}.fps-gameover-sub strong{color:var(--fps-accent-soft);font-variant-numeric:tabular-nums}.fps-gameover-teams{flex:1;min-height:0;overflow:hidden}.fps-xp-gain{background:linear-gradient(#7c3aed1a 0%,#080a1059 100%);border-bottom:1px solid #2e303a;flex-shrink:0;margin:0;padding:14px 18px 16px;position:relative;overflow:hidden}.fps-xp-gain--with-mmr{flex-direction:column;gap:14px;display:flex}.fps-xp-block{position:relative}.fps-mmr-gain{z-index:1;position:relative}.fps-mmr-gain-head{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px;display:flex}.fps-mmr-headline{align-items:baseline;gap:10px;margin:0;display:flex}.fps-mmr-value{font-variant-numeric:tabular-nums;color:#f3f4f6;letter-spacing:-.02em;font-size:clamp(1.35rem,3vw,1.7rem);font-weight:800}.fps-mmr-total{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:800}.fps-mmr-rank{color:#e5e7eb;background:#181228bf;border:1px solid #a78bfa59;border-radius:8px;margin:0;padding:6px 10px;font-size:.85rem;font-weight:800}.fps-mmr-rank-of{color:#9ca3af;font-size:.78em;font-weight:600}.fps-mmr-rows{flex-direction:column;gap:8px;display:flex}.fps-mmr-row{justify-content:space-between;align-items:baseline;gap:12px;font-size:.82rem;font-weight:600;display:flex}.fps-mmr-row-label{color:#9ca3af}.fps-mmr-row-val{font-variant-numeric:tabular-nums;color:#e5e7eb;font-weight:800}.fps-mmr-row--pot .fps-mmr-row-label{letter-spacing:.02em;font-weight:700}.fps-mmr-row--total{border-top:1px solid #2e303af2;margin-top:2px;padding-top:8px;font-size:.9rem}.fps-mmr-row--total .fps-mmr-row-label{color:#d1d5db;font-weight:700}.fps-mmr-delta--up,.fps-mmr-row-val.fps-mmr-delta--up,.fps-mmr-total.fps-mmr-delta--up{color:#4ade80}.fps-mmr-delta--down,.fps-mmr-row-val.fps-mmr-delta--down,.fps-mmr-total.fps-mmr-delta--down{color:#f87171}.fps-mmr-delta--flat,.fps-mmr-row-val.fps-mmr-delta--flat,.fps-mmr-total.fps-mmr-delta--flat{color:#9ca3af}.fps-mmr-share-block{flex-direction:column;gap:5px;display:flex}.fps-mmr-share-bar{background:#14161ee6;border:1px solid #3a3d48;border-radius:999px;height:10px;overflow:hidden;box-shadow:inset 0 1px 3px #00000073}.fps-mmr-share-bar-fill{border-radius:inherit;min-width:0;height:100%;transition:width .45s ease-out}.fps-mmr-share-bar--up .fps-mmr-share-bar-fill{background:linear-gradient(90deg,#15803d 0%,#4ade80 100%);box-shadow:0 0 12px -2px #4ade808c}.fps-mmr-share-bar--down .fps-mmr-share-bar-fill{background:linear-gradient(90deg,#b91c1c 0%,#f87171 100%);box-shadow:0 0 12px -2px #f8717180}.fps-mmr-share-pct{color:#6b7280;margin:0;font-size:.7rem;font-weight:600}.fps-mmr-ladder-note{color:#6b7280;margin:8px 0 0;font-size:.72rem;font-weight:600}.fps-xp-gain--levelup{background:linear-gradient(#fbbf242e 0%,#7c3aed1f 55%,#080a1066 100%);box-shadow:inset 0 0 40px #fbbf241f}.fps-xp-gain--loading{padding:16px 18px}.fps-xp-gain-skeleton{background:linear-gradient(90deg,#2e303a73 0%,#484c5c8c 50%,#2e303a73 100%) 0 0/200% 100%;border-radius:10px;height:52px;animation:1.1s ease-in-out infinite fps-xp-shimmer}@keyframes fps-xp-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.fps-xp-fireworks{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.fps-xp-gain-head{z-index:1;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px;display:flex;position:relative}.fps-xp-gain-titles{min-width:0}.fps-xp-gain-kicker{letter-spacing:.2em;text-transform:uppercase;color:#9ca3af;margin:0 0 2px;font-size:.68rem;font-weight:800}.fps-xp-gain-earned{font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#f3f4f6;margin:0;font-size:clamp(1.35rem,3vw,1.7rem);font-weight:800;line-height:1.1}.fps-xp-gain-earned-plus{color:#a78bfa;margin-right:1px}.fps-xp-gain-earned-unit{letter-spacing:.06em;color:#c4b5fd;vertical-align:.12em;margin-left:4px;font-size:.55em;font-weight:700}.fps-xp-gain-level-badge{background:#181228d9;border:1px solid #a78bfa66;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-width:56px;padding:6px 10px 5px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;box-shadow:0 0 18px -4px #a78bfa73}.fps-xp-gain--levelup .fps-xp-gain-level-badge{border-color:#fbbf24bf;transform:scale(1.06);box-shadow:0 0 22px -2px #fbbf248c}.fps-xp-gain-level-label{letter-spacing:.16em;color:#a78bfa;font-size:.58rem;font-weight:800}.fps-xp-gain--levelup .fps-xp-gain-level-label{color:#fbbf24}.fps-xp-gain-level-num{font-variant-numeric:tabular-nums;color:#f3f4f6;font-size:1.35rem;font-weight:800;line-height:1}.fps-xp-gain-levelup-banner{z-index:1;text-align:center;letter-spacing:.18em;text-transform:uppercase;color:#fbbf24;text-shadow:0 0 16px #fbbf24a6,0 0 32px #a78bfa66;margin:0 0 10px;font-size:.95rem;font-weight:800;animation:.45s ease-out fps-xp-levelup-pop;position:relative}@keyframes fps-xp-levelup-pop{0%{opacity:0;transform:translateY(6px)scale(.92)}60%{opacity:1;transform:translateY(-2px)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}.fps-xp-gain .fps-xp-bar{z-index:1;background:#14161ee6;border:1px solid #3a3d48;border-radius:999px;height:12px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #00000073}.fps-xp-gain .fps-xp-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#6d28d9 0%,#a78bfa 55%,#c4b5fd 100%);min-width:0;height:100%;transition:none;position:relative;box-shadow:0 0 14px -1px #a78bfaa6}.fps-xp-gain--levelup .fps-xp-bar-fill{background:linear-gradient(90deg,#b45309 0%,#fbbf24 50%,#fde68a 100%);box-shadow:0 0 16px -1px #fbbf24bf}.fps-xp-bar-glow{border-radius:inherit;pointer-events:none;opacity:.55;mix-blend-mode:screen;background:linear-gradient(90deg,#0000 0%,#fff3 100%);height:100%;position:absolute;top:0;left:0}.fps-xp-gain-foot{z-index:1;font-variant-numeric:tabular-nums;color:#9ca3af;justify-content:space-between;gap:10px;margin-top:8px;font-size:.75rem;font-weight:600;display:flex;position:relative}.fps-xp-gain-total{color:#c4b5fd}.fps-xp-gain--done .fps-xp-gain-earned{color:#ede9fe}.fps-map-vote{background:#080a108c;border-top:1px solid #2e303a;flex-shrink:0;padding:14px 16px 16px}.fps-map-vote-header{text-align:center;margin-bottom:12px}.fps-map-vote-kicker{letter-spacing:.2em;text-transform:uppercase;color:#9ca3af;margin:0 0 4px;font-size:.68rem;font-weight:800}.fps-map-vote-title{color:#f3f4f6;margin:0 0 4px;font-size:1rem;font-weight:800}.fps-map-vote-sub{color:#9ca3af;margin:0;font-size:.78rem;font-weight:600}.fps-map-vote-options{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.fps-map-vote-btn{appearance:none;cursor:pointer;color:#e5e7eb;background:#181a22f2;border:1px solid #3a3d48;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;min-width:128px;padding:10px 14px;transition:border-color .12s,background .12s,box-shadow .12s,transform .1s;display:flex}.fps-map-vote-btn:hover{background:#1e2430fa;border-color:#38bdf88c}.fps-map-vote-btn:active{transform:scale(.98)}.fps-map-vote-btn--selected{background:#0e283af2;border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf859,0 0 20px #38bdf82e}.fps-map-vote-btn--leading:not(.fps-map-vote-btn--selected){border-color:#a78bfa73}.fps-map-vote-btn-name{letter-spacing:.01em;font-size:.92rem;font-weight:800}.fps-map-vote-btn-count{font-variant-numeric:tabular-nums;color:#7dd3fc;font-size:.85rem;font-weight:700}.fps-map-vote-btn-count-label{color:#9ca3af;font-size:.75rem;font-weight:600}.fps-tab-scoreboard{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#06070c8c;justify-content:center;align-items:center;padding:24px 16px;animation:.12s ease-out fps-tab-in;display:flex;position:absolute;inset:0}@keyframes fps-tab-in{0%{opacity:0}to{opacity:1}}.fps-tab-scoreboard-card{width:min(920px,100%);max-height:min(78vh,640px);box-shadow:0 24px 64px #0000008c, 0 0 0 1px rgba(var(--fps-accent-rgb), .1);background:#101118f0;border:1px solid #2e303a;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.fps-tab-scoreboard-header{border-bottom:1px solid #2e303a;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 18px 12px;display:flex}.fps-tab-scoreboard-title{letter-spacing:.08em;text-transform:uppercase;color:#f3f4f6;margin:0;font-size:1rem;font-weight:800}.fps-tab-scoreboard-sub{color:#9ca3af;margin:0;font-size:.75rem;font-weight:600}.fps-tab-scoreboard-teams{flex:1;grid-template-columns:1fr 1fr;gap:0;min-height:0;display:grid;overflow:hidden}.fps-tab-team{flex-direction:column;min-width:0;min-height:0;padding:12px 14px 14px;display:flex}.fps-tab-team--a{border-right:1px solid #2e303a}.fps-tab-team-header{border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:8px 10px;display:flex}.fps-tab-team--a .fps-tab-team-header{background:#38bdf81a;border:1px solid #38bdf847}.fps-tab-team--b .fps-tab-team-header{background:#ef44441a;border:1px solid #ef44444d}.fps-tab-team-name{letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;font-weight:800}.fps-tab-team--a .fps-tab-team-name{color:#7dd3fc}.fps-tab-team--b .fps-tab-team-name{color:#f87171}.fps-tab-team-score{font-variant-numeric:tabular-nums;color:#f3f4f6;font-size:1.25rem;font-weight:800;line-height:1}.fps-tab-cols,.fps-tab-row{grid-template-columns:minmax(0,1fr) 48px 48px 36px 36px;align-items:center;gap:6px;display:grid}.fps-tab-cols{letter-spacing:.1em;text-transform:uppercase;color:#6b7280;padding:0 10px 6px;font-size:.65rem;font-weight:700}.fps-tab-col-stat{text-align:right;font-variant-numeric:tabular-nums}.fps-tab-rows{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.fps-tab-row{color:#e5e7eb;border-radius:6px;margin:0;padding:7px 10px;font-size:.88rem;font-weight:600}.fps-tab-row:nth-child(odd){background:#ffffff08}.fps-tab-row--you{color:#f8fafc}.fps-tab-team--a .fps-tab-row--you{box-shadow:inset 0 0 0 1px #38bdf866;background:#38bdf824!important}.fps-tab-team--b .fps-tab-row--you{box-shadow:inset 0 0 0 1px #ef444466;background:#ef444424!important}.fps-tab-row--empty{color:#6b7280;grid-template-columns:1fr;font-style:italic;font-weight:500}.fps-tab-col-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.fps-tab-you-tag{letter-spacing:.08em;text-transform:uppercase;border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:.6rem;font-weight:800}.fps-tab-team--a .fps-tab-you-tag{color:#e0f2fe;background:#38bdf847}.fps-tab-team--b .fps-tab-you-tag{color:#fee2e2;background:#ef444447}.fps-tab-connection-icon{color:#fbbf24;flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:inline-flex}.fps-tab-top-star{color:#fbbf24;filter:drop-shadow(0 0 4px #fbbf24a6);flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:inline-flex}.fps-tab-row--top .fps-tab-col-name,.fps-tab-row--connection-issue .fps-tab-col-name{color:#fde68a}.fps-tab-afk-tag{letter-spacing:.08em;text-transform:uppercase;color:#e5e7eb;background:#6b728073;border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:.6rem;font-weight:800}.fps-tab-row--afk .fps-tab-col-name{color:#9ca3af}@media (width<=640px){.fps-tab-scoreboard-teams{grid-template-columns:1fr}.fps-tab-team--a{border-bottom:1px solid #2e303a;border-right:none}.fps-tab-scoreboard-card{max-height:88vh}}.fps-status-flash{letter-spacing:.04em;text-transform:uppercase;color:#fecaca;text-shadow:0 2px 12px #0009;pointer-events:none;z-index:2;margin:0;padding:8px 16px;font-size:1.1rem;font-weight:800;animation:.15s ease-out fps-flash-in;position:absolute;top:28%;left:50%;transform:translate(-50%)}.fps-status-flash--reload{color:#fde68a;letter-spacing:.14em;animation:.15s ease-out fps-flash-in,.9s ease-in-out infinite fps-reload-pulse;top:34%}.fps-status-flash--empty{color:#fca5a5;letter-spacing:.12em;animation:.15s ease-out fps-flash-in,1s ease-in-out infinite fps-reload-pulse;top:34%}@keyframes fps-reload-pulse{0%,to{opacity:1}50%{opacity:.72}}@keyframes fps-flash-in{0%{opacity:0;transform:translate(-50%)scale(.92)}to{opacity:1;transform:translate(-50%)scale(1)}}.fps-death-overlay{pointer-events:none;background:#0c0d128c;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.fps-connection-overlay{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;text-align:center;background:#080a10c7;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.fps-connection-title{letter-spacing:-.02em;color:#fbbf24;text-shadow:0 2px 16px #0000008c;margin:0;font-size:1.85rem;font-weight:800}.fps-connection-sub{font-variant-numeric:tabular-nums;color:#f3f4f6;margin:0;font-size:1.05rem;font-weight:600}.fps-connection-hint{color:#9ca3af;max-width:28rem;margin:0;font-size:.9rem;line-height:1.45}.fps-connection-leave{font:inherit;color:#f3f4f6;cursor:pointer;background:#16171de6;border:1px solid #4b5563;border-radius:8px;margin-top:8px;padding:8px 16px;font-size:.875rem;font-weight:600;transition:border-color .15s,background .15s}.fps-connection-leave:hover{background:#1f212af2;border-color:#9ca3af}.fps-exit-confirm{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#080a10c7;justify-content:center;align-items:center;padding:24px 16px;animation:.15s ease-out fps-tab-in;display:flex;position:absolute;inset:0}.fps-exit-confirm-card{width:min(360px,100%);box-shadow:0 24px 64px #000000a6, 0 0 0 1px rgba(var(--fps-accent-rgb), .1);text-align:center;background:#101118f5;border:1px solid #2e303a;border-radius:14px;padding:22px 20px 18px}.fps-exit-confirm-title{letter-spacing:-.02em;color:#f3f4f6;margin:0 0 8px;font-size:1.35rem;font-weight:800}.fps-exit-confirm-desc{color:#9ca3af;margin:0 0 18px;font-size:.925rem;line-height:1.45}.fps-exit-confirm-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.fps-exit-confirm-cancel,.fps-exit-confirm-leave{font:inherit;cursor:pointer;border-radius:8px;padding:9px 16px;font-size:.875rem;font-weight:600;transition:border-color .15s,background .15s}.fps-exit-confirm-cancel{color:#f3f4f6;background:#16171de6;border:1px solid #4b5563}.fps-exit-confirm-cancel:hover{background:#1f212af2;border-color:#9ca3af}.fps-exit-confirm-cancel:focus-visible,.fps-exit-confirm-leave:focus-visible{outline:2px solid var(--fps-accent);outline-offset:2px}.fps-exit-confirm-leave{color:#fef2f2;background:#7f1d1d8c;border:1px solid #f871718c}.fps-exit-confirm-leave:hover{background:#991b1bb3;border-color:#fca5a5}.fps-death-title{letter-spacing:-.02em;color:#fca5a5;margin:0;font-size:2rem;font-weight:800}.fps-death-kill{color:#f3f4f6;text-shadow:0 2px 12px #0000008c;margin:0;font-size:1.25rem;font-weight:700}.fps-death-sub{color:#d1d5db;margin:0;font-size:1rem}.fps-hitbox-legend{color:#e5e7eb;background:#0c0d12b8;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:3px;min-width:148px;padding:10px 12px;font-size:.72rem;line-height:1.45;display:flex;position:absolute;bottom:96px;right:16px}.fps-hitbox-legend-title{color:#f3f4f6;margin-bottom:2px;font-size:.75rem;font-weight:700}.fps-hitbox-legend-note{color:#9ca3af;margin-top:4px;font-size:.68rem}.fps-swatch{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block;box-shadow:0 0 0 1px #00000059}.fps-swatch--cyan{background:#22d3ee}.fps-swatch--pink{background:#f472b6}.fps-swatch--lime{background:#a3e635}.fps-swatch--amber{background:#fbbf24}.fps-swatch--white{background:#f8fafc}.fps-demo[data-hud-transparency=off] .fps-exit,.fps-demo[data-hud-transparency=off] .fps-connection-icon,.fps-demo[data-hud-transparency=off] .fps-prompt,.fps-demo[data-hud-transparency=off] .fps-net-status,.fps-demo[data-hud-transparency=off] .fps-score,.fps-demo[data-hud-transparency=off] .fps-doors-status,.fps-demo[data-hud-transparency=off] .fps-prematch-card,.fps-demo[data-hud-transparency=off] .fps-match-voided,.fps-demo[data-hud-transparency=off] .fps-weapon,.fps-demo[data-hud-transparency=off] .fps-health,.fps-demo[data-hud-transparency=off] .fps-kill-feed-item,.fps-demo[data-hud-transparency=off] .fps-gameover,.fps-demo[data-hud-transparency=off] .fps-tab-scoreboard,.fps-demo[data-hud-transparency=off] .fps-connection-overlay,.fps-demo[data-hud-transparency=off] .fps-exit-confirm{-webkit-backdrop-filter:none}.fps-demo[data-hud-transparency=off] .fps-exit,.fps-demo[data-hud-transparency=off] .fps-connection-icon,.fps-demo[data-hud-transparency=off] .fps-prompt,.fps-demo[data-hud-transparency=off] .fps-net-status,.fps-demo[data-hud-transparency=off] .fps-score,.fps-demo[data-hud-transparency=off] .fps-doors-status,.fps-demo[data-hud-transparency=off] .fps-weapon,.fps-demo[data-hud-transparency=off] .fps-health{background:#16171d}.fps-demo[data-hud-transparency=off] .fps-exit:hover{background:#1c1e26}.fps-demo[data-hud-transparency=off] .fps-doors-status--closed{background:#0c0c10}.fps-demo[data-hud-transparency=off] .fps-prematch-card,.fps-demo[data-hud-transparency=off] .fps-kill-feed-item{background:#0c0d12}.fps-demo[data-hud-transparency=off] .fps-match-voided{background:#1c0c0c}.fps-demo[data-hud-transparency=off] .fps-gameover,.fps-demo[data-hud-transparency=off] .fps-tab-scoreboard,.fps-demo[data-hud-transparency=off] .fps-connection-overlay,.fps-demo[data-hud-transparency=off] .fps-exit-confirm,.fps-demo[data-hud-transparency=off] .fps-death-overlay{background:#080a10}.fps-demo[data-hud-transparency=off] .fps-tab-scoreboard-card,.fps-demo[data-hud-transparency=off] .fps-gameover-card,.fps-demo[data-hud-transparency=off] .fps-exit-confirm-card{background:#101118}.fps-demo[data-hud-transparency=off] .fps-hitbox-legend{background:#0c0d12}