:root{--acc: #46e0ff;--acc2: #b15cff;--gold: #ffc24a;--bg: #0a0e1a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);font-family:Segoe UI,system-ui,sans-serif;color:#fff;user-select:none}#c{position:fixed;inset:0;width:100%;height:100%;display:block}#vignette{position:fixed;inset:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.32) 100%);transition:background .25s}#vignette.fast{background:radial-gradient(ellipse at center,transparent 42%,rgba(10,30,60,.5) 100%)}#ui{position:fixed;inset:0;pointer-events:none;z-index:10}#ui .on{pointer-events:auto}#intro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;background:radial-gradient(circle at 50% 32%,#36b6ff,#1a78e0 32%,#0e4bb0 60%,#06277a);pointer-events:auto;overflow:hidden}#intro:before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0 40px,transparent 40px 130px);transform:rotate(2deg);pointer-events:none}#intro:after{content:"TOON ROYALE";font-family:Anton,Impact,sans-serif;font-size:clamp(48px,11vw,150px);letter-spacing:3px;color:#fff;text-shadow:0 6px 0 #0b3a8a,0 10px 26px rgba(0,0,0,.5);position:absolute;top:12%;transform:skew(-6deg);-webkit-text-stroke:2px #0a2a66}#intro .title{font-family:Fredoka,system-ui,sans-serif;font-size:22px;letter-spacing:3px;font-weight:700;color:#eaf4ff;opacity:.95;text-transform:uppercase;text-shadow:0 2px 6px rgba(0,0,0,.4);z-index:1;margin-top:8%}#intro .cards{display:flex;gap:18px}.pcard{width:150px;height:210px;border-radius:16px;background:linear-gradient(160deg,#1b2746,#0d1325);border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:14px;opacity:0;transform:translateY(30px) scale(.9);animation:cardIn .5s forwards;position:relative;overflow:hidden}.pcard:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,var(--glow, #46e0ff44),transparent 60%)}.pcard .av{width:84px;height:84px;border-radius:50%;margin-bottom:auto;margin-top:18px;background:var(--c, #46e0ff);box-shadow:0 0 30px var(--c, #46e0ff)}.pcard .nm{font-weight:800;font-size:15px;z-index:1}.pcard .lv{font-size:11px;opacity:.7;z-index:1}@keyframes cardIn{to{opacity:1;transform:none}}#lobby{position:absolute;inset:0;display:none;background:radial-gradient(ellipse 85% 75% at 72% 36%,#16243f,#0c1120 58%,#080b16)}#lobby.show{display:block}#lobby .topbar{position:absolute;top:0;left:0;right:0;height:64px;display:flex;align-items:center;padding:0 18px;gap:14px;background:linear-gradient(180deg,rgba(8,12,24,.97) 35%,rgba(8,12,24,.45) 82%,transparent);border-bottom:1px solid rgba(255,255,255,.06)}#lobby .logo{font-family:Anton,Impact,sans-serif;font-size:34px;font-weight:400;letter-spacing:2px;transform:skew(-6deg);background:linear-gradient(90deg,var(--acc),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}#lobby .tabs{display:flex;gap:6px}.tab{padding:9px 15px;border-radius:10px;font-weight:800;font-size:14px;background:#ffffff0f;border:1px solid transparent;cursor:pointer;pointer-events:auto}.tab.active{background:linear-gradient(90deg,var(--acc),var(--acc2));color:#06121a}#lobby .coins{margin-left:auto;display:flex;gap:9px;align-items:center;font-weight:800}#lobby .coins .pill{background:#0006;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:6px 11px;white-space:nowrap}#lobby .coins .pill.nav{font-size:17px;line-height:1;padding:7px 10px}#lobby .coins .pill.nav:hover{background:#46e0ff2e;border-color:#46e0ff66}#preview{position:absolute;left:0;top:64px;bottom:0;width:42%;background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.09),rgba(70,224,255,.05) 38%,transparent 58%)}#preview canvas{width:100%;height:100%;display:block}#playername{position:absolute;left:40px;bottom:130px;font-size:30px;font-weight:900;text-shadow:0 3px 10px #000}#playerlevel{position:absolute;left:40px;bottom:104px;font-size:14px;opacity:.8}#panel{position:absolute;right:0;top:64px;bottom:96px;width:58%;padding:20px 26px 56px;overflow:hidden;border-left:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 22%)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px}.item{border-radius:10px;background:linear-gradient(160deg,#1a2440,#0e1424);border:2px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;pointer-events:auto;position:relative;padding:5px;text-align:center;min-height:56px}.item:hover{border-color:var(--acc)}.item.equipped{border-color:var(--gold);box-shadow:0 0 16px #ffc24a66}.item.locked{opacity:.85}.item .swatch{width:26px;height:26px;border-radius:7px}.item .nm{font-size:9px;font-weight:700;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.item .cost{font-size:8px;color:var(--gold)}.item .lockico{position:absolute;top:3px;right:4px;font-size:9px}.item.rarity-rare{background:linear-gradient(160deg,#16335a,#0e1424)}.item.rarity-epic{background:linear-gradient(160deg,#3a1a5a,#0e1424)}.item.rarity-legendary{background:linear-gradient(160deg,#5a4416,#0e1424)}#playbar{position:absolute;right:30px;bottom:24px;width:calc(58% - 60px);display:flex;gap:14px;align-items:center}.gamemodes{display:flex;gap:6px;position:absolute;left:0;top:-44px}.gmchip{padding:7px 14px;border-radius:10px;font-weight:800;font-size:13px;background:#ffffff0f;border:2px solid rgba(255,255,255,.12);pointer-events:auto;cursor:pointer}.gmchip:hover{border-color:#ffffff4d}.gmchip.active{background:linear-gradient(90deg,var(--gold),#ff8a3c);color:#1a1008;border-color:#fff}.gmchip.locked{opacity:.35;cursor:not-allowed;filter:grayscale(.6)}.gmchip.locked:hover{border-color:#ffffff1f}.mode-sel{display:flex;gap:10px}.modechip{width:92px;padding:12px 8px;border-radius:14px;background:#ffffff0f;border:2px solid rgba(255,255,255,.12);cursor:pointer;pointer-events:auto;text-align:center;transition:transform .12s,border-color .12s}.modechip:hover{transform:translateY(-3px);border-color:#ffffff4d}.modechip.active{background:linear-gradient(160deg,var(--acc),var(--acc2));color:#06121a;border-color:#fff;box-shadow:0 6px 20px #46e0ff66}.modechip.locked{opacity:.38;pointer-events:none;filter:grayscale(.7)}.modechip .mi{font-size:26px;line-height:1}.modechip .ml{font-weight:900;font-size:15px;margin-top:4px}.modechip .ms{font-size:10px;opacity:.75}#playgroup{margin-left:auto;display:flex;align-items:center;gap:13px}#playbtn{padding:16px 60px;font-size:22px;font-weight:900;border:none;border-radius:14px;cursor:pointer;pointer-events:auto;background:linear-gradient(90deg,#ffd23a,#ff7a3a);color:#1a1206;box-shadow:0 8px 30px #ff8c2873;letter-spacing:1px}#playbtn:active{transform:translateY(2px)}#editor{position:absolute;left:40px;bottom:30px;display:flex;gap:10px}#editor .sk{display:flex;flex-direction:column;align-items:center;font-size:10px;gap:3px;pointer-events:auto;cursor:pointer}#editor input{pointer-events:auto;cursor:pointer}#editor input[type=color]{width:40px;height:32px;border:none;border-radius:8px;background:none;cursor:pointer;pointer-events:auto}#editor input[type=checkbox]{width:18px;height:18px}#dropui{position:absolute;inset:0;display:none;align-items:flex-end;justify-content:center;padding-bottom:60px;pointer-events:none}#dropui.show{display:flex}#dropbtn{padding:18px 70px;font-size:26px;font-weight:900;border:none;border-radius:16px;cursor:pointer;pointer-events:auto;background:linear-gradient(90deg,#46e0ff,#b15cff);color:#06121a;box-shadow:0 8px 30px #46e0ff80;animation:pulse 1.2s infinite}@keyframes pulse{50%{transform:scale(1.06)}}#bushint{position:fixed;left:50%;top:17%;z-index:55;display:flex;flex-direction:column;gap:13px;align-items:center;text-align:center;pointer-events:none;opacity:0;transform:translate(-50%) translateY(-10px) scale(.9);transition:opacity .45s ease,transform .45s cubic-bezier(.34,1.56,.64,1)}#bushint.show{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.bhc{font-size:23px;font-weight:800;color:#fff;letter-spacing:.4px;display:flex;align-items:center;gap:11px;text-shadow:0 3px 0 rgba(0,0,0,.4),0 0 16px rgba(0,0,0,.55)}.bhk{display:inline-block;padding:7px 18px;border-radius:13px;font-weight:900;font-size:21px;letter-spacing:1.5px;background:linear-gradient(180deg,#ffe24d,#ffae1f);color:#3a2400;border:3px solid #fff;box-shadow:0 5px #00000059,0 0 18px #ffc83c99;animation:bhbob 1.5s ease-in-out infinite}@keyframes bhbob{50%{transform:translateY(-5px)}}#hud{position:absolute;inset:0;display:none}#hud.show{display:block}#nameplate{position:absolute;left:14px;top:72px;z-index:13;width:188px;background:#0c121eb8;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:6px 10px 8px;pointer-events:none;box-shadow:0 4px 14px #0006}#nameplate .npname{display:flex;justify-content:space-between;align-items:center;font-weight:900;font-size:15px}#nameplate .npname #np-name{color:#fff;text-shadow:0 1px 2px #000;background:linear-gradient(90deg,#46e06a,transparent);padding:1px 6px;border-radius:4px}#nameplate .npname #np-rank{color:#cfe3ff;font-size:17px}#nameplate .npxp{height:5px;background:#00000080;border-radius:3px;margin:5px 0 6px;overflow:hidden}#nameplate .npxp>i{display:block;height:100%;width:30%;background:linear-gradient(90deg,#46e06a,#8ef5a0)}#nameplate .nprow{display:flex;align-items:center;gap:6px;font-weight:800;font-size:14px}#nameplate .np-lvl{background:#e8922a;color:#1a1008;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}#nameplate .np-cube{font-size:14px}#nameplate #np-mat{color:#ffe0a0}#topright{position:absolute;right:14px;top:12px;z-index:13;display:flex;align-items:flex-start;gap:8px;pointer-events:none}#netstats{text-align:right;font-size:11px;font-weight:700;color:#d8f0c0;text-shadow:0 1px 2px #000;margin-top:4px}#netstats #pingline{color:#9fe0ff}#minimap{width:150px;height:150px;border-radius:10px;border:2px solid rgba(255,255,255,.18);background:#1b3a5c;box-shadow:0 4px 14px #00000073}#statboxes{display:flex;flex-direction:column;gap:8px}.sbox{width:44px;background:#0c121eb8;border:1px solid rgba(255,255,255,.14);border-radius:8px;text-align:center;padding:4px 0}.sbox b{display:block;font-size:18px;font-weight:900;color:#fff;text-shadow:0 1px 2px #000}.sbox small{font-size:9px;opacity:.7;text-transform:uppercase;letter-spacing:.5px}#fps{position:absolute;left:14px;bottom:8px;z-index:12;font-size:12px;font-weight:700;color:#cfe3a0;text-shadow:0 1px 2px #000;pointer-events:none}#teamhud{position:fixed;left:16px;top:150px;z-index:12;display:flex;flex-direction:column;gap:8px;pointer-events:none}#teamhud .trow{display:flex;align-items:center;gap:8px;background:#080e1a8c;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:6px 10px 6px 6px;width:188px;transition:opacity .2s}#teamhud .trow.dead{opacity:.4}#teamhud .trow.downed{border-color:#ff5a5a}#teamhud .tav{width:30px;height:30px;border-radius:8px;flex:0 0 auto;box-shadow:0 0 8px #0006}#teamhud .tinfo{flex:1;min-width:0}#teamhud .tname{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px #000;margin-bottom:3px}#teamhud .tlvl{font-size:10px;opacity:.7;font-weight:700}#teamhud .tdown{color:#ff5a5a;font-size:10px}#teamhud .tout{color:#999;font-size:10px}#teamhud .tbar{height:6px;border-radius:4px;background:#00000080;overflow:hidden;margin-top:2px}#teamhud .tbar>i{display:block;height:100%;transition:width .15s}#teamhud .tbar.hp>i{background:linear-gradient(90deg,#3fae57,#7df59a)}#teamhud .tbar.sh>i{background:linear-gradient(90deg,#2f7fd6,#7fd4ff)}#compass{position:absolute;left:50%;top:14px;transform:translate(-50%);width:440px;height:30px;overflow:hidden;background:#080e1a80;border:1px solid rgba(255,255,255,.14);border-radius:8px}#compass .cmark{position:absolute;left:50%;top:0;width:2px;height:30px;background:#fff;transform:translate(-50%);opacity:.85}#compass .ctick{position:absolute;top:4px;transform:translate(-50%);font-size:13px;font-weight:800;color:#cfe3ff;text-shadow:0 1px 2px #000;white-space:nowrap}#compass .ctick.sub{font-size:9px;opacity:.55;top:9px}#compass .cpip{position:absolute;top:2px;transform:translate(-50%);font-size:13px}#compass .cpip i{display:block;width:10px;height:10px;border-radius:50%;box-shadow:0 0 6px currentColor}#landname{position:absolute;left:50%;top:48px;transform:translate(-50%);font-size:13px;font-weight:800;letter-spacing:1px;color:#ffe0a0;text-shadow:0 1px 4px #000;pointer-events:none}#crosshair{position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-50%,-50%)}#crosshair i{filter:drop-shadow(0 0 1px rgba(0,0,0,.7))}#vitals{position:absolute;left:16px;bottom:16px;width:280px}.bar{height:18px;border-radius:9px;background:#00000080;overflow:hidden;margin-top:6px;border:1px solid rgba(255,255,255,.12)}.bar>i{display:block;height:100%}.bar.hp>i{background:linear-gradient(90deg,#3fae57,#7df59a)}.bar.sh>i{background:linear-gradient(90deg,#2f7fd6,#7fd4ff)}.bar.st{height:10px}.bar.st>i{background:linear-gradient(90deg,#c8a23a,#ffe08a);transition:width .08s}#speed{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#00000080;padding:5px 16px;border-radius:10px;font-weight:800}#zonemsg{position:absolute;top:48px;left:50%;transform:translate(-50%);background:#7a3bd6cc;padding:5px 16px;border-radius:9px;font-weight:700;font-size:14px}#zonemsg.danger{background:#ff5a5ad9}#pleft{position:absolute;top:14px;right:16px;background:#0000008c;padding:6px 14px;border-radius:10px;font-weight:700}#pleft b{color:var(--gold);font-size:18px}#killfeed{position:absolute;top:204px;right:14px;display:flex;flex-direction:column;gap:4px;align-items:flex-end}.kf{background:#00000080;border-radius:6px;padding:3px 9px;font-size:12px}.kf .v{color:#ff6a6a}.kf .hs{color:var(--gold)}#vrow{font-size:13px;opacity:.9;margin-top:6px;font-weight:700}#ammotxt{color:var(--gold)}#buildbar{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:8px;align-items:center;opacity:.55;transition:opacity .15s}#buildbar.on{opacity:1}.bp{width:50px;height:48px;border-radius:10px;background:#00000080;border:2px solid rgba(255,255,255,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;position:relative}.bp.active{border-color:var(--acc);box-shadow:0 0 12px #46e0ff80}.bp small{position:absolute;top:2px;right:4px;font-size:9px;opacity:.6}#tiertxt{background:#0000008c;border-radius:8px;padding:6px 12px;font-weight:800;color:var(--gold)}#scope{position:fixed;inset:0;pointer-events:none;z-index:9;display:none}#scope.on{display:block}#scope>i{position:absolute;left:50%;top:50%;display:none}#scope .dot{width:4px;height:4px;border-radius:50%;transform:translate(-50%,-50%)}#scope.sniper{animation:scopeSway 4.5s ease-in-out infinite}#scope.sniper .lens{display:block;width:74vmin;height:74vmin;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 0 100vmax #000000f0,inset 0 0 50px 18px #0000008c;border:3px solid #080808}#scope.sniper .ring{display:block;width:70vmin;height:70vmin;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(120,140,120,.18)}#scope.sniper .vert{display:block;width:1.5px;height:74vmin;transform:translate(-50%,-50%);background:linear-gradient(#0c100c00,#0c100cd9 43% 57%,#0c100c00)}#scope.sniper .horz{display:block;height:1.5px;width:74vmin;transform:translate(-50%,-50%);background:linear-gradient(90deg,#0c100c00,#0c100cd9 43% 57%,#0c100c00)}#scope.sniper .dot{display:block;background:#14181a;width:5px;height:5px}#scope.dmr .lens{display:block;width:56vmin;height:56vmin;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 0 100vmax #000000b3,inset 0 0 40px 12px #0006;border:2px solid #0c0c0c}#scope.dmr .vert{display:block;width:1.5px;height:46px;transform:translate(-50%,-50%);background:#19d36ad9}#scope.dmr .horz{display:block;height:1.5px;width:46px;transform:translate(-50%,-50%);background:#19d36ad9}#scope.dmr .dot{display:block;background:#19d36a;width:4px;height:4px;box-shadow:0 0 6px #19d36a}#scope.reddot .reflex{display:block;width:96px;height:96px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid rgba(255,70,70,.4);box-shadow:0 0 0 100vmax #0000001a,0 0 16px #ff282833}#scope.reddot .dot{display:block;background:#ff3b3b;width:7px;height:7px;box-shadow:0 0 8px 2px #ff3c3cf2}#scope.holo .reflex{display:block;width:60px;height:60px;transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid rgba(80,255,160,.5);box-shadow:0 0 12px #3cff8c4d}#scope.holo .dot{display:block;background:#46ffa0;width:6px;height:6px;box-shadow:0 0 8px 2px #46ff96e6}#scope.iron .b1{display:block;width:5px;height:22px;transform:translate(calc(-50% - 13px),-50%);background:#0d0d12;border-radius:2px;box-shadow:0 0 0 1px #ffffff4d}#scope.iron .b2{display:block;width:5px;height:22px;transform:translate(calc(-50% + 13px),-50%);background:#0d0d12;border-radius:2px;box-shadow:0 0 0 1px #ffffff4d}#scope.iron .post{display:block;width:5px;height:13px;transform:translate(-50%,calc(-50% + 13px));background:#15151c;border-radius:2px;box-shadow:0 0 0 1px #ffffff52}#scope.iron .dot{display:block;background:#ffd23a;width:6px;height:6px;box-shadow:0 0 7px 1px #ffd23cf2}#scope.rocket .b{display:block;width:26px;height:26px;border:2px solid rgba(255,160,60,.85)}#scope.rocket .b1{transform:translate(-150%,-150%);border-right:none;border-bottom:none}#scope.rocket .b2{transform:translate(50%,-150%);border-left:none;border-bottom:none}#scope.rocket .b3{transform:translate(-150%,50%);border-right:none;border-top:none}#scope.rocket .b4{transform:translate(50%,50%);border-left:none;border-top:none}#scope.rocket .vert{display:block;width:2px;height:30px;transform:translate(-50%,-50%);background:#ffa03c73}#scope.rocket .horz{display:block;height:2px;width:30px;transform:translate(-50%,-50%);background:#ffa03c73}#scope.rocket .dot{display:block;background:#ffa83a;width:6px;height:6px;box-shadow:0 0 8px #ffa83a}#scope.tech .reflex{display:block;width:80px;height:80px;transform:translate(-50%,-50%);border-radius:50%;border:1.5px dashed rgba(120,230,255,.7);box-shadow:0 0 16px #64dcff59}#scope.tech .ring{display:block;width:28px;height:28px;transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid rgba(120,230,255,.5)}#scope.tech .dot{display:block;background:#8fe6ff;width:5px;height:5px;box-shadow:0 0 8px 2px #8ce6ffe6}@keyframes scopeSway{0%,to{transform:translate(0)}25%{transform:translate(.5%,-.4%)}75%{transform:translate(-.5%,.4%)}}#scopehit{position:fixed;left:50%;top:50%;width:30px;height:30px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:10;opacity:0;border:2px solid #fff}#scopehit.show{animation:scopehit .34s ease-out}#scopehit.head{border-color:#ffd23a}#scopehit.kill{border-color:#ff4040;box-shadow:0 0 10px #ff4040cc}@keyframes scopehit{0%{opacity:.95;transform:translate(-50%,-50%) scale(.4)}to{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}#hitmarker{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%) rotate(45deg);opacity:0}#hitmarker.show{animation:hm .25s}#hitmarker:before,#hitmarker:after{content:"";position:absolute;background:#fff}#hitmarker:before{left:50%;top:0;width:2px;height:100%;transform:translate(-50%)}#hitmarker:after{top:50%;left:0;height:2px;width:100%;transform:translateY(-50%)}@keyframes hm{0%{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(.5)}to{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(1.3)}}#hitmarker.head:before,#hitmarker.head:after{background:#ffd23a}#hitmarker.kill:before,#hitmarker.kill:after{background:#ff4040;box-shadow:0 0 4px #ff4040}#hitmarker.kill{width:30px;height:30px}#emotehint{position:absolute;left:16px;top:14px;font-size:12px;opacity:.55;max-width:360px}#hotbar{position:absolute;left:50%;bottom:70px;transform:translate(-50%);display:flex;gap:8px;align-items:flex-end}#hotbar .slot{width:72px;height:64px;border-radius:12px;background:#00000080;border:2px solid rgba(255,255,255,.16);position:relative;transition:transform .12s,box-shadow .12s}#hotbar .slot.active{transform:translateY(-10px) scale(1.18);border-width:3px;box-shadow:0 0 22px #46e0ffd9,0 6px 16px #0009;background:#0a1423b3;z-index:2}#hotbar .slot .ic{position:absolute;inset:6px;background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;align-items:center;justify-content:center}#hotbar .slot .n{position:absolute;left:5px;top:3px;font-size:11px;font-weight:800;opacity:.55}#hotbar .slot .am{position:absolute;right:5px;bottom:3px;font-size:13px;color:var(--gold);font-weight:900;text-shadow:0 1px 3px #000}#curweap{position:absolute;left:50%;bottom:144px;transform:translate(-50%);font-size:22px;font-weight:900;letter-spacing:.5px;text-shadow:0 2px 8px #000,0 0 14px rgba(0,0,0,.7);white-space:nowrap;pointer-events:none;transition:color .1s}#curweap .am{font-size:16px;opacity:.9;margin-left:8px;color:#fff}#nadeind{position:absolute;right:16px;bottom:74px;background:#00000080;padding:5px 12px;border-radius:9px;font-weight:800}#fpsov{position:fixed;right:12px;top:12px;z-index:30;background:#0000008c;color:#4fd16a;padding:3px 10px;border-radius:7px;font:700 13px system-ui;display:none}#settings{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#060a14cc;pointer-events:auto;z-index:15}#settings.show{display:flex}.setcard{background:#101826f5;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:24px 30px;width:min(420px,92vw);display:flex;flex-direction:column;gap:12px}.setcard h2{margin:0 0 6px;text-align:center}.srow{display:flex;align-items:center;gap:12px;font-size:14px}.srow label{flex:0 0 140px;opacity:.85}.srow input[type=range]{flex:1;accent-color:var(--acc)}.srow select{flex:1;padding:6px;border-radius:8px;background:#0006;color:#fff;border:1px solid rgba(255,255,255,.2)}#s-close{margin-top:8px;padding:12px;border:none;border-radius:10px;cursor:pointer;background:linear-gradient(90deg,#46e0ff,#b15cff);color:#06121a;font-weight:800}#setbtn{cursor:pointer}#prompt{position:absolute;left:50%;top:60%;transform:translate(-50%);background:#0009;padding:6px 16px;border-radius:10px;font-weight:700;font-size:15px;display:none}#prompt.show{display:block}#toast{position:absolute;left:50%;bottom:90px;transform:translate(-50%);display:flex;flex-direction:column;gap:4px;align-items:center}.toast-i{background:#0009;border-radius:8px;padding:5px 14px;font-size:14px;font-weight:700}#endscreen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#0a101ed9,#04060cf7);pointer-events:auto;z-index:20}.endcard{text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center}.endcard .big{font-size:64px;font-weight:900;letter-spacing:2px}.endcard.win .big{color:var(--gold);text-shadow:0 0 30px rgba(255,194,74,.6)}.endcard.lose .big{color:#ff5a5a}.endcard .sub{font-size:20px;opacity:.9}.endcard .rew{font-size:16px;color:var(--acc);font-weight:800}#backbtn{margin-top:10px;padding:14px 44px;font-size:20px;font-weight:900;border:none;border-radius:12px;cursor:pointer;background:linear-gradient(90deg,#46e0ff,#b15cff);color:#06121a}#mapwrap{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:60;background:#040a14b8;backdrop-filter:blur(6px)}#mapwrap.show{display:flex}.mapcard{background:linear-gradient(180deg,#0f2238,#0a1626);border:1px solid rgba(120,200,255,.25);border-radius:18px;padding:16px 18px 14px;box-shadow:0 30px 80px #0009}.maphd{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:10px}.maphd span{font-size:24px;font-weight:900;letter-spacing:3px;color:#eaf6ff}.maphd small{font-size:12px;opacity:.7;color:#bcd6ee}#mapcv{display:block;border-radius:12px;cursor:crosshair;box-shadow:inset 0 0 0 2px #78c8ff33;width:min(78vh,78vw);height:min(78vh,78vw)}.maplegend{display:flex;gap:16px;justify-content:center;margin-top:12px}.maplegend .lg{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#dcebfb;opacity:.92}.maplegend .lg i{width:14px;height:14px;border-radius:4px;border:2px solid #fff}#settings .setcard,#quests .setcard{width:min(480px,94vw);max-height:88vh;overflow-y:auto}.settabs{display:flex;gap:6px;margin-bottom:6px}.stab{flex:1;text-align:center;padding:8px 4px;border-radius:10px;background:#00000059;cursor:pointer;font-size:13px;font-weight:700;opacity:.7}.stab.active{background:linear-gradient(90deg,#46e0ff,#b15cff);color:#06121a;opacity:1}.srow input[type=color]{flex:1;height:30px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:8px}.chprev{position:relative;height:90px;margin-top:6px;border-radius:10px;background:#16324a}.krow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0;font-size:14px;border-bottom:1px solid rgba(255,255,255,.06)}.kbtn{min-width:70px;padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#0006;color:#fff;font-weight:800;cursor:pointer}.kbtn.listening{background:var(--acc);color:#06121a}.khint{display:block;opacity:.6;margin-top:8px;font-size:12px}button.danger{background:linear-gradient(90deg,#ff5a5a,#c0392b)!important;color:#fff!important}#quests{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#060a14cc;pointer-events:auto;z-index:16}#quests.show{display:flex}.qsec{font-weight:900;margin:12px 0 6px;color:var(--acc);letter-spacing:1px}.qrow{background:#0000004d;border-radius:10px;padding:10px 12px;margin-bottom:8px}.qrow.done{box-shadow:inset 0 0 0 1px var(--gold)}.qd{font-size:14px;font-weight:700;margin-bottom:6px}.qbar{height:8px;border-radius:5px;background:#ffffff1f;overflow:hidden}.qbar i{display:block;height:100%;background:linear-gradient(90deg,#46e0ff,#b15cff)}.qmeta{font-size:12px;opacity:.85;margin-top:5px}#ach{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#060a14cc;pointer-events:auto;z-index:16}#ach.show{display:flex}#friends{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#060a14cc;pointer-events:auto;z-index:16}#friends.show{display:flex}#drawpanel{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#060a14d9;pointer-events:auto;z-index:18}#drawpanel.show{display:flex}#searching{display:none;align-items:center;gap:9px;background:#0c121ed9;border:1px solid rgba(70,224,255,.4);border-radius:12px;padding:7px 12px;pointer-events:none;box-shadow:0 4px 16px #0006}#spectate{position:fixed;left:50%;bottom:220px;transform:translate(-50%);z-index:62;text-align:center;pointer-events:none;font-family:inherit}#spectate .spectop{display:inline-block;font-size:20px;font-weight:900;color:#fff;letter-spacing:.5px;text-shadow:0 2px 8px #000;background:#080e1a99;padding:7px 20px;border-radius:12px}#spectate .spectop b{color:#9fd3e8}#spectate .specbtns{margin-bottom:11px;display:flex;gap:11px;justify-content:center;pointer-events:auto}#spectate .specbtns button{padding:10px 20px;font-size:14px;font-weight:800;border-radius:11px;cursor:pointer;border:1px solid rgba(255,255,255,.22);background:#ffffff1f;color:#fff}#spectate .specbtns button.danger{background:#ff5a5a38;border-color:#ff5a5a8c}#searching.show{display:flex}#searching .srchspin{width:20px;height:20px;border:3px solid rgba(255,255,255,.18);border-top-color:var(--acc);border-radius:50%;animation:srchspin .9s linear infinite;flex:none}#searching .srchtxt{display:flex;flex-direction:column;line-height:1.15}#searching .srchtxt b{color:#fff;font-size:13px;white-space:nowrap}#searching #srchinfo{color:#9fd3e8;font-size:11px;white-space:nowrap}#searching #srchcancel{pointer-events:auto;padding:5px 11px;border:1px solid rgba(255,255,255,.2);border-radius:9px;background:#ffffff14;color:#fff;font-weight:800;font-size:12px;cursor:pointer}@keyframes srchspin{to{transform:rotate(360deg)}}#matchload{position:fixed;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:22px;z-index:210;background:radial-gradient(circle at 50% 35%,#16335a,#0a1426 72%);pointer-events:auto}#matchload.show{display:flex}#matchload .lt{font-family:Anton,Impact,sans-serif;font-size:clamp(40px,11vw,120px);letter-spacing:3px;color:#fff;transform:skew(-6deg);text-shadow:0 4px 18px rgba(0,0,0,.6)}#matchload .lspin{width:38px;height:38px;border-radius:50%;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;animation:srchspin .8s linear infinite}#matchload .lbarwrap{width:min(360px,70vw);height:9px;border-radius:6px;background:#00000052;overflow:hidden;box-shadow:inset 0 0 0 1px #fff3}#matchload .lbar{height:100%;width:6%;background:linear-gradient(90deg,#46e0ff,#ffd23a);box-shadow:0 0 12px #46e0ff;transition:width 1.1s ease-out}#matchload .ltip{font:600 14px Fredoka,system-ui;color:#dcebfb;opacity:.92}.drawcard{display:flex;flex-direction:column;align-items:center;gap:10px}.drawtabs{display:flex;gap:8px}.dtab{padding:7px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#fff;font-weight:800;cursor:pointer}.dtab.active{background:linear-gradient(90deg,var(--acc),var(--acc2));color:#06121a}.drawstage{display:flex;align-items:center;justify-content:center;padding:6px;background:#0000004d;border-radius:12px}#drawcv{width:240px;height:auto;image-rendering:pixelated;background-size:100% 100%;background-repeat:no-repeat;border-radius:8px;cursor:crosshair;touch-action:none;box-shadow:0 0 0 1px #ffffff1f}.drawtools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:center;max-width:360px}.dpal{display:flex;gap:4px;flex-wrap:wrap}.dsw{width:22px;height:22px;border-radius:6px;cursor:pointer;border:2px solid rgba(255,255,255,.25)}.dsw:hover{border-color:#fff;transform:scale(1.1)}.drawtools input[type=color]{width:34px;height:30px;border:none;border-radius:8px;background:none;cursor:pointer}.dsz{display:flex;align-items:center;gap:5px;font-size:11px;color:#cfe3ff;font-weight:700}.drawtools button{padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff12;color:#fff;font-weight:800;font-size:12px;cursor:pointer}#ach .setcard{width:min(480px,94vw);max-height:88vh;overflow-y:auto}.arow{display:flex;gap:11px;align-items:center;background:#0000004d;border-radius:10px;padding:9px 12px;margin-bottom:8px;opacity:.62}.arow.done{opacity:1;box-shadow:inset 0 0 0 1px var(--gold);background:#ffc24a1a}.arow .aic{font-size:26px;flex:0 0 32px;text-align:center;filter:grayscale(1)}.arow.done .aic{filter:none}.arow .abody{flex:1;min-width:0}.arow .adesc{font-weight:600;opacity:.6;font-size:12px}.lbtns{flex:1;display:flex;gap:6px;flex-wrap:wrap}.lbtn{padding:6px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#0006;color:#cfe0f5;font-weight:700;cursor:pointer;font-size:13px}.lbtn:hover{background:#46e0ff2e}#legal{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#060a14d9;pointer-events:auto;z-index:17}#legal.show{display:flex}#legal .setcard{width:min(560px,94vw);max-height:86vh;overflow-y:auto;text-align:left}#legalbody{font-size:13px;line-height:1.5;opacity:.92}#legalbody h3{margin:12px 0 4px;font-size:14px;color:var(--acc)}#legalbody p{margin:0 0 8px}.ldraft{background:#ffa03c1f;color:#ffb04a;padding:8px 10px;border-radius:8px;font-size:12px}.qmeta b{color:var(--gold)}#pausemenu{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#060a14c7;backdrop-filter:blur(4px);pointer-events:auto;z-index:40}#pausemenu.show{display:flex}#pausemenu .setcard{width:min(320px,90vw)}#pausemenu button{padding:13px;font-size:16px;font-weight:800;border:none;border-radius:10px;cursor:pointer;background:linear-gradient(90deg,#46e0ff,#b15cff);color:#06121a}.dmgind{position:absolute;left:50%;top:50%;width:0;height:0;transform-origin:0 0;pointer-events:none}.dmgind i{position:absolute;left:-54px;top:-150px;width:108px;height:60px;background:radial-gradient(ellipse at 50% 100%,#ff2828e6,#ff282800 70%);clip-path:polygon(50% 0,100% 100%,0 100%);transform:translate(0);animation:dmgFade 1.1s ease-out forwards;filter:drop-shadow(0 0 6px rgba(255,0,0,.8))}@keyframes dmgFade{0%{opacity:0}12%{opacity:1}to{opacity:0}}#leaderboard{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#060a14cc;pointer-events:auto;z-index:16}#leaderboard.show{display:flex}#lblist{min-width:360px}.lbrow{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;margin-bottom:5px;background:#0000004d;font-size:14px}.lbrow.me{background:linear-gradient(90deg,#46e0ff40,#b15cff2e);box-shadow:inset 0 0 0 1px var(--acc)}.lbrow .rk{font-weight:900;color:var(--gold);width:38px}.lbrow .nm{font-weight:700;flex:1}.lbrow .sc{font-size:12px;opacity:.85}.dmgnum{position:fixed;transform:translate(-50%,-50%);font-weight:900;font-size:20px;color:#fff;text-shadow:0 2px 4px #000,0 0 6px rgba(0,0,0,.6);pointer-events:none;z-index:11}.dmgnum.head{color:#ffd23a;font-size:26px}.dmgnum.kill{color:#ff5a5a;font-size:30px;text-shadow:0 2px 6px #000,0 0 10px rgba(255,40,40,.7)}.killbanner{position:absolute;top:28%;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;z-index:12;animation:kbpop 1.4s ease-out forwards}.killbanner .kbmain{font-size:30px;font-weight:900;color:#ff5a5a;text-shadow:0 3px 10px #000,0 0 18px rgba(255,40,40,.7);letter-spacing:1px}.killbanner .kbsub{font-size:16px;font-weight:700;opacity:.92;margin-top:2px;text-shadow:0 2px 6px #000}.killbanner .streak{margin-top:4px;font-size:22px;font-weight:900;color:#ffd23a;text-shadow:0 2px 8px #000,0 0 14px rgba(255,200,60,.7)}@keyframes kbpop{0%{opacity:0;transform:translate(-50%) scale(.6)}12%{opacity:1;transform:translate(-50%) scale(1.12)}22%{transform:translate(-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-16px)}}#prompt .rar{font-weight:900}#prompt .key{background:#ffffff2e;padding:1px 8px;border-radius:6px;font-weight:900;margin-left:4px}#lowhp{position:fixed;inset:0;pointer-events:none;z-index:6;opacity:0;transition:opacity .2s;box-shadow:inset 0 0 160px #c80000cc,inset 0 0 60px #ff000080}#errbanner{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:100;background:#781414eb;color:#fff;padding:10px 16px;border-radius:10px;font-size:13px;max-width:80vw;box-shadow:0 8px 30px #00000080}#errbanner button{margin-left:10px;padding:3px 12px;border:none;border-radius:6px;background:#fff;color:#800;font-weight:800;cursor:pointer}#mpind{position:fixed;top:200px;left:14px;z-index:12;background:#00000080;color:#7df59a;padding:4px 12px;border-radius:8px;font-size:12px;font-weight:800;display:none}#squad{position:absolute;left:40px;bottom:182px;width:360px;background:#080e1a99;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 14px;pointer-events:auto}#squad input,#squad button{pointer-events:auto}.sqhead{font-weight:900;font-size:14px;letter-spacing:1px;margin-bottom:8px;transition:color .2s}.sqhead span{font-weight:600;opacity:.7;font-size:12px}.sqslots{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;max-width:290px}.sqslot{flex:0 0 auto;width:42px;text-align:center}.sqav{position:relative;overflow:hidden;width:38px;height:38px;border-radius:10px;margin:0 auto 3px;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff6}.sqav .sqhd{position:absolute;top:5px;left:50%;transform:translate(-50%);width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 1px #00000047}.sqav.empty{background:#ffffff0d;border-style:dashed}.sqslot.filled .sqav{box-shadow:0 0 12px #46e0ff66}.sqn{font-size:10px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sqctl{display:flex;gap:6px;align-items:center}.sqctl button{padding:6px 10px;font-size:12px;font-weight:800;border:none;border-radius:8px;background:linear-gradient(90deg,#46e0ff,#b15cff);color:#06121a;cursor:pointer}.sqctl input{width:64px;padding:6px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#0006;color:#fff;text-transform:uppercase;text-align:center;font-weight:800}#myfc{font-size:13px;color:#cfe3ff;margin-bottom:10px}#myfc b{color:#46e0ff;letter-spacing:2px;cursor:pointer;font-size:16px}.fcadd{display:flex;gap:6px;margin-bottom:10px}.fcadd input{flex:1;padding:7px 9px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#0006;color:#fff;text-transform:uppercase;text-align:center;letter-spacing:2px;font-weight:800}.fcadd button{padding:7px 12px;border:none;border-radius:8px;background:linear-gradient(90deg,#46e0ff,#b15cff);color:#06121a;font-weight:800;cursor:pointer}#friendlist{max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.frow{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:10px;background:#ffffff0d}.frow .fdot{width:9px;height:9px;border-radius:50%;background:#5a6470;flex:none}.frow.online .fdot{background:#7df59a;box-shadow:0 0 7px #7df59a}.frow .fn{flex:1;font-weight:700;color:#eaf2ff;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frow .fco{font-size:11px;color:#8aa0bd;letter-spacing:1px}.frow .finv{padding:4px 10px;border:none;border-radius:7px;background:linear-gradient(90deg,#46e0ff,#b15cff);color:#06121a;font-weight:800;font-size:11px;cursor:pointer}.frow .finv:disabled{background:#ffffff1f;color:#6a7480;cursor:default}.frow .frm{padding:4px 8px;border:none;border-radius:7px;background:#dc505a40;color:#ffb4b4;font-weight:800;font-size:11px;cursor:pointer}.fempty{color:#8aa0bd;font-size:12px;text-align:center;padding:14px}.dmgnum.struct{color:#8fd3ff;font-size:16px;font-weight:900}@media (max-width: 1024px){#lobby .logo{font-size:26px}.tab{padding:8px 15px;font-size:13px}#lobby .coins .pill{padding:6px 11px;font-size:13px}.grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.modechip .ms{display:none}}@media (max-width: 840px){#lobby #cloudsync{margin:0 6px 0 0!important}#lobby .topbar{height:auto;padding:7px 10px;gap:7px;row-gap:6px;flex-wrap:wrap;align-content:flex-start}#lobby .logo{font-size:20px}#lobby .coins{margin-left:auto;gap:5px;flex-wrap:nowrap;overflow-x:auto;max-width:62%}#lobby .coins .pill{padding:6px 10px;font-size:12px;flex:0 0 auto}#lobby .tabs{order:5;width:100%;justify-content:center;gap:5px}.tab{padding:8px 16px;font-size:12px}#preview{inset:108px 0 auto;width:auto;height:30vh}#panel{left:0;right:0;width:auto;top:calc(108px + 30vh);bottom:156px;padding:12px 12px 16px;overflow-y:auto}.grid{grid-template-columns:repeat(auto-fill,56px);justify-content:center;gap:8px}#playername{left:12px;top:116px;bottom:auto;font-size:16px;max-width:150px!important}#playerlevel{left:12px;top:148px;bottom:auto}#lobbyxp{left:12px;top:168px;bottom:auto;width:150px}#lobbybanner{left:12px;top:118px;bottom:auto}#editor{inset:auto 10px 162px;gap:6px;justify-content:center;flex-wrap:wrap}#playbar{left:0;right:0;width:auto;bottom:0;padding:8px 10px 10px;flex-direction:column;gap:7px;align-items:stretch;background:linear-gradient(180deg,transparent,rgba(8,12,24,.94) 28%)}.gamemodes{position:static;top:auto;justify-content:center;flex-wrap:wrap;gap:5px}.gmchip{padding:6px 11px;font-size:12px}.mode-sel{justify-content:center;gap:6px}.modechip{width:64px;padding:7px 4px}.modechip .mi{font-size:18px}.modechip .ml{font-size:11px}#playgroup{display:contents}#playbtn{width:100%;margin:0;padding:13px;font-size:19px}#searching{width:100%;justify-content:center}.setcard,#quests .setcard,#shop .setcard,#ach .setcard,#friends .setcard,#legal .setcard{width:96vw;max-height:88vh}.srow label{flex:0 0 104px;font-size:13px}}@media (pointer: coarse){.tab,#lobby .coins .pill,.gmchip{min-height:32px;display:inline-flex;align-items:center}}@media (pointer: coarse) and (orientation: landscape){#lobby .topbar{height:44px;padding:4px 8px;gap:8px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;align-items:center}#lobby .topbar::-webkit-scrollbar{height:0}#lobby .logo{font-size:17px;flex:0 0 auto;letter-spacing:1px}#cloudsync{position:static!important;margin:0!important;flex:0 0 auto;top:auto!important;right:auto!important}#lobby .tabs{order:0;width:auto;gap:4px;flex:0 0 auto;justify-content:flex-start}.tab{padding:6px 10px;font-size:11px}#lobby .coins{margin-left:auto;gap:5px;flex:0 0 auto;max-width:none;overflow:visible}#lobby .coins .pill{padding:5px 9px;font-size:11px}#squad{left:8px;top:50px;width:30vw;min-width:168px;max-width:230px;bottom:auto;max-height:70px;overflow:hidden;padding:6px 8px;border-radius:10px;background:#080e1ad1}#squad .sqhead{font-size:11px;margin-bottom:4px}#squad .sqslots{gap:3px}#squad .sqctl{gap:4px;flex-wrap:nowrap}#squad .sqctl button,#squad .sqctl input{padding:3px 6px!important;font-size:10px!important;min-height:26px}#preview{inset:124px auto 150px 8px;width:30vw;min-width:168px;max-width:230px;height:auto}#playername{left:12px;top:auto;bottom:120px;max-width:200px!important;font-size:13px;padding:4px 8px}#playerlevel{left:12px;top:auto;bottom:98px;font-size:12px}#lobbyxp{left:12px;top:auto;bottom:78px;width:200px}#lobbybanner{left:12px;top:116px;bottom:auto}#editor{inset:auto auto 78px 8px;width:30vw;min-width:168px;max-width:230px;gap:5px;justify-content:flex-start;flex-wrap:wrap}#panel{left:calc(30vw + 20px);right:8px;top:50px;bottom:74px;width:auto;padding:8px 8px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}#featured{position:static;margin:0;flex:0 0 auto}.grid{grid-template-columns:repeat(auto-fill,50px);gap:6px;justify-content:start;align-content:start}#playbar{left:0;right:0;bottom:0;width:auto;padding:5px 8px 7px;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px 8px;background:linear-gradient(180deg,transparent,rgba(8,12,24,.96) 24%)}.gamemodes{position:static;top:auto;justify-content:center;flex-wrap:nowrap;overflow-x:auto;gap:4px;flex:0 0 100%;order:1}.gamemodes::-webkit-scrollbar{height:0}.gmchip{padding:5px 9px;font-size:11px;flex:0 0 auto}.mode-sel{justify-content:center;gap:4px;flex:0 0 auto;order:2}.modechip{width:50px;padding:4px 3px}.modechip .mi{font-size:15px}.modechip .ml{font-size:10px}.modechip .ms{display:none}#playgroup{display:contents}#playbtn{flex:1 1 auto;width:auto;margin:0;padding:11px;font-size:18px;order:3}#searching{order:2;padding:5px 9px}.setcard,#quests .setcard,#shop .setcard,#ach .setcard,#friends .setcard,#legal .setcard,#leaderboard .setcard{width:94vw;max-height:86vh}}@media (max-height: 520px){#emotehint,#fps,#mpind,#hotbar,#buildbar{display:none}#nameplate{top:8px;width:148px;padding:4px 8px}#minimap{width:108px;height:108px}#compass{width:320px}#killfeed{top:128px;font-size:11px}#vitals{bottom:78px;transform:scale(.82);transform-origin:bottom left}#hotbar{bottom:72px;transform:translate(-50%) scale(.8)}#buildbar{transform:translate(-50%) scale(.82)}#curweap{bottom:128px;font-size:17px}#nadeind{right:88px;bottom:126px}#toast{bottom:132px}}#intro:after{animation:titleSlam .8s cubic-bezier(.2,1.45,.4,1) both}@keyframes titleSlam{0%{opacity:0;transform:skew(-6deg) scale(2.2);filter:blur(7px)}55%{opacity:1}to{opacity:1;transform:skew(-6deg) scale(1);filter:blur(0)}}.item{overflow:hidden;transition:transform .14s ease,box-shadow .18s ease,border-color .14s ease}.item:hover{transform:translateY(-4px) scale(1.03)}.item.rarity-rare{box-shadow:0 0 13px #4aa3ff38,inset 0 0 16px #4aa3ff1a}.item.rarity-epic{box-shadow:0 0 16px #b16bff4d,inset 0 0 18px #b16bff24}.item.rarity-legendary{box-shadow:0 0 20px #ffc24a66,inset 0 0 20px #ffc24a2e}.item.rarity-rare:hover{box-shadow:0 8px 22px #4aa3ff80}.item.rarity-epic:hover{box-shadow:0 8px 24px #b16bff99}.item.rarity-legendary:hover{box-shadow:0 8px 26px #ffc24ab3}.item.rarity-epic:before,.item.rarity-legendary:before{content:"";position:absolute;top:-60%;left:-120%;width:55%;height:220%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.32),transparent);transform:rotate(8deg);pointer-events:none;animation:itemSheen 4.6s ease-in-out infinite}.item.rarity-legendary:before{animation-duration:3.2s;background:linear-gradient(100deg,transparent,rgba(255,240,200,.5),transparent)}@keyframes itemSheen{0%{left:-120%}22%{left:150%}to{left:150%}}.item.equipped{animation:equipPulse 1.9s ease-in-out infinite}@keyframes equipPulse{0%,to{box-shadow:0 0 16px #ffc24a6b}50%{box-shadow:0 0 28px #ffc24ab8}}#panel:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(58% 48% at 28% 18%,rgba(70,224,255,.1),transparent 70%),radial-gradient(52% 44% at 82% 82%,rgba(177,92,255,.11),transparent 70%);animation:shopDrift 16s ease-in-out infinite alternate}#panel .grid{position:relative;z-index:1}@keyframes shopDrift{0%{transform:translate(0)}to{transform:translate(2.5%,-2%)}}#lobby .logo{background:linear-gradient(90deg,var(--acc) 0%,var(--gold) 38%,#fff 50%,var(--gold) 62%,var(--acc) 100%);background-size:220% auto;animation:logoShine 6s linear infinite}@keyframes logoShine{0%{background-position:120% center}to{background-position:-20% center}}#playbtn{position:relative;overflow:hidden;animation:playGlow 2.4s ease-in-out infinite}#playbtn:after{content:"";position:absolute;top:0;left:-130%;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-18deg);pointer-events:none;animation:playSheen 3.8s ease-in-out infinite}@keyframes playGlow{0%,to{box-shadow:0 8px 30px #ff8c2873}50%{box-shadow:0 10px 42px #ffa541b8}}@keyframes playSheen{0%{left:-130%}32%{left:130%}to{left:130%}}#lobby .coins .pill{transition:transform .12s ease,background .15s ease,box-shadow .15s ease}#lobby .coins .pill.on:hover{transform:translateY(-2px);background:#46e0ff2e;box-shadow:0 4px 14px #46e0ff47}.tab{transition:transform .12s ease,background .14s ease}.tab:hover:not(.active){background:#ffffff21;transform:translateY(-1px)}#lobbyxp{position:absolute;left:40px;bottom:166px;width:240px;pointer-events:none;z-index:6}#lobbyxp .xptrack{height:10px;border-radius:6px;background:#00000073;border:1px solid rgba(255,255,255,.18);overflow:hidden;box-shadow:0 2px 8px #0006}#lobbyxp .xptrack>i{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,var(--acc),var(--gold));box-shadow:0 0 12px #46e0ff8c;transition:width 1.1s cubic-bezier(.2,.8,.25,1)}#lobbyxp .xptxt{font-size:11px;font-weight:800;color:#cfe3ff;opacity:.9;margin-top:4px;text-shadow:0 1px 3px #000;letter-spacing:.3px}#featured{position:relative;z-index:1;display:flex;align-items:center;gap:16px;margin-bottom:16px;padding:14px 18px;border-radius:16px;overflow:hidden;background:linear-gradient(110deg,#1b2746,#0d1325);border:2px solid rgba(255,255,255,.12);cursor:pointer;pointer-events:auto;transition:transform .14s ease,box-shadow .18s ease}#featured:hover{transform:translateY(-2px)}#featured.rarity-epic{border-color:#b16bff80;box-shadow:0 0 22px #b16bff4d}#featured.rarity-legendary{border-color:#ffc24a99;box-shadow:0 0 26px #ffc24a66}#featured:before{content:"";position:absolute;top:-60%;left:-120%;width:42%;height:220%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:rotate(8deg);pointer-events:none;animation:itemSheen 4s ease-in-out infinite}#featured .fbadge{position:absolute;top:10px;right:14px;font-size:11px;font-weight:900;letter-spacing:1px;color:var(--gold);text-shadow:0 1px 4px #000}#featured .fav{width:82px;height:82px;border-radius:14px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#ffffff14,#00000059);box-shadow:inset 0 0 0 1px #ffffff1f}#featured .fav .fdot{width:46px;height:46px;border-radius:50%}#featured .finfo{flex:1;min-width:0}#featured .fname{font-size:22px;font-weight:900;text-shadow:0 2px 6px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#featured .frar{font-size:11px;font-weight:800;letter-spacing:1px;opacity:.9;margin-top:1px}#featured .frar.rar-epic{color:#c89bff}#featured .frar.rar-legendary{color:var(--gold)}#featured .fcost{font-size:14px;font-weight:800;color:var(--gold);margin-top:6px}#featured .ftimer{font-size:11px;font-weight:700;color:#9fb6cf;opacity:.85;margin-top:4px}.kf b{color:#eaf2ff}.kf .wi{font-size:14px;margin:0 3px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.kf .hs{font-size:13px;margin-right:3px;filter:drop-shadow(0 0 4px rgba(255,200,60,.7))}#dropflash{position:fixed;left:50%;top:44%;transform:translate(-50%,-50%) skew(-6deg);z-index:12;pointer-events:none;font-family:Anton,Impact,sans-serif;font-size:clamp(48px,11vw,130px);letter-spacing:3px;color:#fff;text-shadow:0 6px 0 #0b3a8a,0 10px 30px rgba(0,0,0,.6);-webkit-text-stroke:2px #0a2a66}#speedlines{position:fixed;inset:0;z-index:7;pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,255,255,.16) 0deg .4deg,transparent .4deg 5deg);-webkit-mask:radial-gradient(circle at 50% 50%,transparent 38%,#000 72%);mask:radial-gradient(circle at 50% 50%,transparent 38%,#000 72%)}#combo{position:fixed;right:7%;top:46%;transform:translateY(-50%);z-index:12;pointer-events:none;text-align:center;font-weight:900;text-shadow:0 2px 8px #000,0 0 14px currentColor}#combo .cl{display:block;font-size:15px;letter-spacing:2px}#combo .cx{display:block;font-size:34px;line-height:1}#nameplate .npname .npleft{display:flex;align-items:center;gap:5px;min-width:0}#np-banner{width:13px;height:11px;border-radius:3px;flex:0 0 auto;box-shadow:0 0 0 1px #00000073}.kf .kfb{display:inline-block;width:12px;height:9px;border-radius:2px;margin-right:4px;vertical-align:middle;box-shadow:0 0 0 1px #00000080}#lobbybanner{position:absolute;left:14px;bottom:131px;width:16px;height:22px;border-radius:3px;z-index:6;pointer-events:none;box-shadow:0 0 0 1px #0006,0 2px 6px #0006}.swatch.glidersw{clip-path:polygon(50% 6%,100% 80%,50% 58%,0 80%);border-radius:0!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}#shop{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#060a14d1;pointer-events:auto;z-index:17}#shop.show{display:flex}#shop .setcard{width:min(560px,94vw);max-height:88vh;overflow-y:auto}.shopbal{text-align:right;font-weight:900;color:var(--gold);margin-bottom:4px}.ssec{font-weight:900;letter-spacing:1px;color:var(--acc);margin:12px 0 8px}.premgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.premcard{background:linear-gradient(160deg,#2a2150,#121426);border:1px solid rgba(255,194,74,.4);border-radius:14px;padding:12px;text-align:center;box-shadow:0 0 18px #ffc24a2e}.premcard .pi{font-size:30px}.premcard .pn{font-weight:900;font-size:14px;margin:3px 0}.premcard .pd{font-size:11px;opacity:.82;min-height:52px;line-height:1.3}.pbuy{margin-top:8px;width:100%;padding:9px;border:none;border-radius:10px;cursor:pointer;font-weight:900;background:linear-gradient(90deg,#ffd23a,#ff7a3a);color:#1a1206}.pbuy:active{transform:translateY(1px)}#shopmsg{font-size:12px;font-weight:700;text-align:center;min-height:16px;margin:8px 0}.boostrow{display:flex;align-items:center;gap:10px;background:#0000004d;border-radius:12px;padding:8px 10px;margin-bottom:8px}.boostrow .bicon{font-size:26px;flex:0 0 auto}.boostrow .binfo{flex:1;min-width:0}.boostrow .bname{font-weight:800}.boostrow .bsub{font-size:11px;opacity:.85}.boostrow .bdurs{display:flex;gap:5px}.bbuy{display:flex;flex-direction:column;align-items:center;padding:6px 8px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:#ffffff0f;color:#fff;cursor:pointer;font-weight:800;font-size:12px;line-height:1.1}.bbuy small{font-size:9px;color:var(--gold);opacity:.9;margin-top:2px}.bbuy:hover{border-color:var(--acc);transform:translateY(-1px)}.cratebuy{padding:8px 14px;border:1px solid rgba(192,138,255,.5);border-radius:9px;background:#c08aff29;color:#fff;cursor:pointer;font-weight:800;font-size:13px}.cratebuy:hover:not([disabled]){border-color:#c08aff;transform:translateY(-1px)}.cratebuy[disabled]{opacity:.45;cursor:default}.qreroll{margin-left:8px;padding:2px 8px;border:1px solid rgba(255,255,255,.2);border-radius:7px;background:#ffffff12;color:#cfe3ff;cursor:pointer;font-weight:800;font-size:11px}.qreroll:hover{border-color:var(--acc)}#questmsg{font-size:12px;font-weight:700;text-align:center;min-height:14px;margin:2px 0 8px}