@import"https://fonts.googleapis.com/css2?family=Bungee&family=Bungee+Shade&family=Inter:wght@400;500;700;800&display=swap";*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#120c1c;font-family:Inter,system-ui,sans-serif;color:#fff}#c{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.hidden{display:none!important}.screen{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:min(720px,94vw);height:fit-content;pointer-events:auto;text-align:center}.panel{background:linear-gradient(160deg,#28143cd1,#0f0a1ee0);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:28px 32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 30px 80px #00000080}.logo{font-family:Bungee,Impact,sans-serif;font-size:72px;margin:0;letter-spacing:2px;background:linear-gradient(180deg,#fff 30%,#ffb35c);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 6px 0 #6a1fbf)}.logo span{margin-left:14px;background:linear-gradient(180deg,#ffe23a,#ff5a1f);-webkit-background-clip:text;color:transparent}.sub{opacity:.8;margin-top:4px}.field{display:block;margin:16px auto;font-weight:700}.field input{margin-left:10px;padding:10px 14px;border-radius:10px;border:1px solid #ffffff33;background:#0008;color:#fff;font-size:16px;width:220px}.elements,.mapgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.mapgrid{grid-template-columns:repeat(2,1fr)}.card{cursor:pointer;padding:16px 8px;border-radius:16px;border:2px solid transparent;background:#ffffff10;transition:transform .12s,border-color .12s}.card:hover{transform:translateY(-3px)}.card.sel{border-color:var(--c);box-shadow:0 0 24px var(--c)}.card .orb{width:54px;height:54px;border-radius:50%;margin:0 auto 8px;background:radial-gradient(circle at 35% 30%,#fff,var(--c) 45%,#0000 75%);box-shadow:0 0 30px var(--c)}.card.locked{opacity:.4;cursor:not-allowed}.card h3{margin:6px 0 2px;text-transform:capitalize}button.big{font-family:Bungee,Impact,sans-serif;font-size:26px;padding:12px 48px;border:0;border-radius:14px;cursor:pointer;color:#1a0b2a;background:linear-gradient(180deg,#ffe23a,#ff7a1f);box-shadow:0 6px #a33c00}button.big:active{transform:translateY(4px);box-shadow:0 2px #a33c00}.lobbylink{display:block;margin-top:14px;color:#c9b6ff}.controls{margin-top:16px;font-size:13px;opacity:.7}#hud{position:absolute;top:0;right:0;bottom:0;left:0}#crosshair{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:50%;border:2px solid #fffc}#me{position:absolute;left:24px;bottom:24px;width:320px}#mename{font-family:Bungee,sans-serif;font-size:20px;text-shadow:0 2px 0 #000}.hpbar{height:20px;border-radius:10px;background:#0009;overflow:hidden;border:2px solid #fff3;margin-top:6px}#hpfill{height:100%;width:100%;background:linear-gradient(90deg,#39e66a,#b6ff5d);transition:width .15s}#coins{margin-top:6px;font-size:13px;opacity:.85}#feed{position:absolute;right:20px;top:20px;text-align:right;font-size:15px}#feed div{background:#0008;padding:5px 10px;border-radius:8px;margin-bottom:6px;animation:fadein .2s}#mini{position:absolute;left:20px;top:20px;font-size:13px;background:#0007;padding:8px 12px;border-radius:10px}#toast{position:absolute;left:50%;top:22%;transform:translate(-50%);font-family:Bungee,sans-serif;font-size:22px;text-shadow:0 3px 0 #000;opacity:0;transition:opacity .3s}#dead{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(#0000,#400a 70%)}#dead .ko{font-family:Bungee,sans-serif;font-size:110px;color:#ff4a3a;text-shadow:0 8px 0 #000}#respawn{font-size:22px}#lockhint{position:absolute;left:50%;bottom:30%;transform:translate(-50%);background:#000a;padding:10px 18px;border-radius:12px}#board{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:420px;background:#0a0614e6;border-radius:16px;padding:18px 22px}#board table{width:100%;border-collapse:collapse}#board td,#board th{padding:6px 10px;text-align:left}#board tr.you{color:#ffe23a}.dmg{position:absolute;font-family:Bungee,sans-serif;font-size:22px;color:#fff;text-shadow:0 2px 0 #c00;pointer-events:none;animation:rise .7s forwards}@keyframes rise{to{transform:translateY(-50px);opacity:0}}@keyframes fadein{0%{opacity:0;transform:translate(20px)}}.namerow{font-weight:400}.pname{font-family:Bungee,sans-serif;font-size:20px;margin-left:8px;color:#ffe23a;-webkit-user-select:none;user-select:none}.signin{display:block;margin-top:6px;font-size:12px;color:#c9b6ff}#pause{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0007;pointer-events:auto}.pausebox{width:min(380px,90vw);text-align:center;display:flex;flex-direction:column;gap:14px}.pausebox h2{font-family:Bungee,sans-serif;margin:0;font-size:34px}button.ghost{font:700 16px Inter,sans-serif;padding:10px;border-radius:12px;border:1px solid #ffffff44;background:#ffffff12;color:#fff;cursor:pointer}button.ghost:hover{background:#fff2}#power{position:absolute;right:28px;bottom:28px;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:Bungee,sans-serif;color:#fff;text-shadow:0 2px 0 #000}#power .ring{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-size:16px;background:radial-gradient(#0009 58%,transparent 60%),conic-gradient(var(--c, #fff) calc(var(--p, 1) * 360deg),#fff2 0)}#power.ready .ring{box-shadow:0 0 18px var(--c, #fff)}#powername{font-size:12px;text-transform:uppercase;opacity:.85}.audioopts{margin-top:14px;display:flex;gap:16px;justify-content:center;align-items:center;font-size:14px}.audioopts input[type=range]{width:140px;vertical-align:middle}.lobby{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;margin:0;text-align:left;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(6,3,14,.75))}.lobby>*{pointer-events:auto}.glass{background:linear-gradient(160deg,#22163a9e,#0c081ab8);border:1px solid rgba(255,255,255,.14);border-radius:22px;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 24px 70px #00000073,inset 0 1px #ffffff1f}.lob-left{position:absolute;left:32px;top:28px;bottom:56px;width:470px;padding:22px 24px;display:flex;flex-direction:column;overflow:hidden;animation:slidein .5s ease-out both}.lob-right{position:absolute;right:32px;bottom:56px;width:380px;padding:20px 22px;animation:slidein .5s .08s ease-out both}@keyframes slidein{0%{opacity:0;transform:translateY(16px)}}.lobby .logo{font-family:Bungee Shade,Bungee,Impact,sans-serif;font-size:64px;line-height:.95;margin:0;letter-spacing:1px;filter:none;background:none;color:inherit;display:flex;gap:14px}.lobby .logo .l1{background:linear-gradient(180deg,#fff 20%,#ffd38a 60%,#ff8a3c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #5a1aa8) drop-shadow(0 10px 24px rgba(255,120,40,.45));margin:0}.lobby .logo .l2{background:linear-gradient(180deg,#fff6a0,#ffd23a 40%,#ff5a1f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 #8a1f00) drop-shadow(0 10px 24px rgba(255,210,60,.45));margin:0;animation:logopulse 3.5s ease-in-out infinite}@keyframes logopulse{50%{filter:drop-shadow(0 4px 0 #8a1f00) drop-shadow(0 10px 34px rgba(255,210,60,.8))}}.tag{margin:6px 0 14px;font:500 15px Inter,sans-serif;opacity:.75;letter-spacing:.3px}.playing{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.pav{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font:22px Bungee,sans-serif;color:#1a0b2a;background:linear-gradient(135deg,#ffe23a,#ff7a1f);box-shadow:0 4px 14px #ff8c2866}.plabel{font:700 11px Inter,sans-serif;text-transform:uppercase;letter-spacing:1.5px;opacity:.6}.lobby .pname{margin:0;font-size:22px}.lobby .signin{margin-top:2px}.sect{margin:16px 0 10px;font:800 12px Inter,sans-serif;text-transform:uppercase;letter-spacing:2px;opacity:.65}.lobby .elements{grid-template-columns:1fr 1fr;gap:12px;margin:0;flex:1;min-height:0;grid-auto-rows:1fr}.ecard{position:relative;cursor:pointer;border-radius:18px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(160deg,#ffffff14,#ffffff05);border:1.5px solid rgba(255,255,255,.1);transition:transform .16s cubic-bezier(.3,1.6,.5,1),border-color .2s,box-shadow .2s,background .2s;overflow:hidden;min-height:0}.ecard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(80% 70% at 50% 30%,var(--c),transparent 70%);opacity:.12;transition:opacity .2s}.ecard:hover{transform:translateY(-3px) scale(1.02);border-color:#ffffff4d}.ecard:hover:before{opacity:.22}.ecard:active{transform:scale(.97)}.ecard img{position:relative;width:clamp(72px,12vh,110px);height:auto;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5));transition:transform .25s}.ecard:hover img{transform:rotate(-6deg) scale(1.06)}.ecard h3{position:relative;margin:6px 0 0;font:18px Bungee,sans-serif;text-transform:uppercase;letter-spacing:.5px}.ecard .pw{position:relative;font:800 11px Inter,sans-serif;text-transform:uppercase;letter-spacing:1.2px;color:var(--c);margin-top:2px}.ecard small{position:relative;display:block;font:500 12px Inter,sans-serif;opacity:.72;margin-top:3px;line-height:1.3}.ecard.sel{border-color:var(--c);background:linear-gradient(160deg,color-mix(in srgb,var(--c) 26%,transparent),#ffffff08);box-shadow:0 0 0 1px var(--c),0 0 30px color-mix(in srgb,var(--c) 55%,transparent)}.ecard.sel:before{opacity:.35}.ecard.sel img{animation:iconglow 1.8s ease-in-out infinite}.ecard.sel:after{content:"SELECTED";position:absolute;top:8px;right:10px;font:800 9px Inter,sans-serif;letter-spacing:1.5px;padding:3px 7px;border-radius:6px;background:var(--c);color:#120a1c}@keyframes iconglow{0%,to{filter:drop-shadow(0 0 6px var(--c)) drop-shadow(0 6px 10px rgba(0,0,0,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 22px var(--c)) drop-shadow(0 0 8px #fff8);transform:scale(1.07)}}.lobby .mapgrid{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}.mcard{position:relative;cursor:pointer;border-radius:14px;overflow:hidden;border:1.5px solid rgba(255,255,255,.12);aspect-ratio:16 / 10;background:#000 center / cover;transition:transform .16s cubic-bezier(.3,1.6,.5,1),border-color .2s,box-shadow .2s}.mcard:hover{transform:translateY(-2px)}.mcard .mn{position:absolute;left:0;right:0;bottom:0;padding:18px 10px 8px;background:linear-gradient(transparent,#000000d9)}.mcard .mn b{display:block;font:16px Bungee,sans-serif}.mcard .mn small{font:500 11px Inter,sans-serif;opacity:.8}.mcard.sel{border-color:#ffd23a;box-shadow:0 0 0 1px #ffd23a,0 0 22px #ffd23c73}.mcard.locked{cursor:not-allowed;filter:grayscale(.7) brightness(.7)}.mcard.locked:after{content:"COMING SOON";position:absolute;top:8px;left:8px;font:800 9px Inter,sans-serif;letter-spacing:1.4px;padding:3px 7px;border-radius:6px;background:#000000b3;border:1px solid rgba(255,255,255,.3)}.mcard .lock{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:30px;opacity:.85}.status{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#0000004d;font:500 13px Inter,sans-serif;margin-bottom:14px;min-height:40px}.status .dot{width:9px;height:9px;border-radius:50%;background:#888;flex:none}.status.live .dot{background:#4dff88;box-shadow:0 0 10px #4dff88;animation:blink 1.4s infinite}.status b{color:#ffe23a}@keyframes blink{50%{opacity:.4}}button.play{width:100%;font-size:32px;padding:14px 0;border-radius:16px;position:relative;overflow:hidden;letter-spacing:2px;background:linear-gradient(180deg,#fff16a,#ffb12a 50%,#ff6a1f);box-shadow:0 6px #a33c00,0 14px 30px #ff781e73;transition:transform .1s,box-shadow .1s,filter .2s}button.play:after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);animation:shine 3s ease-in-out infinite}@keyframes shine{60%,to{left:130%}}button.play:hover{filter:brightness(1.08);transform:translateY(-1px)}button.play:active{transform:translateY(5px);box-shadow:0 1px #a33c00,0 6px 14px #ff781e66}.lob-links{text-align:center;margin-top:10px}.lob-links .lobbylink{display:inline;margin:0;font:500 13px Inter,sans-serif;color:#c9b6ff}.lobby .controls{position:absolute;left:0;right:0;bottom:16px;margin:0;text-align:center;font:500 12px Inter,sans-serif;opacity:.6;text-shadow:0 1px 3px #000;pointer-events:none}.waitbox{width:min(460px,90vw);display:flex;flex-direction:column;align-items:center;gap:14px}.waitbox h2{margin:0;font:20px Bungee,sans-serif}.spinner{width:44px;height:44px;border-radius:50%;border:4px solid rgba(255,255,255,.15);border-top-color:#ffd23a;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-height: 760px){.lobby .logo{font-size:50px}.tag{margin-bottom:10px}.sect{margin:12px 0 8px}.ecard img{width:62px}.ecard h3{font-size:16px;margin-top:4px}.ecard small{font-size:11px;line-height:1.25}.playing{padding:8px 12px}}@media (min-height: 1000px){.lob-left,.lob-right{zoom:1.3}.lob-left,.lob-right{bottom:44px}}#power .ring{position:relative;width:84px;height:84px}#power .ring img{width:60px;height:60px;filter:grayscale(.8) brightness(.55);transition:filter .2s}#power.ready .ring img{filter:drop-shadow(0 0 10px var(--c));animation:iconglow 1.8s ease-in-out infinite}#power .ring span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:18px}#power.ready .ring span{top:auto;bottom:-22px;inset-inline:0;font-size:11px;opacity:.8}#power{bottom:40px}#shock{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .12s;--j: 1;box-shadow:inset 0 0 calc(90px * var(--j)) calc(24px * var(--j)) #50a0ffbf,inset 0 0 12px 4px #dcf0ffcc;background:repeating-linear-gradient(115deg,transparent 0 46px,rgba(150,210,255,.07) 46px 49px)}#shock.on{opacity:1}#shock .tag{position:absolute;left:50%;top:calc(50% + 26px);transform:translate(-50%);font:800 15px Inter,system-ui,sans-serif;letter-spacing:.2em;color:#dff0ff;text-shadow:0 0 8px #3b8cff,0 0 2px #000}#shock.blocked .tag{color:#ff8a8a;text-shadow:0 0 8px #ff3b3b,0 0 2px #000;transform:translate(-50%) scale(1.12)}.pauseels{display:flex;gap:6px;justify-content:center;margin:6px 0 10px;flex-wrap:wrap}.pauseels button{text-transform:capitalize;border-width:2px;border-style:solid}