:root{--bg: #0b0718;--ink: #f4f0ff;--mute: #a79cc8;--pink: #ff4fa3;--cyan: #35d6ff;--gold: #ffd23f;--card: rgba(22, 14, 48, .78);--line: rgba(255, 255, 255, .12);--display: "Russo One", "Arial Black", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}#gl{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block}.hidden{display:none!important}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:16px;z-index:5;overflow-y:auto}#home{background:radial-gradient(ellipse at center,#0804168c,#080416e0)}#select{background:linear-gradient(180deg,#08041699,#08041600 22%,#08041600 70%,#080416bf);justify-content:flex-start}#select .ch svg{width:56px;height:56px}#select .ch .tt{display:none}.overlay{background:#0804169e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20}.logo{font-family:var(--display);font-size:clamp(54px,11vw,132px);line-height:.9;letter-spacing:2px;text-align:center;transform:skew(-8deg);filter:drop-shadow(0 8px 0 rgba(0,0,0,.45))}.logo span{display:block;color:#fff;text-shadow:0 0 24px var(--cyan),4px 4px 0 var(--cyan)}.logo b{display:block;font-weight:400;background:linear-gradient(180deg,#ffe46b,#ff4fa3 70%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(4px 4px 0 #6a1b9a)}.tag{margin:0;color:var(--mute);letter-spacing:3px;text-transform:uppercase;font-weight:600;font-size:13px}.home-grid{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 20px;min-width:min(320px,92vw);display:flex;flex-direction:column;gap:12px;box-shadow:0 18px 40px #0006}.card h3{margin:0;font-family:var(--display);font-weight:400;letter-spacing:2px;color:var(--gold)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.center{justify-content:center}.field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--mute);text-transform:uppercase;letter-spacing:1px}input{font:inherit;color:var(--ink);background:#00000059;border:1px solid var(--line);border-radius:10px;padding:10px 12px;outline:none}input:focus{border-color:var(--cyan)}#code{width:110px;text-transform:uppercase;letter-spacing:6px;font-family:var(--display);text-align:center}.join{justify-content:space-between}.btn{font:600 15px Inter,sans-serif;color:var(--ink);background:#ffffff14;border:1px solid var(--line);border-radius:12px;padding:11px 18px;cursor:pointer;transition:transform .08s,background .15s,box-shadow .15s}.btn:hover{background:#ffffff29;transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(180deg,#4fe0ff,#2a7dff);border:none;box-shadow:0 6px #1a3e9a;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.3)}.btn.hot{background:linear-gradient(180deg,#ff7aa8,#e0245e);border:none;box-shadow:0 6px #861238}.btn.big{font-size:20px;padding:14px 34px;font-family:var(--display);font-weight:400;letter-spacing:1px}.btn.small{padding:7px 12px;font-size:13px}.btn.wide{width:100%}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn.on{background:linear-gradient(180deg,#7dff9e,#19b45a);box-shadow:0 6px #0d6b33;border:none}.card h3.sub3{font-size:13px;color:var(--mute);margin-top:4px}.botrow select{font:600 14px Inter,sans-serif;color:var(--ink);background:#00000059;border:1px solid var(--line);border-radius:10px;padding:9px 10px}.botrow .vs{font-family:var(--display);color:var(--mute)}.controls{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;color:var(--mute);font-size:13px}kbd{font:600 11px Inter,sans-serif;background:#ffffff1a;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:2px 6px;color:var(--ink)}.title{font-family:var(--display);font-weight:400;margin:0;font-size:clamp(26px,4vw,44px);letter-spacing:3px;text-shadow:3px 3px 0 #6a1b9a,0 0 22px rgba(255,79,163,.6)}.hint{color:var(--mute);font-size:13px;margin:0;min-height:1em}.room-banner{display:flex;gap:10px;align-items:center;background:var(--card);border:1px solid var(--line);padding:8px 12px;border-radius:14px;flex-wrap:wrap;justify-content:center}.room-banner b{font-family:var(--display);font-weight:400;letter-spacing:6px;color:var(--gold);font-size:22px;margin-left:6px}#room-link{width:min(320px,70vw);font-size:13px}.select-wrap{display:flex;gap:22px;align-items:stretch;justify-content:space-between;width:100%;max-width:1280px;flex:1;min-height:0}.select-mid{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.char-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.ch{width:86px;padding:6px 4px;border-radius:16px;background:var(--card);border:2px solid var(--line);text-align:center;cursor:pointer;position:relative;transition:transform .1s,border-color .1s}.ch:hover{transform:translateY(-2px)}.ch .nm{font-family:var(--display);letter-spacing:1px;margin-top:2px}.ch .tt{font-size:11px;color:var(--mute)}.ch.p1{border-color:var(--cyan);box-shadow:0 0 0 3px #35d6ff40,0 0 24px #35d6ff59}.ch.p2{border-color:var(--pink);box-shadow:0 0 0 3px #ff4fa340,0 0 24px #ff4fa359}.ch.p1.p2{border-image:linear-gradient(90deg,var(--cyan),var(--pink)) 1}.ch .tagp{position:absolute;top:6px;font:800 11px Inter;padding:2px 6px;border-radius:6px}.ch .tagp.a{left:6px;background:var(--cyan);color:#00202c}.ch .tagp.b{right:6px;background:var(--pink);color:#2c0016}.fighter{width:240px;min-height:300px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px;border-radius:20px;background:var(--card);border:1px solid var(--line)}.fighter .who{font:800 12px Inter;letter-spacing:2px;color:var(--mute);text-transform:uppercase}.fighter .big{font-family:var(--display);font-size:30px;letter-spacing:2px}.fighter .sub{color:var(--mute);font-size:13px}.fighter .blurb{font-size:13px;text-align:center;opacity:.9}.fighter .status{margin-top:auto;font:800 13px Inter;letter-spacing:2px;padding:6px 12px;border-radius:999px;background:#ffffff14}.fighter .status.ready{background:#19b45a;color:#fff}.pattern{display:grid;grid-template-columns:repeat(6,14px);gap:3px;padding:6px;border-radius:10px;background:#00000059;border:1px solid var(--line)}.pattern i{width:14px;height:14px;border-radius:4px;transform:rotate(45deg) scale(.78);box-shadow:inset 0 2px #ffffff80,0 0 8px #ffffff26}.fighter .super{font-size:12px;text-align:center;color:#e9dcff;background:#7c3aed2e;border:1px solid rgba(167,139,250,.35);padding:6px 8px;border-radius:10px}.fighter .super b{font-family:var(--display);font-weight:400;color:#ffd23f;letter-spacing:1px;margin-right:4px}.plabel{font:800 10px Inter;letter-spacing:2px;color:var(--mute)}.fighter svg{filter:drop-shadow(0 10px 18px rgba(0,0,0,.5))}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.pcard{position:absolute;display:flex;align-items:center;gap:10px;transform:translate(-50%);background:var(--card);border:1px solid var(--line);padding:6px 14px 6px 6px;border-radius:16px;min-width:210px}.pcard .pic svg{display:block}.pcard .nm{font-family:var(--display);letter-spacing:1px;font-size:16px}.pcard .sc{font-family:var(--display);font-size:22px;color:var(--gold);line-height:1}.pcard .st{font-size:11px;color:var(--mute)}.pcard .meter{height:7px;border-radius:99px;background:#ffffff1a;overflow:hidden;margin-top:4px}.pcard .meter b{display:block;height:100%;width:0;background:linear-gradient(90deg,#7c3aed,#ff4fa3,#ffd23f);transition:width .15s}.pcard .sup{font:800 10px Inter;letter-spacing:1.5px;color:var(--mute);margin-top:2px}.pcard.ready .meter b{animation:meterglow .5s ease-in-out infinite alternate}.pcard.ready .sup{color:#ffd23f;text-shadow:0 0 8px #ff4fa3}@keyframes meterglow{0%{filter:brightness(1)}to{filter:brightness(1.8) saturate(1.4)}}#center-hud{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}#clock{font-family:var(--display);font-size:clamp(18px,2.4vw,30px);text-shadow:0 0 12px rgba(0,0,0,.6)}#lvl{font:800 12px Inter;letter-spacing:2px;color:var(--gold)}#stage{font:700 9px Inter;letter-spacing:2px;color:var(--mute);margin-top:4px;max-width:90px}#countdown{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-family:var(--display);font-size:clamp(80px,16vw,200px);color:#fff;text-shadow:0 0 30px var(--pink),6px 6px 0 #6a1b9a;pointer-events:none}#countdown.pop{animation:pop .5s ease-out}@keyframes pop{0%{transform:translate(-50%,-50%) scale(1.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}#netstats{position:absolute;right:10px;top:10px;font:600 11px ui-monospace,Menlo,monospace;background:#00000073;padding:6px 10px;border-radius:8px;color:#bfffd8;white-space:pre}#desync{position:absolute;left:50%;top:10px;transform:translate(-50%);background:#e0245e;padding:6px 14px;border-radius:8px;font-weight:800}#results h1{font-family:var(--display);font-weight:400;font-size:clamp(56px,10vw,120px);margin:0;letter-spacing:3px;transform:skew(-8deg)}#results h1.win{color:#fff;text-shadow:0 0 30px var(--gold),5px 5px 0 #c17a00}#results h1.lose{color:#cbd;text-shadow:5px 5px 0 #402060}.res-stats{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.res-stats .card{min-width:220px;align-items:center}.res-stats .card .big{font-family:var(--display);font-size:34px;color:var(--gold)}.res-stats table{font-size:14px;border-collapse:collapse}.res-stats td{padding:2px 8px}.res-stats td:first-child{color:var(--mute)}#peerwait{position:absolute;left:50%;top:18%;transform:translate(-50%);background:#140a28e6;border:1px solid #ffd23f;color:#ffd23f;padding:10px 18px;border-radius:12px;font-weight:800;letter-spacing:1px}#specbadge{position:absolute;left:12px;top:10px;background:#00000080;padding:6px 12px;border-radius:8px;font:800 12px Inter;letter-spacing:2px;color:#bfe6ff}.tagbadge{display:inline-block;font:800 11px Inter;letter-spacing:1.5px;padding:4px 8px;border-radius:6px;background:#e0245e;margin-left:4px}.tagbadge+.tagbadge{background:#ffffff26}.card.board table{width:100%;border-collapse:collapse;font-size:13px}.card.board td{padding:3px 6px;border-bottom:1px solid rgba(255,255,255,.06)}.card.board td:first-child{color:var(--gold);font-weight:800;width:22px}.card.board td:nth-child(3){font-family:var(--display);color:#fff;text-align:right}.card.board td:last-child{color:var(--mute);text-align:right;font-size:11px}.btn.searching{animation:meterglow .6s ease-in-out infinite alternate}#touchbar{display:none;position:absolute;right:14px;bottom:18px;gap:10px;flex-direction:column;pointer-events:auto}body.touchui #touchbar{display:flex}.tbtn{pointer-events:auto;font:400 16px var(--display);letter-spacing:1px;color:#fff;width:84px;height:64px;border-radius:18px;border:2px solid rgba(255,255,255,.25);background:#2814508c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:none;user-select:none;-webkit-user-select:none}.tbtn:active{background:#ff4fa399;transform:scale(.96)}#t-super{background:linear-gradient(180deg,#7c3aedbf,#ff4fa399)}#t-pause{position:absolute;top:10px;right:10px;width:46px;height:46px;font-size:14px;display:none}body.touchui #t-pause:not(.hidden){display:block}#hud.hidden #touchbar{display:none}body.portrait #center-hud{left:12px;top:12px;transform:none;text-align:left}body.portrait .pcard{min-width:0;padding:4px 10px 4px 4px;gap:6px}body.portrait .pcard .pic svg{width:34px;height:34px}body.portrait .pcard .st{display:none}body.portrait .pcard .sc{font-size:17px}body.portrait #pc0,body.portrait #pc1{transform:translate(-50%) scale(.9)}body.portrait #touchbar{flex-direction:column;bottom:16px;right:10px}body.portrait #countdown{top:45%}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#2a1650;border:1px solid var(--line);padding:10px 18px;border-radius:12px;z-index:50;font-weight:600}@media(max-width:860px){.select-wrap{flex-direction:column;gap:12px}.fighter{width:100%;max-width:420px;min-height:0;flex-direction:row;flex-wrap:wrap;justify-content:center}.pattern{display:grid;grid-template-columns:repeat(6,14px);gap:3px;padding:6px;border-radius:10px;background:#00000059;border:1px solid var(--line)}.pattern i{width:14px;height:14px;border-radius:4px;transform:rotate(45deg) scale(.78);box-shadow:inset 0 2px #ffffff80,0 0 8px #ffffff26}.plabel{font:800 10px Inter;letter-spacing:2px;color:var(--mute)}.fighter svg{width:70px;height:70px}.fighter .blurb{display:none}.char-grid{grid-template-columns:repeat(4,1fr);gap:8px}.ch{width:22vw;max-width:124px;padding:6px 4px}.ch .tt{display:none}.ch svg{width:52px;height:52px}.pcard{min-width:0;padding:4px 10px 4px 4px}.pcard .pic svg{width:34px;height:34px}}@media(max-width:860px){#select{gap:8px;padding:10px 10px 14px;justify-content:flex-start}#select .title{font-size:22px;letter-spacing:2px}#select .hint{font-size:11px;text-align:center}.room-banner{padding:6px 8px;gap:6px}#room-link{width:52vw}.select-wrap{flex-direction:column;gap:8px;flex:none}#f-left{order:1}.select-mid{order:2}#f-right{order:3}.fighter{position:relative;display:grid;grid-template-columns:58px 1fr auto;grid-template-areas:"pic name status" "pic sup pat";align-items:center;gap:2px 10px;padding:8px 10px;min-height:0;width:100%;max-width:none;border-radius:16px}.fighter .who,.fighter .sub,.fighter .blurb,.fighter .plabel{display:none}.fighter svg{grid-area:pic;width:58px!important;height:58px!important}.fighter .big{grid-area:name;font-size:20px}.fighter .super{grid-area:sup;font-size:11px;padding:4px 6px;text-align:left}.fighter .pattern{grid-area:pat;grid-template-columns:repeat(6,8px);gap:2px;padding:4px}.fighter .pattern i{width:8px;height:8px}.fighter .status{grid-area:status;margin:0;font-size:10px;padding:3px 8px;justify-self:end}#select .char-grid{grid-template-columns:repeat(4,1fr);gap:6px}#select .ch{width:auto;max-width:none;padding:4px 2px}#select .ch svg{width:46px;height:46px}#select .ch .nm{font-size:12px}.btn.big{font-size:18px;padding:12px 26px}}.touchhint,body.touchui .controls{display:none}body.touchui .touchhint{display:block;color:var(--mute);font-size:13px;text-align:center}