:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05040d;--panel:#0c1022db;--line:#3cf0ff47;--text:#d9f4ff;--muted:#7d8fb3;--accent:#3cf0ff;--hot:#ff3cac;--good:#5dffb0;--warn:#ffd166;--bad:#ff5a6e;--mono:ui-monospace, Menlo, Consolas, monospace;--cut:polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);--cut-sm:polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px)}*{box-sizing:border-box}html{background:var(--bg)}body{min-height:100vh;color:var(--text);font:14px/1.5 var(--mono);background:var(--bg);background-image:radial-gradient(80% 50% at 50% 0,#b04cff47,#0000 70%),radial-gradient(60% 40% at 50% 100%,#ff3cac2e,#0000 70%);background-attachment:fixed;margin:0}body:before{content:"";z-index:-1;pointer-events:none;transform-origin:50% 100%;background-image:linear-gradient(#3cf0ff59 1px,#0000 1px),linear-gradient(90deg,#ff3cac59 1px,#0000 1px);background-size:60px 60px;height:60vh;animation:4s linear infinite grid-run;position:fixed;bottom:-10vh;left:-50%;right:-50%;transform:perspective(300px)rotateX(62deg);-webkit-mask-image:linear-gradient(#0000 10%,#000 90%);mask-image:linear-gradient(#0000 10%,#000 90%)}@keyframes grid-run{to{background-position:0 60px,0 0}}body:after{content:"";pointer-events:none;z-index:10;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px);position:fixed;inset:0}@media (prefers-reduced-motion:reduce){body:before{animation:none}}header{border-bottom:1px solid var(--line);background:linear-gradient(#05040de6,#05040d66);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;display:flex;box-shadow:0 1px #ff3cac40,0 8px 30px #3cf0ff0f}h1{letter-spacing:.4em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 6px #3cf0ffe6,0 0 22px #3cf0ff73,2px 0 #ff3cac99;margin:0;font-size:26px;font-weight:800}h1 small{letter-spacing:.5em;color:var(--hot);text-shadow:0 0 8px #ff3cacb3;margin-top:2px;font-size:10px;font-weight:700;display:block}h2{letter-spacing:.3em;text-transform:uppercase;color:var(--hot);text-shadow:0 0 8px #ff3cac80;margin:0;font-size:13px;font-weight:700}h2:before{content:"// ";color:var(--accent)}h3{letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin:22px 0 10px;font-size:11px;font-weight:700}h3 small{color:var(--muted);letter-spacing:.15em;margin-left:8px;font-weight:400}#tabs{flex:1;justify-content:center;gap:4px;display:flex}#tabs[hidden],section[hidden]{display:none}.tab{cursor:pointer;font:800 18px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#d9f4ff73;background:0 0;border:0;align-items:baseline;gap:10px;padding:10px 18px;transition:color .12s,background .15s;display:flex;position:relative}.tab i{letter-spacing:1px;color:var(--hot);opacity:.7;font-size:10px;font-style:normal}.tab:after{content:"";background:var(--accent);height:3px;box-shadow:0 0 10px var(--accent);transition:transform .15s;position:absolute;bottom:0;left:10px;right:10px;transform:scaleX(0)}.tab:hover{color:var(--text)}.tab.on{color:#fff;text-shadow:0 0 12px #3cf0ffcc;background:linear-gradient(#0000 15%,#3cf0ff29)}.tab.on:after{transform:scaleX(1)}.tab.on i{opacity:1}main>section:not([hidden]){animation:.22s ease-out pane}@keyframes pane{0%{opacity:0;transform:translate(18px)}}@media (prefers-reduced-motion:reduce){main>section:not([hidden]){animation:none}}@media (max-width:720px){#tabs{flex-basis:100%;order:3}.tab{padding:8px 10px;font-size:14px}}main{max-width:920px;margin:0 auto;padding:32px 16px 80px}section{background:var(--panel);clip-path:var(--cut);box-shadow:inset 0 0 0 1px var(--line), inset 0 0 40px #3cf0ff0d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin-bottom:20px;padding:22px 24px;position:relative}section:before{content:"";background:linear-gradient(90deg, var(--hot), var(--accent));height:2px;box-shadow:0 0 10px var(--accent);position:absolute;top:0;left:14px;right:0}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.muted{color:var(--muted)}.banner{border-left:3px solid var(--bad);clip-path:var(--cut-sm);background:#ff5a6e1f;margin:0 0 18px;padding:10px 14px}.banner.dev{border-left-color:var(--warn);color:var(--warn);background:#ffd1661a}#who{color:var(--muted);align-items:center;gap:12px;display:flex}#who b{color:var(--accent);letter-spacing:.1em;text-shadow:0 0 6px #3cf0ff99}#who b:before{content:"●";color:var(--good);text-shadow:0 0 6px var(--good)}.button{font:700 13px var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);cursor:pointer;clip-path:var(--cut-sm);background:#3cf0ff14;border:0;padding:9px 18px;text-decoration:none;transition:background .12s,color .12s,filter .12s;display:inline-block;box-shadow:inset 0 0 0 1px #3cf0ff8c}.button:hover:not(:disabled){background:var(--accent);color:#04121a;filter:drop-shadow(0 0 8px #3cf0ffcc)}.button:disabled{opacity:.35;cursor:default}.button.primary{color:#fff;box-shadow:none;background:linear-gradient(90deg,#5865f2,#8a5cff)}.button.primary:hover{color:#fff;filter:brightness(1.15)drop-shadow(0 0 8px #8a5cffcc)}.button.small{padding:5px 12px;font-size:11px}.button.watch{margin-left:6px}.watchers{white-space:pre}#signin h2{margin-bottom:16px}#dev,#guest{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}#dev[hidden],#guest[hidden],.button[hidden]{display:none}#dev .dev-note{color:var(--warn);flex-basis:100%;margin:0;font-size:12px}#guest .guest-note{color:var(--muted,#8a93a6);flex-basis:100%;margin:0;font-size:13px}#guest .guest-note[hidden]{display:none}input,select{font:inherit;color:var(--text);box-shadow:inset 0 0 0 1px var(--line);clip-path:var(--cut-sm);background:#030610d9;border:0;outline:none;padding:8px 10px}input:focus,select:focus{box-shadow:inset 0 0 0 1px var(--accent), 0 0 12px #3cf0ff66}input::placeholder{color:var(--muted)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.25em;color:var(--accent);border-bottom:1px solid var(--line);opacity:.85;padding:8px 10px;font-size:10px;font-weight:700}td{border-bottom:1px solid #3cf0ff1a;padding:11px 10px}tbody tr{transition:background .12s}tbody tr:hover{background:linear-gradient(90deg,#3cf0ff1a,#0000)}tbody tr:hover td:first-child{color:var(--accent);text-shadow:0 0 6px #3cf0ff99}tr:last-child td{border-bottom:0}.num{text-align:right;font-variant-numeric:tabular-nums}td:last-child{text-align:right}.ping-good{color:var(--good);text-shadow:0 0 6px #5dffb080}.ping-ok{color:var(--warn)}.ping-bad{color:var(--bad)}#regions{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.region{cursor:pointer;clip-path:var(--cut-sm);font:800 13px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#bfefff;background:#3cf0ff0f;border:0;align-items:baseline;gap:10px;padding:8px 14px;transition:background .12s,color .12s,box-shadow .12s;display:flex;box-shadow:inset 0 0 0 1px #3cf0ff59}.region small{letter-spacing:.15em;color:var(--muted);font-size:10px;font-weight:400}.region:hover:not(:disabled){color:#fff;box-shadow:inset 0 0 0 1px var(--accent), 0 0 18px #3cf0ff40;background:#3cf0ff2e}.region.is,.region.is:hover{color:#04121a;background:linear-gradient(135deg,#3cf0ff,#6fb8ff);box-shadow:0 0 18px #3cf0ff66}.region.is small{color:#04121ad9}.region:disabled{cursor:default;color:#bfefff66;background:0 0;box-shadow:inset 0 0 0 1px #3cf0ff24}#loadout{text-align:left;cursor:pointer;width:100%;clip-path:var(--cut-sm);font:inherit;color:var(--text);background:linear-gradient(90deg, color-mix(in srgb, var(--glow) 14%, transparent), transparent 70%);box-shadow:inset 0 0 0 1px var(--line);border:0;align-items:center;gap:14px;margin-bottom:20px;padding:10px 14px;transition:box-shadow .12s;display:flex}#loadout:hover{box-shadow:inset 0 0 0 1px var(--accent), 0 0 16px #3cf0ff40}#loadout .swatch{width:44px;height:52px;clip-path:var(--cut-sm);background:radial-gradient(ellipse 34% 28% at 50% 28%, var(--c2) 0 60%, transparent 62%), radial-gradient(ellipse 50% 40% at 50% 78%, var(--c1) 0 70%, transparent 72%), linear-gradient(160deg, var(--c0), #05040d);flex:none}#loadout .worn{flex-direction:column;flex:1;display:flex}#loadout b{letter-spacing:.15em;text-transform:uppercase;color:#fff;font-size:15px}#loadout small{letter-spacing:.15em;color:var(--muted);font-size:11px}#loadout .go{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}#loadout .go:after{content:" ▶"}#skins{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.skin{text-align:left;cursor:pointer;height:170px;font:700 13px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 1px 4px #000;clip-path:var(--cut-sm);background:radial-gradient(ellipse 34% 28% at 50% 28%, var(--c2) 0 60%, transparent 62%), radial-gradient(ellipse 50% 40% at 50% 76%, var(--c1) 0 70%, transparent 72%), linear-gradient(180deg, transparent 45%, #02020ae6), linear-gradient(160deg, var(--c0), #05040d);box-shadow:inset 0 0 0 1px var(--line);border:0;flex-direction:column;justify-content:flex-end;gap:2px;padding:12px;transition:transform .12s,box-shadow .12s;display:flex;position:relative}.skin small{letter-spacing:.2em;opacity:.75;font-size:10px}.skin:hover{box-shadow:inset 0 0 0 1px var(--accent), 0 0 18px #3cf0ff59;transform:translateY(-3px)}.skin.worn{box-shadow:inset 0 0 0 2px var(--glow), 0 0 22px var(--glow)}.skin.worn:after{content:"Equipped";letter-spacing:.15em;color:#0a0212;text-shadow:none;background:var(--glow);padding:2px 8px;font-size:10px;position:absolute;top:8px;right:8px}#voices{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.pick{text-align:left;cursor:pointer;clip-path:var(--cut-sm);font:800 14px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#bfefff;background:#3cf0ff0f;border:0;flex-direction:column;gap:2px;padding:10px 14px 10px 44px;transition:background .12s,color .12s,box-shadow .12s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #3cf0ff59}.pick i{font:700 11px var(--mono);letter-spacing:1px;color:var(--hot);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.pick:hover{color:#fff;box-shadow:inset 0 0 0 1px var(--accent), 0 0 18px #3cf0ff40;background:#3cf0ff2e}.pick.is,.pick.is:hover{color:#04121a;background:linear-gradient(135deg,#3cf0ff,#6fb8ff);box-shadow:0 0 18px #3cf0ff66}.pick small{letter-spacing:.15em;text-transform:lowercase;color:var(--muted);order:1;font-size:10px;font-weight:400}.pick.is i{color:#04121a}.pick.is small{color:#04121ad9}#voice-note{min-height:18px;color:var(--warn);margin:10px 0 0;font-size:11px}label.switch{cursor:pointer;background:#3cf0ff0d;align-items:center;gap:16px;margin-bottom:10px;padding:14px 18px;display:flex;box-shadow:inset 0 0 0 1px #3cf0ff33}label.switch:hover{background:#3cf0ff1a}label.switch small{color:var(--muted);font-size:11px;display:block}label.switch input{opacity:0;pointer-events:none;position:absolute}.track{background:#080c1ae6;flex:none;width:44px;height:22px;transition:background .15s;position:relative;box-shadow:inset 0 0 0 1px #3cf0ff80}.track:after{content:"";background:var(--muted);width:16px;height:16px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}input:checked+.track{background:#3cf0ff40}input:checked+.track:after{background:var(--accent);box-shadow:0 0 10px var(--accent);transform:translate(22px)}input:focus-visible+.track{outline:2px solid var(--hot);outline-offset:2px}.slide{background:#3cf0ff0d;align-items:center;gap:16px;margin-bottom:10px;padding:14px 18px;display:flex;box-shadow:inset 0 0 0 1px #3cf0ff33}.slide .what{flex:0 0 250px}.slide .what small{color:var(--muted);font-size:11px;display:block}.slide .set{flex:240px;align-items:center;gap:16px;min-width:0;display:flex}.slide output{text-align:right;color:var(--accent);font-variant-numeric:tabular-nums;text-shadow:0 0 6px #3cf0ff99;flex:0 0 52px}.slide input[type=range]{--fill:0%;min-width:120px;height:22px;box-shadow:none;clip-path:none;cursor:pointer;appearance:none;background:0 0;flex:1;margin:0;padding:0}.slide input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, #3cf0ff8c var(--fill), #080c1ae6 var(--fill));height:8px;box-shadow:inset 0 0 0 1px #3cf0ff80}.slide input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);width:14px;height:22px;box-shadow:0 0 10px var(--accent);clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);margin-top:-7px}.slide input[type=range]::-moz-range-track{background:#080c1ae6;height:8px;box-shadow:inset 0 0 0 1px #3cf0ff80}.slide input[type=range]::-moz-range-progress{background:#3cf0ff8c;height:8px}.slide input[type=range]::-moz-range-thumb{background:var(--accent);width:14px;height:22px;box-shadow:0 0 10px var(--accent);clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);border:0;border-radius:0}.slide input[type=range]:focus,.slide input[type=range]:focus-visible{box-shadow:none;outline:2px solid var(--hot);outline-offset:2px}.slide input[type=range]:focus:not(:focus-visible){outline:none}.slide .restore{flex:none}@media (max-width:720px){.slide{flex-wrap:wrap}.slide .what{flex-basis:100%}}#binds{margin-top:8px}.where{font-size:11px}