*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}body,html{width:100%;height:100%;overflow:hidden;background:#0a0618;font-family:'Trebuchet MS','Arial Black',sans-serif}canvas{display:block}#ui{position:fixed;inset:0;pointer-events:none;z-index:10}#menu{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:radial-gradient(ellipse at 50% 120%,#3d1258 0,#150a2e 45%,#07030f 100%);pointer-events:auto;overflow-y:auto;padding:20px}.title{margin-top:auto;font-size:clamp(38px, 7vw, 84px);font-weight:900;font-style:italic;letter-spacing:-2px;line-height:.95;text-align:center;background:linear-gradient(180deg,#fff 15%,#ffd34d 40%,#ff7a1a 65%,#ff2d78 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 rgba(120,20,60,.9)) drop-shadow(0 10px 30px rgba(255,60,120,.45));text-transform:uppercase;z-index:1}.step{display:flex;flex-direction:column;align-items:center;z-index:1;margin-bottom:auto;width:100%}#menu::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(115deg,transparent 0 60px,rgba(255,80,180,.04) 60px 62px),repeating-linear-gradient(-65deg,transparent 0 90px,rgba(80,200,255,.04) 90px 92px);animation:14s linear infinite bgdrift}@keyframes bgdrift{to{background-position:400px 0,-400px 0}}.subtitle{color:#9db8ff;letter-spacing:8px;font-size:clamp(10px,1.4vw,15px);margin:10px 0 26px;text-transform:uppercase;z-index:1;text-align:center}.subtitle b{color:#ff5c9a}#cards{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;z-index:1;max-width:1300px}.card{width:230px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:2px solid rgba(255,255,255,.14);border-radius:14px;padding:14px 14px 12px;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.card:hover{transform:translateY(-6px) scale(1.02)}.card.sel{border-color:var(--ac);box-shadow:0 0 28px var(--acglow),inset 0 0 24px rgba(255,255,255,.05);transform:translateY(-6px)}.card .kanji{position:absolute;right:-8px;top:-14px;font-size:92px;font-weight:900;color:var(--ac);opacity:.14;font-style:italic}.card h3{color:#fff;font-size:17px;font-style:italic;letter-spacing:.5px}.card .ttl{color:var(--ac);font-size:10px;letter-spacing:2.5px;text-transform:uppercase;margin-bottom:10px}.mini{height:96px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:10px;filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}.r6{position:relative;width:64px;height:92px}.r6 div{position:absolute;border-radius:3px;border:2px solid rgba(0,0,0,.55)}.r6 .hd{width:26px;height:24px;left:19px;top:0}.r6 .hr{width:32px;height:12px;left:16px;top:-5px;border-radius:6px 6px 2px 2px}.r6 .to{width:34px;height:34px;left:15px;top:26px}.r6 .la{width:13px;height:32px;left:0;top:26px;transform:rotate(8deg)}.r6 .ra{width:13px;height:32px;left:51px;top:26px;transform:rotate(-8deg)}.r6 .ll{width:14px;height:30px;left:17px;top:61px}.r6 .rl{width:14px;height:30px;left:33px;top:61px}.r6 .ey{width:4px;height:7px;background:#111!important;border:none!important;top:9px;border-radius:2px}.abl{list-style:none;font-size:10.5px;color:#cdd6ff;line-height:1.75}.abl li b{color:var(--ac);display:inline-block;width:16px;font-style:italic}.abl li span.u{color:#ffd34d}#startBtn{margin-top:28px;z-index:1;pointer-events:auto;font-family:inherit;font-size:20px;font-weight:900;font-style:italic;letter-spacing:3px;padding:16px 54px;color:#1a0b00;background:linear-gradient(180deg,#ffe95c,#ff9a1f);border:none;border-radius:10px;cursor:pointer;box-shadow:0 0 34px rgba(255,160,40,.5),0 5px 0 #a1440a;transition:transform .12s,box-shadow .2s;text-transform:uppercase}#startBtn:hover{transform:scale(1.05);box-shadow:0 0 54px rgba(255,170,40,.8),0 5px 0 #a1440a}#startBtn:active{transform:scale(.98) translateY(3px);box-shadow:0 0 30px rgba(255,160,40,.5),0 1px 0 #a1440a}#controls{margin-top:22px;color:#8a93c8;font-size:11.5px;letter-spacing:1.2px;text-align:center;line-height:2;z-index:1}#controls b{color:#fff;background:rgba(255,255,255,.1);padding:2px 7px;border-radius:4px;border:1px solid rgba(255,255,255,.2);font-style:normal}.hidden{display:none!important}#hud{position:absolute;inset:0}#crosshair{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:rgba(255,255,255,.85);box-shadow:0 0 6px rgba(255,255,255,.8),0 0 2px #000}#botbar{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:flex-end;gap:22px}#plate{width:340px}#pname{color:#fff;font-style:italic;font-weight:900;font-size:15px;letter-spacing:1px;text-shadow:0 2px 4px #000;margin-bottom:5px}#pname span{color:var(--pac,#ffb74d);font-size:11px;letter-spacing:2.5px;margin-left:8px}.barwrap{background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.25);border-radius:6px;padding:2px;margin-bottom:4px;transform:skewX(-12deg)}.bar{height:16px;border-radius:4px;transition:width .12s}#hpbar{background:linear-gradient(90deg,#7cfc66,#2fe06b);box-shadow:0 0 12px rgba(80,255,120,.5);width:100%}#hpbar.low{background:linear-gradient(90deg,#ff6a3a,#ff2d2d);box-shadow:0 0 12px rgba(255,60,40,.7)}#gdbar{height:5px;background:linear-gradient(90deg,#57c7ff,#3a7bff);width:100%;border-radius:3px}#ultwrap .bar{height:10px}#ultbar{background:linear-gradient(90deg,#b96bff,#ff4dd2,#ffd34d);width:0%}#ultwrap.ready{animation:.7s infinite alternate ultpulse}@keyframes ultpulse{from{box-shadow:0 0 6px rgba(255,80,220,.6)}to{box-shadow:0 0 22px #ffc850}}#slots{display:flex;gap:9px}.slot{width:62px;height:62px;background:rgba(8,6,24,.75);border:2px solid rgba(255,255,255,.22);border-radius:11px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.slot .kj{font-size:28px;font-weight:900;color:var(--sc,#fff);text-shadow:0 0 10px var(--sc,#fff);z-index:1}.slot .ky{position:absolute;top:2px;left:5px;font-size:10px;color:#fff;opacity:.85;font-weight:700;z-index:2}.slot .nm{position:absolute;bottom:2px;width:100%;text-align:center;font-size:7px;color:#aeb8e8;letter-spacing:.4px;z-index:2;text-transform:uppercase}.slot .cdov{position:absolute;left:0;bottom:0;width:100%;height:0%;background:rgba(10,10,30,.85);z-index:3}.slot .cdtx{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:900;color:#fff;z-index:4;text-shadow:0 0 6px #000}.slot.ult{border-color:#ffd34d;box-shadow:0 0 12px rgba(255,210,80,.35)}.slot.ult .kj{color:#ffd34d;text-shadow:0 0 12px #ffb84d}.slot.ready{animation:1.4s infinite slotready}@keyframes slotready{0%,100%{border-color:rgba(255,255,255,.22)}50%{border-color:#fff}}#topbar{position:absolute;top:14px;left:50%;transform:translateX(-50%);text-align:center}#timer{font-size:34px;font-weight:900;font-style:italic;color:#fff;text-shadow:0 0 14px rgba(120,160,255,.8),0 3px 0 rgba(0,0,20,.8);letter-spacing:2px}#objective{font-size:10px;letter-spacing:3px;color:#9db8ff;text-transform:uppercase}#score{position:absolute;top:16px;right:16px;width:212px}.srow{display:flex;align-items:center;gap:8px;background:rgba(5,4,18,.6);border:1px solid rgba(255,255,255,.12);border-left:4px solid var(--rc,#888);border-radius:7px;padding:5px 10px;margin-bottom:5px;transform:skewX(-8deg)}.srow .nm{flex:1;color:#fff;font-size:12px;font-style:italic;font-weight:700;letter-spacing:.5px;white-space:nowrap;overflow:hidden}.srow .ko{color:#ffd34d;font-weight:900;font-size:15px}.srow.me{border-color:rgba(255,255,255,.45);background:rgba(30,25,70,.72)}.srow.dead{opacity:.45}#feed{position:absolute;top:80px;left:16px}.fitem{color:#fff;font-size:12.5px;margin-bottom:6px;background:rgba(5,4,18,.65);padding:5px 12px;border-radius:6px;border-left:3px solid #ff4d6a;animation:.25s ease-out feedin;letter-spacing:.4px}.fitem b{font-style:italic}@keyframes feedin{from{transform:translateX(-30px);opacity:0}}#announcer{position:absolute;top:22%;left:50%;transform:translateX(-50%);font-size:46px;font-weight:900;font-style:italic;letter-spacing:3px;text-transform:uppercase;white-space:nowrap;color:#fff;opacity:0;pointer-events:none;text-shadow:0 0 22px var(--anc,#ff9a2e),0 4px 0 rgba(0,0,0,.6)}#announcer.show{animation:1.9s ease-out forwards annin}@keyframes annin{0%{opacity:0;transform:translateX(-50%) scale(2.4)}12%{opacity:1;transform:translateX(-50%) scale(1)}80%{opacity:1}100%{opacity:0;transform:translateX(-50%) scale(.92)}}#combo{position:absolute;right:12%;top:38%;text-align:center;opacity:0;transition:opacity .3s}#combo.show{opacity:1}#comboN{font-size:56px;font-weight:900;font-style:italic;color:#ffd34d;text-shadow:0 0 18px #ff7a1a,0 4px 0 #7a2d00}#comboT{font-size:12px;letter-spacing:4px;color:#ffedb8;text-transform:uppercase}#lockon{position:absolute;top:64px;left:50%;transform:translateX(-50%);color:#ff5c9a;font-size:11px;letter-spacing:3px;text-transform:uppercase;opacity:0;transition:opacity .2s}#lockon.show{opacity:1}.dmg{position:absolute;font-weight:900;font-style:italic;pointer-events:none;z-index:20;text-shadow:0 0 8px currentColor,0 2px 2px rgba(0,0,0,.85);animation:.8s ease-out forwards dmgfloat}@keyframes dmgfloat{0%{transform:translate(-50%,-50%) scale(1.6);opacity:1}25%{transform:translate(-50%,-90%) scale(1)}100%{transform:translate(-50%,-170%) scale(.85);opacity:0}}#vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(120,0,10,0) 100%);transition:background .3s}#vignette.hurt{background:radial-gradient(ellipse at center,transparent 45%,rgba(200,10,25,.5) 100%)}#speedlines{position:absolute;inset:0;opacity:0;transition:opacity .18s;pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,255,255,.12) 0deg 1.1deg,transparent 1.1deg 9deg);mask-image:radial-gradient(ellipse at center,transparent 34%,#000 78%);-webkit-mask-image:radial-gradient(ellipse at center,transparent 34%,#000 78%)}#speedlines.on{opacity:1}#flash{position:absolute;inset:0;background:#fff;opacity:0}#endscreen{position:fixed;inset:0;z-index:120;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(6,3,16,.88);backdrop-filter:blur(6px);pointer-events:auto}#endtitle{font-size:clamp(44px,8vw,90px);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(180deg,#fff,#ffd34d 55%,#ff7a1a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(255,170,60,.6));animation:.5s cubic-bezier(.2,1.6,.4,1) endpop}@keyframes endpop{from{transform:scale(.3);opacity:0}}#endsub{color:#aeb8e8;letter-spacing:4px;margin:8px 0 26px;text-transform:uppercase;font-size:13px}#endstats{color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:16px 30px;font-size:14px;line-height:2.1;letter-spacing:1px;min-width:300px;text-align:center}#endstats b{color:#ffd34d}#againBtn{margin-top:26px;font-family:inherit;font-size:17px;font-weight:900;font-style:italic;letter-spacing:2px;padding:14px 44px;color:#fff;background:linear-gradient(180deg,#ff4d8f,#c2258f);border:none;border-radius:10px;cursor:pointer;box-shadow:0 0 26px rgba(255,80,160,.5),0 4px 0 #5e0f45;text-transform:uppercase}#againBtn:hover{transform:scale(1.05)}#paused{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;background:rgba(4,2,12,.6);color:#fff;font-size:22px;font-weight:900;font-style:italic;letter-spacing:3px;pointer-events:auto;cursor:pointer;text-transform:uppercase;text-shadow:0 0 20px #4d8fff}#cbars{position:fixed;inset:0;pointer-events:none;z-index:60}#cbars div{position:absolute;left:0;width:100%;height:0;background:#000;transition:height .4s cubic-bezier(.4,0,.2,1)}#cbars .cb-top{top:0}#cbars .cb-bot{bottom:0}#cbars.show .cb-bot,#cbars.show .cb-top{height:11vh}#cinetitle{position:fixed;bottom:13vh;width:100%;text-align:center;z-index:61;pointer-events:none;font-size:clamp(18px,3.4vw,34px);font-weight:900;font-style:italic;letter-spacing:4px;text-transform:uppercase;color:#fff;opacity:0;text-shadow:0 0 24px var(--ctc,#ffd34d),0 3px 0 rgba(0,0,0,.7);transition:opacity .3s}#cinetitle.show{opacity:1}#cinecallout{position:fixed;left:50%;bottom:22vh;transform:translateX(-50%) translateY(12px);z-index:62;min-width:min(720px,88vw);text-align:center;pointer-events:none;opacity:0;transition:opacity .22s,transform .3s;filter:drop-shadow(0 0 22px rgba(0,0,0,.9))}#cinecallout.show{opacity:1;transform:translateX(-50%) translateY(0)}#cinespeaker{color:var(--dc,#9db8ff);font-size:11px;font-weight:900;letter-spacing:5px;text-transform:uppercase;margin-bottom:7px}#cinedialogue{color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:clamp(24px,4vw,48px);font-weight:700;font-style:italic;letter-spacing:2px;text-shadow:0 0 14px var(--dc,#9db8ff),0 3px 3px #000}#domainTag{position:fixed;top:12vh;left:50%;transform:translateX(-50%);z-index:63;opacity:0;pointer-events:none;padding:7px 18px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#fff;background:rgba(2,2,10,.66);font-size:10px;font-weight:900;letter-spacing:4px;text-transform:uppercase;backdrop-filter:blur(8px);transition:opacity .3s}#domainTag.show{opacity:1}#stam{display:flex;gap:5px;margin-top:3px}.pip{width:26px;height:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);transform:skewX(-20deg);border-radius:2px;transition:background .2s,box-shadow .2s}.pip.on{background:linear-gradient(90deg,#7dffea,#3ac9ff);box-shadow:0 0 8px rgba(80,220,255,.6)}#fsBtn{position:fixed;top:12px;left:12px;z-index:70;width:42px;height:42px;border-radius:10px;cursor:pointer;background:rgba(10,8,30,.65);border:2px solid rgba(255,255,255,.28);color:#fff;font-size:19px;display:flex;align-items:center;justify-content:center;pointer-events:auto;transition:.15s}#fsBtn:hover{border-color:#fff;transform:scale(1.08)}#spectateBtn{position:fixed;top:62px;left:12px;z-index:72;min-width:152px;height:40px;padding:0 13px;border-radius:10px;cursor:pointer;pointer-events:auto;border:2px solid rgba(255,255,255,.28);color:#cdd6ff;background:rgba(10,8,30,.76);font-family:inherit;font-size:10px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;transition:.18s;box-shadow:0 5px 18px rgba(0,0,0,.28)}#spectateBtn:hover{color:#fff;border-color:#9db8ff;transform:translateY(-1px)}#spectateBtn.on{color:#06111d;border-color:#7dffea;background:linear-gradient(180deg,#9fffee,#3ac9ff);box-shadow:0 0 24px rgba(80,230,255,.55)}#spectateBadge{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:71;pointer-events:none;color:#7dffea;background:rgba(2,10,20,.78);border:1px solid rgba(125,255,234,.55);border-radius:999px;padding:7px 18px;font-size:10px;font-weight:900;letter-spacing:3px;text-transform:uppercase;opacity:0;transition:opacity .25s}#spectateBadge.show{opacity:1}#spectatePanel{position:fixed;top:110px;left:12px;z-index:74;width:270px;padding:11px;pointer-events:auto;background:linear-gradient(180deg,rgba(8,10,30,.9),rgba(2,5,18,.88));border:1px solid rgba(125,255,234,.35);border-radius:12px;box-shadow:0 10px 32px rgba(0,0,0,.38),inset 0 0 22px rgba(80,210,255,.04);backdrop-filter:blur(10px)}.specrow{display:flex;align-items:center;gap:7px}#spectateTarget{flex:1;min-width:0;height:34px;color:#fff;background:#0d1230;border:1px solid rgba(255,255,255,.24);border-radius:8px;font-family:inherit;font-size:10px;font-weight:900;letter-spacing:.8px;padding:0 7px;outline:0}.specmini{width:34px;height:34px;border-radius:8px;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.24);cursor:pointer;font-weight:900;pointer-events:auto}.specmini:hover{border-color:#7dffea;color:#7dffea}#spectateCamMode{width:100%;margin-top:8px;height:34px;border-radius:8px;border:1px solid #7dffea;cursor:pointer;color:#06111d;background:linear-gradient(180deg,#9fffee,#3ac9ff);font-family:inherit;font-size:9px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}#spectateCamMode.free{border-color:#ffd34d;background:linear-gradient(180deg,#ffe985,#ff9f32)}#spectateStats{margin-top:8px;padding:7px;border-radius:7px;background:rgba(255,255,255,.045);color:#dce8ff;font-size:9px;font-weight:900;letter-spacing:.7px;text-align:center}#spectateHint{margin-top:7px;color:#8fa8cc;font-size:8px;letter-spacing:.8px;line-height:1.55;text-align:center;text-transform:uppercase}body.free-spectate #cbars,body.free-spectate #cinecallout,body.free-spectate #cinetitle{opacity:0!important;visibility:hidden!important}#stunbar{height:5px;width:0%;border-radius:3px;background:linear-gradient(90deg,#ffd34d,#ff7b2d,#ff2d55);box-shadow:0 0 8px rgba(255,92,45,.5);transition:width .12s}#stunbar.hot{animation:.45s infinite alternate stunwarn}@keyframes stunwarn{from{filter:brightness(1)}to{filter:brightness(1.8);box-shadow:0 0 16px #ff3b3b}}@media (pointer:coarse){#fsBtn{top:10px;left:10px;width:38px;height:38px}#spectateBtn{top:54px;left:10px;min-width:124px;height:35px;font-size:8px;padding:0 9px}#spectatePanel{top:96px;left:10px;width:220px;padding:8px}}#onlinePanel,#publicPanel{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:24px;z-index:1;background:rgba(255,255,255,.04);border:2px solid rgba(255,255,255,.14);border-radius:16px;padding:22px 30px;pointer-events:auto}#onlinePanel .obtns,#publicPanel .obtns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}#publicPanel{border-color:rgba(80,200,255,.3)}.pubmode{pointer-events:auto;cursor:pointer;padding:9px 20px;border-radius:9px;color:#aeb8e8;font-weight:900;font-style:italic;font-size:15px;letter-spacing:1.5px;border:2px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);text-transform:uppercase;transition:.15s}.pubmode:hover{color:#fff;border-color:rgba(255,255,255,.5)}.pubmode.sel{color:#04101e;background:linear-gradient(180deg,#7de2ff,#3a9bff);border-color:#7de2ff;box-shadow:0 0 16px rgba(80,190,255,.45)}#pubstatus{color:#9db8ff;font-size:12px;letter-spacing:2px;text-transform:uppercase;min-height:16px;text-align:center}#pubstatus.err{color:#ff6a6a}.obtn{font-family:inherit;font-size:14px;font-weight:900;font-style:italic;letter-spacing:2px;padding:13px 26px;color:#fff;background:linear-gradient(180deg,#3a7bff,#2450c9);border:none;border-radius:10px;cursor:pointer;text-transform:uppercase;box-shadow:0 0 18px rgba(70,130,255,.4),0 4px 0 #14275e;transition:transform .12s}.obtn:hover{transform:scale(1.05)}.obtn:disabled{opacity:.45;cursor:default;transform:none}#roomIn{font-family:inherit;width:150px;text-align:center;font-size:22px;font-weight:900;letter-spacing:6px;padding:10px;border-radius:10px;border:2px solid rgba(255,255,255,.3);background:rgba(0,0,10,.5);color:#fff;text-transform:uppercase;outline:0;pointer-events:auto}#roomIn:focus{border-color:#3ac9ff}#roomCode{font-size:42px;font-weight:900;font-style:italic;letter-spacing:10px;color:#ffd34d;text-shadow:0 0 20px rgba(255,200,60,.6)}#netstatus{color:#9db8ff;font-size:12px;letter-spacing:2px;text-transform:uppercase;min-height:16px;text-align:center}#netstatus.err{color:#ff6a6a}#tut{position:absolute;bottom:120px;left:50%;transform:translateX(-50%);color:#cdd6ff;font-size:11px;letter-spacing:2px;background:rgba(5,4,18,.6);padding:7px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.15);transition:opacity 1s}#profileBar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center;z-index:1;background:rgba(255,255,255,.045);border:2px solid rgba(255,255,255,.13);border-radius:14px;padding:12px 22px;margin-bottom:20px;pointer-events:auto;max-width:820px}#pfName{font-family:inherit;width:150px;font-size:16px;font-weight:900;font-style:italic;letter-spacing:1px;padding:7px 10px;border-radius:8px;border:2px solid rgba(255,255,255,.22);background:rgba(0,0,10,.5);color:#fff;outline:0;text-transform:uppercase}#pfName:focus{border-color:#ffd34d}.pfstat{text-align:center}.pfstat b{display:block;color:#ffd34d;font-size:17px;font-style:italic}.pfstat span{font-size:8.5px;letter-spacing:2px;color:#8a93c8;text-transform:uppercase}#pfLevelWrap{display:flex;flex-direction:column;gap:3px;min-width:150px}#pfTitle{color:#7dffea;font-size:10px;letter-spacing:2.5px;font-weight:700;text-transform:uppercase}#pfXpBar{height:7px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}#pfXpFill{height:100%;background:linear-gradient(90deg,#7dffea,#3ac9ff);border-radius:4px}#pfDaily{width:100%;text-align:center;font-size:11px;letter-spacing:1.5px;color:#cdd6ff;border-top:1px solid rgba(255,255,255,.1);padding-top:9px;margin-top:2px}#pfDaily b{color:#ffd34d}#pfDaily.done{color:#7dffea}#accountHub{width:min(1040px,96vw);margin:0 auto 18px;padding:0;overflow:hidden;z-index:2;pointer-events:auto;border:1px solid rgba(125,226,255,.28);border-radius:20px;background:linear-gradient(145deg,rgba(11,18,50,.96),rgba(5,7,25,.94));box-shadow:0 24px 60px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08)}#accountTop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(90deg,rgba(125,226,255,.11),transparent 55%)}#accountIdentity{display:flex;align-items:center;gap:11px}.accountAvatar{width:38px;height:38px;display:grid;place-items:center;border:1px solid #7dffea;border-radius:12px;color:#071421;background:linear-gradient(145deg,#7dffea,#3d8fff);font-size:17px;font-weight:900;box-shadow:0 0 22px rgba(125,255,234,.25)}#accountState{color:#dce8ff;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;line-height:1.6}#accountState b{color:#7dffea}#accountState small{display:block;color:#7184b7;font-size:8px;letter-spacing:1.7px}.hubBtn{font-family:inherit;cursor:pointer;border:1px solid rgba(125,226,255,.42);border-radius:9px;padding:8px 11px;color:#eef7ff;background:rgba(58,123,255,.16);font-size:9px;font-weight:900;letter-spacing:.9px;text-transform:uppercase;transition:.16s}.hubBtn:hover{background:rgba(58,123,255,.4);border-color:#7dffea;transform:translateY(-1px)}.hubBtn.playNow{color:#071421;background:linear-gradient(135deg,#9fffee,#3ac9ff);border-color:#bafff2;box-shadow:0 0 16px rgba(61,201,255,.18)}#authForms{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}.authBox,.socialBox{padding:14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09)}.authBox h3,.socialBox h3{color:#ffd34d;font-size:10px;letter-spacing:2px;margin-bottom:9px;text-transform:uppercase}.authFields{display:flex;gap:7px;flex-wrap:wrap}.authFields input,.socialMode{flex:1;min-width:120px;color:#fff;background:#0a102b;border:1px solid rgba(255,255,255,.18);border-radius:9px;padding:9px;outline:0}#socialGrid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:11px;padding:14px 16px 8px}.socialList{max-height:180px;overflow:auto;display:flex;flex-direction:column;gap:7px}.socialRow{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#dce8ff;font-size:10px;padding:9px;border-radius:10px;background:rgba(255,255,255,.045);border:1px solid transparent}.socialRow:hover{border-color:rgba(125,226,255,.2)}.friendIdentity{display:flex;align-items:center;gap:8px}.presenceDot{width:7px;height:7px;border-radius:50%;background:#62f5b0;box-shadow:0 0 8px #62f5b0}.friendActions{display:flex;gap:5px}#quickPlay{display:flex;align-items:center;gap:8px;justify-content:center;flex-wrap:wrap;padding:10px 16px 2px}#quickPlay:before{content:'QUICK MATCH';color:#7184b7;font-size:8px;letter-spacing:2px;font-weight:900}.quickBtn{min-width:108px;padding:9px 14px;border:1px solid rgba(125,226,255,.36);border-radius:999px;color:#dffaff;background:rgba(33,111,170,.18);font-family:inherit;font-weight:900;cursor:pointer;letter-spacing:1px}.quickBtn:hover{background:#7dffea;color:#071421}#accountMsg{min-height:28px;padding:8px 16px 11px;color:#9db8ff;font-size:10px;text-align:center}#accountMsg.err{color:#ff6a7a}@media(max-width:760px){#authForms,#socialGrid{grid-template-columns:1fr}#accountHub{width:100%;border-radius:14px}.socialList{max-height:145px}}.steptitle{color:#fff;font-size:clamp(20px,3.5vw,30px);font-weight:900;font-style:italic;letter-spacing:2px;text-transform:uppercase;margin-bottom:4px;text-shadow:0 0 18px rgba(120,160,255,.5)}.stepsub{color:#8a93c8;font-size:11px;letter-spacing:3px;text-transform:uppercase;margin-bottom:24px}#modes{display:flex;gap:14px;z-index:1;flex-wrap:wrap;justify-content:center;max-width:760px}.mbtn{pointer-events:auto;cursor:pointer;padding:22px 16px;border-radius:14px;color:#aeb8e8;font-weight:900;font-style:italic;font-size:26px;letter-spacing:2px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:2px solid rgba(255,255,255,.16);transition:.15s;text-transform:uppercase;width:160px;text-align:center;position:relative}.mbtn small{display:block;font-size:9.5px;letter-spacing:1.5px;color:#7a83b8;font-style:normal;font-weight:400;text-align:center;margin-top:8px;line-height:1.7}.mbtn:hover{border-color:rgba(255,255,255,.45);color:#fff;transform:translateY(-4px)}.mbtn.sel{color:#1a0b00;background:linear-gradient(180deg,#ffe95c,#ff9a1f);border-color:#ffd34d;box-shadow:0 0 26px rgba(255,170,40,.5);transform:translateY(-4px)}.mbtn.sel small{color:#5e3200}.mbtn .chk{display:none;position:absolute;top:6px;right:10px;font-size:15px}.mbtn.sel .chk{display:block}.menurow{display:flex;gap:14px;margin-top:30px;align-items:center;flex-wrap:wrap;justify-content:center}.menurow #startBtn{margin-top:0}#backBtn{pointer-events:auto;font-family:inherit;font-size:14px;font-weight:900;font-style:italic;letter-spacing:2px;padding:14px 26px;color:#aeb8e8;background:rgba(255,255,255,.06);border:2px solid rgba(255,255,255,.2);border-radius:10px;cursor:pointer;text-transform:uppercase;transition:.15s}#backBtn:hover{color:#fff;border-color:rgba(255,255,255,.5)}#nextBtn{margin-top:28px;z-index:1;pointer-events:auto;font-family:inherit;font-size:20px;font-weight:900;font-style:italic;letter-spacing:3px;padding:16px 54px;color:#1a0b00;background:linear-gradient(180deg,#ffe95c,#ff9a1f);border:none;border-radius:10px;cursor:pointer;box-shadow:0 0 34px rgba(255,160,40,.5),0 5px 0 #a1440a;transition:transform .12s;text-transform:uppercase}#nextBtn:hover{transform:scale(1.05)}#nextBtn:active{transform:scale(.98) translateY(3px)}.slot{pointer-events:auto;cursor:pointer}#touchui{position:absolute;inset:0;pointer-events:none}#joy{position:fixed;width:116px;height:116px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:rgba(255,255,255,.07);display:none;pointer-events:none;z-index:15}#joyknob{position:absolute;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.4);left:33px;top:33px;box-shadow:0 0 12px rgba(255,255,255,.3)}#tbtns{position:fixed;right:12px;bottom:14px;width:196px;height:186px;pointer-events:none;z-index:15}.tbtn{position:absolute;border-radius:50%;background:rgba(18,14,48,.6);border:2px solid rgba(255,255,255,.4);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;pointer-events:auto;touch-action:none;text-shadow:0 1px 3px #000}.tbtn span{font-size:8px;letter-spacing:1px;opacity:.75;font-weight:700}.tbtn.on,.tbtn:active{background:rgba(90,70,180,.75);border-color:#fff;transform:scale(.94)}#tb-atk{width:84px;height:84px;right:8px;bottom:8px;font-size:26px;border-color:#ffb84d}#tb-jump{width:60px;height:60px;right:104px;bottom:14px;font-size:19px}#tb-dash{width:60px;height:60px;right:96px;bottom:86px;font-size:19px}#tb-block{width:56px;height:56px;right:18px;bottom:104px;font-size:17px}#tb-lock{width:46px;height:46px;right:150px;bottom:140px;font-size:15px;border-color:#ff5c9a}#tb-grab{width:50px;height:50px;right:84px;bottom:158px;font-size:16px;border-color:#ffb84d}#menuTools{position:fixed;top:14px;right:14px;z-index:140;display:flex;gap:8px;pointer-events:auto}.toolbtn{min-height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.24);border-radius:10px;color:#e9efff;background:rgba(8,7,28,.82);letter-spacing:1.2px;cursor:pointer;text-transform:uppercase}.toolbtn:hover{border-color:#7dffea;color:#7dffea}#onlineCount{color:#7dffea;cursor:default}.modal{position:fixed;inset:0;z-index:210;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(3,2,14,.78);backdrop-filter:blur(9px);pointer-events:auto}.modalCard{width:min(620px,96vw);max-height:90vh;overflow:auto;padding:22px;border:1px solid rgba(125,255,234,.38);border-radius:16px;color:#e9efff;background:linear-gradient(180deg,#141235,#08071d);box-shadow:0 24px 70px #000}.modalCard h2{margin-bottom:4px;color:#fff;font-size:24px;font-style:italic}.modalCard h3{margin:18px 0 8px;color:#7dffea;font-size:11px;letter-spacing:2px;text-transform:uppercase}.settingRow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.09);font-size:12px}.settingRow input,.settingRow select{accent-color:#7dffea;min-width:150px}.settingActions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.cosmeticBtn,.settingActions button{padding:10px 14px;border:1px solid rgba(255,255,255,.25);border-radius:9px;color:#fff;background:#242052;letter-spacing:1px;cursor:pointer;text-transform:uppercase}#controlEditor{position:fixed;inset:0;z-index:180;pointer-events:none;outline:rgba(125,255,234,.55) dashed 3px;outline-offset:-10px}body.edit-controls #slots,body.edit-controls #tbtns{pointer-events:auto!important}body.edit-controls .slot,body.edit-controls .tbtn{box-shadow:0 0 0 2px #7dffea,0 0 22px rgba(125,255,234,.6);touch-action:none}body.clean-spectate #hud,body.clean-spectate #spectateBadge,body.clean-spectate #spectateBtn,body.clean-spectate #spectatePanel{opacity:0!important;pointer-events:none!important}body.quality-low #speedlines,body.quality-low #vignette{display:none!important}#cosmeticShelf{width:min(820px,96vw);margin:0 auto 18px;padding:11px 14px;z-index:1;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.035);color:#aeb8e8;font-size:10px;text-align:center;letter-spacing:1px}#cosmeticShelf b{color:#ffd34d}#privacyNotice{position:fixed;left:14px;right:14px;bottom:14px;z-index:230;max-width:720px;margin:auto;padding:14px;border:1px solid rgba(125,255,234,.4);border-radius:12px;background:#090820;color:#dce8ff;font-size:11px;line-height:1.5;pointer-events:auto;box-shadow:0 14px 42px #000}#privacyNotice .settingActions{margin-top:9px}@media (pointer:coarse){#botbar{left:10px;bottom:auto;top:56px;transform:none;flex-direction:column;align-items:flex-start;gap:8px}#plate{width:46vw;max-width:250px}#pname{font-size:12px}.barwrap .bar{height:12px}#slots{position:fixed;right:10px;bottom:210px;flex-direction:column;gap:8px;z-index:15}.slot{width:56px;height:56px}#score{top:10px;right:10px;width:150px}.srow .nm{font-size:9.5px}.srow .ko{font-size:12px}#timer{font-size:24px}#objective{font-size:8px}#feed{top:56px;left:auto;right:170px}.fitem{font-size:9.5px}#combo{right:auto;left:12px;top:44%}#comboN{font-size:38px}#announcer{font-size:26px}#tut{bottom:auto;top:110px;font-size:9px}#controls{display:none}.card{width:190px;padding:10px}.abl{font-size:9px}.title{font-size:34px}}