:root{--muted:#b3acd0}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body.arena-page{min-height:100vh;font-family:var(--font);color:var(--text);background:var(--page-bg);overflow-x:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit}svg{fill:none;stroke:currentColor;stroke-width:2px}:focus-visible{outline:2px solid var(--sapphire);outline-offset:2px}[hidden]{display:none!important}.veil{z-index:1;opacity:0;pointer-events:none;background:#000;transition:opacity 1.4s;position:fixed;inset:0}.arena-canvas{z-index:2;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.view{z-index:3;min-height:100vh;display:none;position:relative}body[data-view=login] .view-login{display:block}body[data-view=dash] .view-dash{display:grid}.tile .lock{width:14px;height:14px}body.intro{overflow:hidden}body.intro .veil{opacity:1;transition:none}.view-login{transition:opacity 1.2s .2s}body.intro .view-login{opacity:0;pointer-events:none}.intro{z-index:4;pointer-events:none;--slot-h:min(62vh, 520px, 100vw);place-items:center;display:grid;position:fixed;inset:0}.intro-eyes{opacity:0;position:absolute;inset:0;transform:scale(.86)}.intro-eyes.on{opacity:1}.intro-eyes svg{stroke:none;fill:#eef6ff;width:100%;height:100%;filter:drop-shadow(0 0 6px #6f9bff) drop-shadow(0 0 22px var(--sapphire)) drop-shadow(0 0 60px #405ffab3);transition:filter .7s;overflow:visible}.intro-eyes.heat svg{filter:drop-shadow(0 0 6px #ff6b5e)drop-shadow(0 0 22px #ff2a2a)drop-shadow(0 0 60px #ff2a2a99)}.intro-eyes path{transform-box:fill-box;transform-origin:50% 55%;opacity:0;transform:scale(.015,.03)}.intro-eyes.on path{animation:2.4s cubic-bezier(.6,0,.2,1) forwards eye-open,1.8s ease-in-out 2.7s eye-blink}.intro-eyes.on path+path{animation-delay:80ms,2.7s}.intro-welcome{left:50%;top:calc(50% + var(--slot-h) * .13);white-space:nowrap;letter-spacing:.6em;color:#b9c6ff;text-shadow:0 0 22px #405ffae6;opacity:0;padding-left:.6em;font:600 clamp(14px,2.4vw,20px) Unbounded,sans-serif;position:absolute;transform:translate(-50%)}.intro-welcome.on{opacity:1}.intro-arena{left:50%;top:calc(50% + var(--slot-h) * .13 + clamp(30px, 4.4vw, 44px));white-space:nowrap;opacity:0;letter-spacing:.06em;color:#eeeaff;text-shadow:0 0 26px #8a4dffd9,0 0 60px #ff2a2a59;font:800 clamp(30px,6vw,64px) Unbounded,sans-serif;position:absolute;transform:translate(-50%)}.intro-arena.on{opacity:1}.intro-arena.on .glitch{animation:1s step-end both flicker-in,2.4s step-end 1.3s infinite jitter}.intro-arena.on .glitch:before{animation:2.4s step-end .6s infinite slice-b}.intro-arena.on .glitch:after{animation:2.4s step-end .6s infinite slice-a}.intro-arena.out{animation:.9s ease-in forwards fade-out}.glitch{display:inline-block;position:relative}.intro-welcome.on .glitch{animation:1s step-end both flicker-in,2.4s step-end 1s infinite jitter}.glitch:before,.glitch:after{content:attr(data-text);mix-blend-mode:screen;clip-path:inset(0 0 100%);text-shadow:none;position:absolute;inset:0}.glitch:before{color:#a86bff}.glitch:after{color:#2fe4f0}.intro-welcome.on .glitch:before{animation:2.4s step-end .4s infinite slice-a}.intro-welcome.on .glitch:after{animation:2.4s step-end .4s infinite slice-b}.intro-eyes.out,.intro-welcome.out{animation:.9s ease-in forwards fade-out}.intro-slot{height:var(--slot-h);aspect-ratio:200/262;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-skip{pointer-events:auto;color:var(--muted);border:1px solid #d9fced26;border-radius:999px;padding:8px 14px;font-size:13px;position:absolute;bottom:20px;right:20px}.intro-skip:hover{color:var(--text)}@keyframes eye-open{0%{opacity:0;transform:scale(.015,.03)}12%,24%{opacity:1;transform:scale(.035,.06)}58%,68%{opacity:1;transform:scaleY(.05)}to{opacity:1;transform:scale(1)}}@keyframes eye-blink{0%,to{transform:scale(1)}14%{transform:scaleY(.05)}26%{transform:scale(1)}62%{transform:scale(1)}70%{transform:scaleY(.45)}78%{transform:scale(1)}}@keyframes flicker-in{0%{opacity:0}8%{opacity:1}14%{opacity:0}24%{opacity:1}30%{opacity:.15}44%{opacity:1}50%{opacity:.4}58%,to{opacity:1}}@keyframes jitter{0%,56%,66%,86%,92%,to{transform:none}58%{transform:translate(-3px,1px)skew(-10deg)}61%{transform:translate(4px,-1px)}63%{transform:translate(-1px)skew(6deg)}88%{transform:translate(2px)}90%{transform:translate(-2px,1px)}}@keyframes slice-a{0%,56%,66%,86%,92%,to{clip-path:inset(0 0 100%);transform:none}58%{clip-path:inset(8% 0 58%);transform:translate(-7px)}61%{clip-path:inset(62% 0 6%);transform:translate(6px)}63%{clip-path:inset(30% 0 40%);transform:translate(-3px)}88%{clip-path:inset(44% 0 30%);transform:translate(-5px)}}@keyframes slice-b{0%,56%,66%,86%,92%,to{clip-path:inset(0 0 100%);transform:none}58%{clip-path:inset(55% 0 12%);transform:translate(7px)}61%{clip-path:inset(4% 0 70%);transform:translate(-6px)}63%{clip-path:inset(70% 0 2%);transform:translate(4px)}89%{clip-path:inset(10% 0 62%);transform:translate(5px)}}@keyframes fade-out{to{opacity:0}}body[data-view=loading] .arena-canvas{opacity:0}.arena-canvas{transition:opacity .6s}.mask-fallback svg{stroke:none;width:100%;height:100%}.mask-fallback{filter:drop-shadow(0 0 30px #ff2a2a99);width:100%;height:100%;display:none}body.no-gl .mask-fallback{display:block}.btn{letter-spacing:.03em;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-weight:700;text-decoration:none;display:inline-flex}.btn.primary{color:#fff;background:linear-gradient(135deg, var(--red), #b3122e 60%, #6d1fb0);box-shadow:0 8px 30px #ff2a2a59,inset 0 1px #ffffff4d}.btn.primary:hover{filter:brightness(1.1)}.btn.ghost{color:#d8d2f0;border:1px solid #d9fced33}.btn.ghost:hover{background:#d9fced0f}.btn:disabled{opacity:.6;cursor:wait}.card,.panel,.tile,.dhero{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);border-radius:18px}.view-login{padding:0 clamp(16px,5vw,72px)}.topnav{justify-content:space-between;align-items:center;gap:16px;padding:22px 0;display:flex}.topnav nav{align-items:center;gap:22px;font-size:14px;display:flex}.topnav nav a:not(.btn){color:var(--muted);text-decoration:none}.topnav nav a:not(.btn):hover{color:var(--text)}.btn.sm{padding:8px 14px;font-size:13px}.landing-top{grid-template-columns:1.3fr 1fr;align-items:center;gap:32px;min-height:calc(100vh - 84px);padding-bottom:40px;display:grid}.landing-top>*{min-width:0}.hero{text-align:center;flex-direction:column;align-items:center;display:flex}.tagline{color:#d0caea;text-shadow:0 1px 14px #07060ff2,0 0 4px #07060fcc;max-width:40ch;margin-top:16px;line-height:1.55}.hint{color:var(--muted);margin-top:-8px;font-size:12px}.card{scroll-margin-top:24px}.sect{padding:72px 0 24px;scroll-margin-top:12px}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#9fb2ff;font-size:12px}.sect>h2{margin:10px 0 28px;font:600 clamp(24px,3.4vw,38px) Unbounded,sans-serif}.feats{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.feat{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);border-radius:18px;padding:20px}.feat svg{color:#9fb2ff;width:26px;height:26px}.feat h3{margin:14px 0 8px;font-size:17px}.feat p{color:var(--muted);font-size:13.5px;line-height:1.5}.feat.hot{background:linear-gradient(150deg,#8a4dff59,#3c0e3c8c);border-color:#a778ff66}.feat.hot svg{color:#c9a8ff}.feat.locked{opacity:.55}.steps{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px;list-style:none;display:grid}.steps li{border:1px solid var(--line);background:#07060f59;border-radius:18px;padding:20px}.steps b{background:linear-gradient(135deg, #8a4dff, var(--sapphire));border-radius:50%;place-items:center;width:34px;height:34px;font:600 14px Unbounded,sans-serif;display:grid}.steps h3{margin:14px 0 6px;font-size:16px}.steps p{color:var(--muted);font-size:13.5px;line-height:1.5}.foot{color:var(--muted);text-align:center;padding:48px 0 32px;font-size:12.5px}.sigil{width:120px;height:44px;display:block}.sigil svg{stroke:none;fill:#eef6ff;width:100%;height:100%;filter:drop-shadow(0 0 4px #6f9bff) drop-shadow(0 0 12px var(--sapphire))}.welcome{letter-spacing:.5em;color:#dfe5ff;text-shadow:0 0 18px #405ffacc,0 1px 10px #07060ff2,0 0 3px #07060fe6;margin-top:10px;padding-left:.5em;font:600 14px Unbounded,sans-serif}.mask-slot{aspect-ratio:200/262;width:min(44vh,320px);margin:12px 0 8px;position:relative}.arena,.dhero h1{background:linear-gradient(180deg, #fff 0%, #d7cff5 55%, var(--lav) 100%);color:#0000;filter:drop-shadow(0 0 24px #ff2a2a59);-webkit-background-clip:text;background-clip:text;font-family:Unbounded,sans-serif;font-weight:800;line-height:1}.arena{letter-spacing:.06em;font-size:clamp(34px,6vw,72px)}.card{flex-direction:column;justify-self:center;gap:14px;width:100%;max-width:390px;padding:28px;display:flex}.stack{flex-direction:column;gap:14px;display:flex}.card h2{font:600 22px Unbounded,sans-serif}.card p{color:var(--muted);font-size:14px;line-height:1.5}.card label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-direction:column;gap:6px;font-size:12px;display:flex}.card input,.join input{letter-spacing:0;text-transform:none;color:var(--text);background:#07060f8c;border:1px solid #7c679e80;border-radius:12px;outline:none;padding:12px 14px;font-size:15px}.card input:focus,.join input:focus{border-color:var(--sapphire);box-shadow:0 0 0 3px #405ffa40}.code{border:1px dashed var(--lav);word-break:break-all;-webkit-user-select:all;user-select:all;background:#07060fb3;border-radius:12px;padding:12px;font:500 14px ui-monospace,monospace;display:block}.err{color:var(--down);font-size:13px}.g-login,.g-link{flex-direction:column;gap:14px;display:flex}.g-btn{justify-content:center;min-height:44px;display:flex}.or{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;display:flex;font-size:12px!important}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.card p.ok{color:var(--up)}.skip{color:var(--muted);text-align:center;font-size:13px}.skip:hover{color:var(--text)}.dmain{flex-direction:column;gap:20px;min-width:0;padding:28px clamp(16px,3vw,40px) 48px;display:flex}.dhero{-webkit-backdrop-filter:none;background:linear-gradient(90deg,#28205499 0%,#28205466 55%,#28205400 85%);grid-template-columns:1fr auto;align-items:center;gap:16px;min-height:250px;padding:28px 32px;display:grid;position:relative;overflow:hidden}.dhero .kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:13px}.dhero h1{margin:10px 0 12px;font-size:clamp(36px,5vw,64px)}.dhero p{max-width:44ch;color:var(--muted);line-height:1.5}.dhero .mask-slot{width:170px;margin:0}.acts{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.join{gap:8px;display:flex}.join input{text-transform:uppercase;letter-spacing:.1em;width:130px;padding:11px 12px}.tiles{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.tile{flex-direction:column;gap:8px;min-height:132px;padding:18px;text-decoration:none;transition:transform .15s,border-color .15s;display:flex;position:relative}a.tile:hover{border-color:#405ffa80;transform:translateY(-2px)}.tile .ic{color:#9fb2ff;width:26px;height:26px}.tile b{margin-top:auto;font-size:17px}.tile span{color:var(--muted);font-size:12.5px;line-height:1.4}.tile.duel{background:linear-gradient(150deg,#ff2a2a59,#3c0e3c99);border-color:#ff5a5a59}.tile.duel .ic{color:#ff6b5e}.tile.locked{cursor:not-allowed;opacity:.6}.tile .lock{position:absolute;top:16px;right:16px}.row{grid-template-columns:1fr 1.2fr;gap:14px;display:grid}.panel{padding:20px}.panel h3{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:13px;font-weight:500}.stats{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stat b{font-variant-numeric:tabular-nums;font-size:26px;display:block}.stat span{color:var(--muted);font-size:12px}.lb,.active-list{flex-direction:column;gap:4px;list-style:none;display:flex}.lb li{border-radius:10px;grid-template-columns:28px 1fr auto auto;align-items:center;gap:12px;padding:8px 10px;font-size:14px;display:grid}.lb li.me{background:#405ffa2e}.lb .n{color:var(--muted);font-size:12px}.lb .r{font-variant-numeric:tabular-nums;font-weight:700}.lb li.empty{padding:8px 0;display:block}.empty{color:var(--muted);font-size:14px;line-height:1.5}.active-list a{border-radius:10px;justify-content:space-between;gap:12px;padding:10px 12px;font-size:14px;text-decoration:none;display:flex}.active-list a:hover{background:#405ffa24}.active-list .meta{color:var(--muted);font-size:13px}.pos{color:var(--up)}.neg{color:var(--down)}@media (width<=900px){.landing-top{grid-template-columns:1fr;min-height:0}.topnav nav a:not(.btn){display:none}.feats{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.sect{padding-top:48px}.hero .mask-slot{width:min(28vh,210px)}.tiles{grid-template-columns:1fr 1fr}.row{grid-template-columns:1fr}.dhero{grid-template-columns:1fr;padding:22px}.dhero .mask-slot{order:-1;justify-self:center;width:104px}}@media (width<=420px){.join input{width:110px}}