:root{--gold:#c8aa6e;--gold2:#f0e6d2;--dark:#010a13;--panel:#0a1428ee;--panel2:#091428;--blue:#2f8cff;--red:#ff4545;--hp:#3fb34f;--mana:#1f8fe0;--line:#785a28;color:var(--gold2);font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body{-webkit-user-select:none;user-select:none;background:#05060d;height:100%;margin:0;overflow:hidden}button{font:inherit;cursor:pointer}input,select{font:inherit}#gl{width:100%;height:100%;transition:filter 1.5s;display:none;position:fixed;inset:0}#gl.dead{filter:grayscale()contrast(1.1)brightness(.8)}#bars{pointer-events:none;position:fixed;inset:0;overflow:hidden}#app{pointer-events:none;position:fixed;inset:0}#app>*{pointer-events:auto}#app>.hud{pointer-events:none}h1,h2,h3{color:var(--gold);letter-spacing:.04em;margin:0 0 .5em;font-family:Cinzel,serif}.btn{color:var(--gold2);border:2px solid var(--gold);text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(#1e2328,#0f1419);padding:.55em 1.2em;font-weight:800}.btn:hover:not(:disabled){background:linear-gradient(#2a3036,#1a1f24);box-shadow:0 0 12px #c8aa6e88}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:linear-gradient(#0f8f8a,#0a5c5a);border-color:#0ac8b9}.field{border:1px solid var(--line);color:var(--gold2);background:#010a13;padding:.5em .7em}.screen{background:radial-gradient(at 50% 120%,#3a1450 0%,#0b0d1e 50%,#020308 100%);padding:24px;position:fixed;inset:0;overflow:auto}.screen:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='1' height='1' fill='%23ffffff08'/%3E%3C/svg%3E");position:fixed;inset:0}.logo{text-align:center;margin:8px 0 20px}.logo .t1{color:#ffd400;text-shadow:3px 3px #e30613,6px 6px #1d84ce,0 0 30px #000;letter-spacing:.04em;font-family:Bangers,cursive;font-size:clamp(34px,6vw,72px);line-height:1}.logo .t2{color:var(--gold);letter-spacing:.3em;margin-top:8px;font-family:Cinzel,serif;font-size:13px}.wrap{max-width:1100px;margin:0 auto;position:relative}.panel{background:var(--panel);border:1px solid var(--line);padding:16px;box-shadow:0 0 0 1px #000,0 10px 40px #0008}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grow{flex:1}table.rooms{border-collapse:collapse;width:100%;margin-top:12px;font-size:14px}table.rooms th{text-align:left;color:var(--gold);border-bottom:1px solid var(--line);padding:8px;font-family:Cinzel,serif;font-size:12px}table.rooms td{border-bottom:1px solid #ffffff10;padding:10px 8px}table.rooms tr.room:hover{cursor:pointer;background:#c8aa6e18}.tag{text-transform:uppercase;border:1px solid;padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.tag.wait{color:#5f5}.tag.play{color:#fa5}.empty{text-align:center;opacity:.6;padding:30px}.modal-bg{z-index:50;background:#000a;place-items:center;display:grid;position:fixed;inset:0}.modal{width:min(520px,94vw);max-height:90vh;overflow:auto}.modal label{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin:10px 0 4px;font-size:12px;display:block}.modal .field{width:100%}.check{align-items:center;gap:8px;margin:6px 0;display:flex;text-transform:none!important;color:var(--gold2)!important;letter-spacing:0!important;font-size:14px!important}.seg{flex-wrap:wrap;gap:4px;display:flex}.seg button{border:1px solid var(--line);color:var(--gold2);background:#010a13;flex:1;padding:.45em}.seg button.on{background:var(--gold);color:#111;font-weight:800}.lobby{grid-template-columns:1fr 1fr;gap:16px;display:grid}.team h3{justify-content:space-between;align-items:center;display:flex}.team.blue{border-color:var(--blue)}.team.red{border-color:var(--red)}.team.blue h3{color:#7ab8ff}.team.red h3{color:#ff8a8a}.slot{background:#ffffff08;border-left:3px solid #0000;align-items:center;gap:10px;min-height:50px;margin:6px 0;padding:10px;display:flex}.slot.me{border-left-color:var(--gold);background:#c8aa6e14}.slot.empty{opacity:.35;font-style:italic}.slot .sp{margin-left:auto;font-size:20px}.picker{flex-wrap:wrap;gap:6px;display:flex}.picker button{background:#010a13;border:2px solid #333;width:46px;height:46px;font-size:22px}.picker button.on{border-color:var(--gold);box-shadow:0 0 8px var(--gold)}.picker button[data-tip]:hover:after{content:attr(data-tip);color:var(--gold2);border:1px solid var(--gold);z-index:5;text-align:left;background:#000;width:220px;padding:6px;font-size:12px;position:absolute;transform:translate(-40%,40px)}.chat{flex-direction:column;height:220px;display:flex}.chat .log{background:#0006;flex:1;padding:6px;font-size:13px;overflow-y:auto}.chat .log .sys{color:#ffd400;font-style:italic}.chat .log .b{color:#7ab8ff}.chat .log .r{color:#ff8a8a}.chat form{display:flex}.chat input{flex:1}.select-top{text-align:center}.timer{color:var(--gold);font-family:Cinzel,serif;font-size:42px}.champ-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.ccard{aspect-ratio:4/3;cursor:pointer;background:#010a13 50%/cover;border:2px solid #333;transition:transform .1s;position:relative}.ccard:hover{border-color:var(--gold);transform:scale(1.04)}.ccard.on{border-color:#0ac8b9;box-shadow:0 0 16px #0ac8b9}.ccard.taken{filter:grayscale();opacity:.35;pointer-events:none}.ccard .nm{background:linear-gradient(#0000,#000d);padding:14px 6px 4px;font-size:13px;font-weight:800;position:absolute;bottom:0;left:0;right:0}.ccard .meme{background:#e30613;padding:1px 5px;font-size:10px;font-weight:800;position:absolute;top:4px;right:4px}.three{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.three .ccard{width:260px}.kit{font-size:13px;line-height:1.45}.kit b{color:var(--gold)}.loading{flex-direction:column;height:100%;display:flex}.load-teams{flex-direction:column;flex:1;justify-content:center;gap:30px;display:flex}.load-row{justify-content:center;gap:14px;display:flex}.lcard{border:2px solid var(--line);background:#010a13;width:170px}.lcard .art{aspect-ratio:3/4;background:#fff 50%/cover}.lcard .info{text-align:center;padding:8px;font-size:12px}.lcard .info b{color:var(--gold);font-size:14px;display:block}.lcard .pb{background:#222;height:5px;margin-top:6px}.lcard .pb i{background:#0ac8b9;height:100%;transition:width .2s;display:block}.tip{text-align:center;color:var(--gold2);padding:16px;font-size:18px;font-style:italic}.hud{pointer-events:none;font-size:13px;position:fixed;inset:0}.hud *{pointer-events:auto}.hud .nopoint,.hud .nopoint *{pointer-events:none}.hbar{pointer-events:none;text-align:center;white-space:nowrap;position:absolute;transform:translate(-50%,-100%)}.hbar .nm{text-shadow:0 0 3px #000,0 0 3px #000;margin-bottom:1px;font-size:11px;font-weight:800}.hbar .bx{align-items:center;gap:2px;display:flex}.hbar .lv{border:1px solid var(--gold);background:#111;width:16px;height:16px;font-size:10px;font-weight:800;line-height:14px}.hbar .hp{background:#111;border:1px solid #000;width:90px;height:10px;position:relative;overflow:hidden}.hbar .hp i{position:absolute;top:0;bottom:0;left:0}.hbar .hp s{background:#fff;position:absolute;top:0;bottom:0}.hbar .hp b{background:repeating-linear-gradient(90deg,#0000 0 8px,#0008 8px 9px);position:absolute;inset:0}.hbar.enemy .hp i{background:#d33}.hbar.ally .hp i{background:#3a8cff}.hbar.me .hp i{background:#3fb34f}.hbar .mp{background:#111;height:3px}.hbar .mp i{background:var(--mana);height:100%;display:block}.hbar.small .hp{width:40px;height:5px}.hbar.struct .hp{width:130px;height:12px}.hbar .cc{color:#ffd400;text-shadow:0 0 3px #000;font-size:10px;font-weight:800}.float{pointer-events:none;text-shadow:2px 2px #000;white-space:nowrap;font-family:Bangers,cursive;font-size:22px;animation:1.1s ease-out forwards floatup;position:absolute;transform:translate(-50%,-50%)}.float.phys{color:#ff9a3c}.float.magic{color:#b06bff}.float.true{color:#fff}.float.heal{color:#5f5}.float.crit{color:#ff3c3c;font-size:32px}.float.txt{color:#ffd400;font-size:24px;animation-duration:1.8s}.float.gold{color:#ffd400;font-size:16px}@keyframes floatup{0%{opacity:0;margin-top:0;transform:translate(-50%,-50%)scale(.6)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}to{opacity:0;margin-top:-60px;transform:translate(-50%,-50%)scale(1)}}.bottom{align-items:flex-end;gap:0;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.frame{border:2px solid var(--gold);background:linear-gradient(#0d1a2b,#06101c);border-bottom:0;align-items:flex-end;gap:10px;padding:8px 10px 10px;display:flex;position:relative;box-shadow:0 0 0 2px #000,0 -4px 20px #0008}.frame:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);height:4px;position:absolute;top:-6px;left:20px;right:20px}.portrait{border:3px solid var(--gold);background:#000 50%/cover;border-radius:50%;flex:none;width:84px;height:84px;position:relative}.portrait .lvl{border:2px solid var(--gold);background:#06101c;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:800;display:grid;position:absolute;bottom:-4px;right:-4px}.portrait .xp{background:conic-gradient(#b06bff var(--p,0%), transparent 0);border-radius:50%;position:absolute;inset:-6px;-webkit-mask:radial-gradient(circle,#0000 47px,#000 48px);mask:radial-gradient(circle,#0000 47px,#000 48px)}.mid{flex-direction:column;gap:6px;display:flex}.abil{align-items:flex-end;gap:6px;display:flex}.slotb{border:2px solid var(--line);background:#010a13;place-items:center;width:54px;height:54px;font-size:26px;display:grid;position:relative;overflow:hidden}.slotb.small{width:40px;height:40px;font-size:20px}.slotb .key{color:#fff;text-shadow:0 0 3px #000;font-size:11px;font-weight:800;position:absolute;bottom:0;right:2px}.slotb .cost{color:#7ac8ff;text-shadow:0 0 3px #000;font-size:10px;font-weight:700;position:absolute;top:0;left:2px}.slotb .cdw{background:conic-gradient(#000c var(--cd,0%), transparent 0);color:#fff;place-items:center;font-size:17px;font-weight:800;display:grid;position:absolute;inset:0}.slotb.locked{filter:grayscale()brightness(.4)}.slotb.nomana{box-shadow:inset 0 0 0 60px #1f4fe066}.slotb.ready{border-color:var(--gold)}.pips{justify-content:center;gap:2px;margin-top:2px;display:flex}.pips i{background:#333;width:8px;height:3px}.pips i.on{background:#ffd400}.passive{width:40px;height:40px;font-size:18px}.bars{width:100%}.bar{background:#111;border:1px solid #000;height:16px;margin-top:3px;position:relative;overflow:hidden}.bar i{position:absolute;top:0;bottom:0;left:0}.bar.h i{background:linear-gradient(#5fd35f,#2a8a2a)}.bar.m i{background:linear-gradient(#4aa8ff,#1a5aa8)}.bar s{background:#eee;position:absolute;top:0;bottom:0}.bar span{text-align:center;text-shadow:0 0 2px #000;font-size:11px;font-weight:800;line-height:15px;position:absolute;inset:0}.items{grid-template-columns:repeat(4,40px);gap:3px;display:grid}.items .slotb{width:40px;height:40px;font-size:20px}.gold{color:#ffd400;text-align:center;cursor:pointer;margin-top:4px;font-weight:800}.stats{background:var(--panel);border:2px solid var(--gold);grid-template-columns:1fr 1fr;gap:4px;width:146px;padding:8px;font-size:12px;display:grid;position:absolute;bottom:0;left:-150px}.stats.hide{display:none}.topbar{background:var(--panel);border:1px solid var(--gold);border-top:0;gap:18px;padding:4px 18px;font-size:16px;font-weight:800;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.topbar .b{color:#7ab8ff}.topbar .r{color:#ff8a8a}.minimap{border:2px solid var(--gold);cursor:crosshair;background:#0b1020;position:absolute;bottom:8px;right:8px}.feed{flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute;top:50px;right:8px}.feed div{background:#000b;border-left:3px solid;padding:4px 10px;font-weight:700;animation:8s forwards fadeout}@keyframes fadeout{85%{opacity:1}to{opacity:0}}.hudchat{width:360px;font-size:13px;position:absolute;bottom:150px;left:8px}.hudchat .log div{text-shadow:0 0 3px #000,0 0 3px #000;animation:12s forwards fadeout}.hudchat .log.open div{animation:none}.hudchat input{background:#000b;width:100%;display:none}.hudchat.open input{display:block}.announce{text-align:center;pointer-events:none;position:absolute;top:90px;left:50%;transform:translate(-50%)}.announce div{color:#ffd400;text-shadow:3px 3px #000,0 0 20px #f80;font-family:Bangers,cursive;font-size:40px;animation:.4s cubic-bezier(.2,1.8,.4,1) slam,4s forwards fadeout}.announce div.small{color:#fff;font-size:26px}@keyframes slam{0%{opacity:0;transform:scale(3)}to{opacity:1;transform:scale(1)}}.channel{text-align:center;text-shadow:0 0 3px #000;width:240px;font-weight:800;position:absolute;bottom:190px;left:50%;transform:translate(-50%)}.channel .bar i{background:linear-gradient(#b06bff,#6a2ab0)}.death{pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.wasted{color:#d11;letter-spacing:.05em;text-shadow:4px 4px #000,-2px -2px #000;text-align:center;background:linear-gradient(#0000 20%,#000a 20% 80%,#0000 80%);width:100%;font-family:Pricedown,Impact,sans-serif;font-size:clamp(60px,12vw,150px);animation:.5s ease-out slam;transform:rotate(-3deg)}.respawn{font-size:20px;font-weight:800;position:absolute;bottom:200px}.scoreboard{width:min(900px,96vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scoreboard table{border-collapse:collapse;width:100%}.scoreboard td,.scoreboard th{text-align:left;border-bottom:1px solid #ffffff14;padding:6px}.scoreboard .it{letter-spacing:2px;font-size:18px}.shop{width:min(860px,96vw);max-height:80vh;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-55%)}.shop .tiers{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.icard{cursor:pointer;background:#ffffff08;border:1px solid #0000;align-items:center;gap:8px;margin-bottom:6px;padding:8px;display:flex}.icard:hover{border-color:var(--gold)}.icard.no{opacity:.45}.icard .ic{font-size:30px}.icard small{opacity:.8;display:block}.icard .cost{color:#ffd400;font-weight:800}.menu{width:380px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu label{margin:10px 0 4px;display:block}.menu input[type=range]{width:100%}.wheel{border:2px solid var(--gold);background:radial-gradient(circle,#000a 30%,#0a1428dd 31%);border-radius:50%;width:260px;height:260px;position:absolute;transform:translate(-50%,-50%)}.wheel button{border:2px solid var(--line);background:#010a13;border-radius:50%;width:64px;height:64px;font-size:30px;position:absolute;transform:translate(-50%,-50%)}.wheel button:hover{border-color:var(--gold);transform:translate(-50%,-50%)scale(1.15)}.emote{pointer-events:none;font-size:54px;animation:2.5s forwards emote;position:absolute;transform:translate(-50%,-100%)}@keyframes emote{0%{transform:translate(-50%,-100%)scale(0)}10%{transform:translate(-50%,-100%)scale(1.3)}20%,85%{opacity:1;transform:translate(-50%,-100%)scale(1)}to{opacity:0}}.drake{color:#000;pointer-events:none;background:#fff;border:3px solid #000;grid-template-columns:50px 90px;font-size:13px;font-weight:800;animation:2.5s forwards emote;display:grid;position:absolute;transform:translate(-50%,-100%)}.drake div{border-bottom:2px solid #000;padding:6px;font-size:26px}.drake span{border-bottom:2px solid #000;align-items:center;padding:6px;display:flex}.beef{pointer-events:none;color:#ff3030;text-shadow:6px 6px #000,0 0 40px red;place-items:center;font-family:Bangers,cursive;font-size:clamp(60px,12vw,140px);animation:.4s slam,3s forwards fadeout;display:grid;position:fixed;inset:0}.fireworks{pointer-events:none;position:fixed;inset:0;overflow:hidden}.fireworks i{border-radius:50%;width:8px;height:8px;animation:1.4s ease-out forwards burst;position:absolute}@keyframes burst{to{transform:translate(var(--dx), var(--dy));opacity:0}}.rain{pointer-events:none;background:repeating-linear-gradient(100deg,#0000 0 18px,#9ab4ff33 18px 19px) 0 0/200% 200%;animation:.35s linear infinite rain;position:fixed;inset:0}@keyframes rain{to{background-position:-40px 120px}}.merc{text-align:center;text-shadow:0 0 3px #000;width:320px;font-weight:800;position:absolute;top:60px;left:50%;transform:translate(-50%)}.merc .bar i.b{background:#3a8cff}.merc .bar i.r{background:#ff4545}.post{text-align:center}.banner{letter-spacing:.1em;font-family:Cinzel,serif;font-size:clamp(50px,10vw,120px);font-weight:800;animation:.6s slam}.banner.win{color:#ffd400;text-shadow:0 0 40px #fa0}.banner.lose{color:#9aa;text-shadow:0 0 30px #000}.graphs{text-align:left;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}.gbar{align-items:center;gap:6px;margin:4px 0;font-size:12px;display:flex}.gbar .n{text-overflow:ellipsis;white-space:nowrap;width:90px;overflow:hidden}.gbar .v{background:#ffffff10;flex:1;height:14px}.gbar .v i{height:100%;display:block}.awards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:20px;display:grid}.award{border:1px solid var(--gold);background:#ffffff08;padding:14px}.award .e{font-size:40px}.award b{color:var(--gold);font-family:Cinzel,serif;display:block}@media (width<=800px){.lobby,.shop .tiers,.graphs{grid-template-columns:1fr}.hudchat{width:60vw}}.tooltip{border:1px solid var(--gold);color:#cfd8dc;z-index:50;background:linear-gradient(#0b1a24f2,#050c12f2);width:300px;padding:10px 12px;font-size:12.5px;line-height:1.45;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #000a}.tooltip b{color:var(--gold2);font-size:14px;display:block}.tooltip kbd{float:right;color:#fff;border:1px solid #fff5;border-radius:3px;padding:0 5px;font:700 11px sans-serif}.tooltip em{color:#7ac8ff;margin:2px 0 6px;font-size:11.5px;font-style:normal;display:block}.tooltip p{margin:0}