:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7eee0;background:#050403;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}#game{background:#050403;width:100%;height:100%;display:block}.overlay{text-align:center;z-index:10;background:radial-gradient(circle at 50% 55%,#ae1d0c57,#0000 33%),linear-gradient(#0403028f,#040302e0);place-content:center;gap:clamp(10px,2vh,18px);padding:clamp(16px,3vw,36px);display:grid;position:fixed;inset:0;overflow-y:auto}.overlay.hidden{opacity:0;pointer-events:none;transition:opacity .22s}.brand{color:#d2a967;letter-spacing:.18em;text-transform:uppercase;justify-content:center;align-items:center;gap:12px;font-weight:800;display:inline-flex}.brand p{margin:0}.sigil{clip-path:polygon(50% 0,100% 30%,82% 100%,50% 76%,18% 100%,0 30%);background:linear-gradient(135deg,#f3d193,#9c2316 56%,#29211a);width:22px;height:22px;box-shadow:0 0 22px #dc3115d9}.overlay h1{letter-spacing:0;text-transform:uppercase;text-shadow:0 8px #160b08,0 0 42px #dc3115b8;max-width:min(900px,94vw);margin:0;font-size:clamp(2.8rem,8.6vw,7.4rem);line-height:.86}.profile-panel{background:#0505056b;border:1px solid #55e6c73d;border-radius:8px;justify-self:center;gap:8px;width:min(980px,100vw - 56px);padding:10px;display:grid;box-shadow:inset 0 0 24px #00000047}.profile-summary{color:#d9fff7;text-transform:uppercase;grid-template-columns:minmax(150px,.6fr) minmax(0,1fr);align-items:center;gap:14px;display:grid}.profile-summary span{color:#55e6c7;letter-spacing:.12em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.72rem;font-weight:950;overflow:hidden}.profile-summary strong{color:#fff3df;text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.78rem;line-height:1.25;overflow:hidden}.auth-controls{align-items:stretch;gap:8px;min-width:0;display:grid}.auth-controls.is-guest{grid-template-columns:repeat(2,minmax(150px,1fr)) repeat(3,minmax(124px,.74fr))}.auth-controls.is-authed{grid-template-columns:repeat(2,minmax(124px,180px));justify-content:center}.auth-controls input{color:#fff3df;min-width:0;height:42px;font:inherit;background:#080504b8;border:1px solid #f8c67073;border-radius:4px;padding:0 10px;font-size:.82rem;font-weight:800}.profile-panel .auth-controls button{justify-self:stretch;width:100%;min-width:0;height:42px;min-height:0;font-size:.74rem;box-shadow:0 0 0 2px #16080494,0 10px 28px #00000052}.auth-controls .hidden{display:none}.auth-status{color:#d4a567;font-size:.76rem;font-weight:800;line-height:1.25}.overlay button{color:#140a07;cursor:pointer;text-transform:uppercase;background:linear-gradient(#f2d290,#b56a27 58%,#672016);border:1px solid #f8c670cc;justify-self:center;min-width:min(320px,82vw);min-height:54px;font-weight:900;box-shadow:0 0 0 3px #160804b3,0 16px 42px #0000006b,0 0 30px #e03f1959}.arena-panel{justify-self:center;gap:10px;width:min(940px,100vw - 56px);display:grid}.arena-heading{color:#d2a967;letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;font-weight:900}.arena-list{grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:10px;display:grid}.arena-card{color:#f7eee0;text-align:left;cursor:pointer;background:linear-gradient(#120a07c7,#080504b8);border:1px solid #cd934a57;border-radius:6px;justify-self:stretch;width:100%;min-width:0;min-height:76px;padding:10px;box-shadow:inset 0 0 20px #00000047}.overlay .arena-card,.overlay .character-card{min-width:0}.overlay .character-card{min-height:108px}.arena-card strong,.arena-card span{display:block}.arena-card strong{color:#fff3df;text-transform:uppercase;font-size:.9rem;line-height:1.15}.arena-card span{color:#d4a567;margin-top:6px;font-size:.72rem;font-weight:800;line-height:1.25}.arena-card.is-selected{color:#d9fff7;background:linear-gradient(#10332fd1,#0c0907c7);border-color:#55e6c7d1;box-shadow:inset 0 0 22px #35f6d01f,0 0 22px #35f6d02e}.character-panel{justify-self:center;gap:8px;width:min(980px,100vw - 56px);display:grid}.progression-status{color:#d9fff7;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.character-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.character-card{color:#f7eee0;text-align:left;cursor:pointer;background:linear-gradient(#0f0c0acc,#080504b8);border:1px solid #cd934a57;border-radius:6px;align-content:start;justify-self:stretch;width:100%;min-width:0;min-height:108px;padding:10px;display:grid}.character-card strong,.character-card span,.character-card small{display:block}.character-card strong{color:#fff3df;text-transform:uppercase;font-size:.82rem;line-height:1.15}.character-card span{color:#d4a567;margin-top:6px;font-size:.68rem;font-weight:800;line-height:1.22}.character-card small{color:#8fffe7;text-transform:uppercase;overflow-wrap:anywhere;margin-top:7px;font-size:.62rem;font-weight:900;line-height:1.2}.character-card.is-selected{background:linear-gradient(#123a34d1,#080504bf);border-color:#55e6c7db;box-shadow:0 0 22px #35f6d029}.character-card.is-locked{opacity:.66}.lobby-panel{justify-self:center;gap:10px;width:min(760px,92vw);display:grid}.lobby-row{grid-template-columns:minmax(120px,.45fr) minmax(160px,1fr) auto auto;gap:8px;display:grid}.lobby-row input{color:#fff3df;min-width:0;min-height:44px;font:inherit;background:#080504b8;border:1px solid #f8c67073;border-radius:4px;padding:0 12px;font-weight:800}.lobby-row button{min-width:118px;min-height:44px;font-size:.8rem}@media (width<=720px){.overlay{place-content:start center;gap:8px;padding:8px 10px 18px}.brand{transform:scale(.86)}.overlay h1{text-shadow:0 5px #160b08,0 0 28px #dc31159e;font-size:clamp(1.8rem,10.5vw,3.25rem);line-height:.9}.profile-panel,.arena-panel,.character-panel,.lobby-panel{width:calc(100vw - 20px)}.profile-panel{gap:6px;padding:7px}.profile-summary{grid-template-columns:1fr;gap:3px}.profile-summary strong{text-align:left;white-space:normal}.profile-summary strong,.auth-status{font-size:.68rem}.auth-status{display:none}.auth-controls,.auth-controls.is-guest{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.auth-controls.is-guest input{grid-column:span 3}.auth-controls.is-guest button{grid-column:span 2;width:100%}.auth-controls.is-authed{grid-template-columns:1fr 1fr}.auth-controls.is-authed button{grid-column:auto}.profile-panel .auth-controls button,.auth-controls input{min-width:0;height:34px;min-height:0;font-size:.68rem}.arena-list{grid-template-columns:1fr;max-height:min(20vh,176px);overflow-y:auto}.character-list,.level-up-choices{grid-template-columns:1fr}.character-list{gap:8px;max-height:min(26vh,250px);overflow-y:auto}.arena-heading{font-size:.68rem}.arena-card{min-height:58px;padding:8px 10px}.arena-card span{margin-top:4px}.overlay .character-card{grid-template-rows:auto auto 1fr;min-height:82px;padding:8px 10px 9px}.character-card span{margin-top:3px;font-size:.64rem;line-height:1.15}.character-card small{align-self:end;margin-top:6px;font-size:.58rem;line-height:1.15}.overlay>#startButton{width:min(320px,100vw - 54px);min-height:48px}.lobby-row{grid-template-columns:1fr 1fr}.lobby-row button{min-width:0}}.room-status{color:#d9fff7;background:#0505057a;border:1px solid #55e6c740;border-radius:4px;padding:8px 10px;font-size:.86rem}.room-list{text-align:left;gap:6px;max-height:178px;display:grid;overflow-y:auto}.room-card{background:#090605ad;border:1px solid #cd934a4d;border-radius:4px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.room-card strong{color:#fff3df;font-size:.92rem;display:block}.room-card span{color:#d4a567;font-size:.78rem;font-weight:800}.room-card button{min-width:86px;min-height:34px;font-size:.74rem}.room-empty{color:#d4a567;text-align:center;background:#09060570;border:1px dashed #cd934a47;border-radius:4px;padding:10px}.hud{pointer-events:none;z-index:4;grid-template-columns:minmax(112px,170px) minmax(112px,170px) 1fr minmax(104px,150px);align-items:start;gap:10px;display:grid;position:fixed;inset:18px 18px auto}.stack{background:linear-gradient(#170d09bd,#0806059e);border:1px solid #cd934a57;border-radius:6px;min-height:64px;padding:10px 12px;box-shadow:inset 0 0 18px #00000061}.stack span{color:#d4a567;letter-spacing:.12em;font-size:.72rem;font-weight:800;display:block}.stack strong{color:#fff3df;margin-top:3px;font-size:clamp(1.18rem,2.4vw,1.7rem);line-height:1.1;display:block}.meter i,.weapon i{transform-origin:0;background:#d8371f;border-radius:2px;width:100%;height:6px;margin-top:8px;display:block;box-shadow:0 0 14px #df2d18b8}.meter:nth-child(2) i{background:#d59f4b;box-shadow:0 0 14px #d59f4b9e}.weapon i{background:#50d2b1;box-shadow:0 0 14px #50d2b1b8}.weapon{grid-column:4;justify-self:end;width:100%}.status{text-align:center;z-index:5;min-width:130px;position:fixed;top:18px;left:50%;transform:translate(-50%)}.scoreboard{z-index:17;pointer-events:none;background:radial-gradient(circle at 50% 22%,#55e6c71f,#05040333 46%,#0000 72%);place-items:start center;padding:88px 18px 18px;display:grid;position:fixed;inset:0}.scoreboard.hidden{display:none}.scoreboard-panel{background:linear-gradient(#080807eb,#100805db);border:1px solid #55e6c76b;border-radius:8px;width:min(1080px,96vw);overflow:hidden;box-shadow:0 0 44px #13d5b229,inset 0 0 28px #0000006b}.scoreboard-head{border-bottom:1px solid #cd934a47;justify-content:space-between;align-items:baseline;gap:14px;padding:14px 16px 12px;display:flex}.scoreboard-head span{color:#55e6c7;letter-spacing:.16em;text-transform:uppercase;font-size:.76rem;font-weight:950}.scoreboard-head strong{color:#fff3df;text-transform:uppercase;font-size:clamp(1.2rem,2.4vw,1.9rem);line-height:1}.scoreboard-grid{grid-template-columns:minmax(190px,1.45fr) 52px 52px 58px minmax(86px,.7fr) minmax(74px,.65fr) minmax(240px,1.5fr);align-items:center;gap:8px;display:grid}.scoreboard-grid-head{color:#d4a567;letter-spacing:.1em;text-transform:uppercase;background:#cd934a14;padding:9px 16px;font-size:.68rem;font-weight:950}.scoreboard-rows{max-height:min(54vh,520px);overflow:hidden auto}.scoreboard-row{color:#fff3df;border-top:1px solid #ffdda414;min-height:58px;padding:10px 16px;font-size:.9rem;font-weight:900}.scoreboard-row.local{background:linear-gradient(90deg,#55e6c729,#55e6c70a)}.scoreboard-row.dead{color:#fff3df94}.scoreboard-name{min-width:0}.scoreboard-name strong,.scoreboard-name small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.scoreboard-name strong{color:#fff3df;font-size:.98rem}.scoreboard-name small{color:#55e6c7;letter-spacing:.08em;margin-top:4px;font-size:.62rem;font-weight:950}.scoreboard-loadout{color:#d4a567;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.76rem;line-height:1.25;overflow:hidden}.leaderboard-overlay{z-index:19;background:radial-gradient(circle at 50% 35%,#55e6c724,#050403d1);place-items:center;padding:18px;display:grid;position:fixed;inset:0}.leaderboard-overlay.hidden{display:none}.leaderboard-panel{background:linear-gradient(#080807f0,#100805e6);border:1px solid #55e6c770;border-radius:8px;width:min(980px,96vw);max-height:min(740px,92vh);overflow:hidden;box-shadow:0 0 44px #13d5b22e}.leaderboard-head{border-bottom:1px solid #cd934a3d;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px 10px;display:flex}.leaderboard-head span{color:#55e6c7;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:950;display:block}.leaderboard-head strong{color:#fff3df;text-transform:uppercase;font-size:clamp(1.35rem,3vw,2.2rem)}.leaderboard-head button{border-radius:4px;width:42px;min-width:42px;height:42px;min-height:42px;padding:0;font-size:1.4rem;line-height:1}.leaderboard-tabs{gap:8px;padding:10px 16px;display:flex}.leaderboard-tabs button{min-width:96px;min-height:36px;box-shadow:none;font-size:.72rem}.leaderboard-tabs button.is-selected{color:#d9fff7;background:linear-gradient(#10332feb,#080504db);border-color:#55e6c7d1}.leaderboard-grid{grid-template-columns:42px minmax(150px,1.4fr) 58px 86px 86px 96px 76px;align-items:center;gap:8px;display:grid}.leaderboard-grid-head{color:#d4a567;letter-spacing:.1em;text-transform:uppercase;background:#cd934a14;padding:9px 16px;font-size:.68rem;font-weight:950}.leaderboard-rows{max-height:min(54vh,460px);overflow:hidden auto}.leaderboard-row{color:#fff3df;border-top:1px solid #ffdda414;min-height:48px;padding:8px 16px;font-size:.88rem;font-weight:900}.leaderboard-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.leaderboard-empty{color:#d4a567;text-align:center;padding:22px 16px;font-weight:900}.reticle{z-index:3;pointer-events:none;width:38px;height:38px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle:before,.reticle:after,.reticle span:before,.reticle span:after{content:"";background:#ffe8beeb;position:absolute;box-shadow:0 0 12px #db431ce6}.reticle:before,.reticle:after{width:2px;height:10px;left:50%;transform:translate(-50%)}.reticle:before{top:0}.reticle:after{bottom:0}.reticle span:before,.reticle span:after{width:10px;height:2px;top:50%;transform:translateY(-50%)}.reticle span:before{left:0}.reticle span:after{right:0}.damage-vignette,.hit-flash{z-index:2;pointer-events:none;opacity:0;position:fixed;inset:0}.damage-vignette{background:radial-gradient(circle,#0000 45%,#a10a00b8 100%);transition:opacity .15s}.death-blood-overlay{z-index:8;pointer-events:none;opacity:0;mix-blend-mode:multiply;background:radial-gradient(circle at 18% 18%,#880000b8 0 2.4%,#0000 3.4%),radial-gradient(circle at 78% 14%,#5f0000a3 0 1.8%,#0000 2.8%),radial-gradient(circle at 66% 78%,#84000094 0 2.2%,#0000 3.2%),radial-gradient(circle at 35% 72%,#5c000080 0 1.5%,#0000 2.5%),radial-gradient(circle,#0000 38%,#5400006b 72%,#1a0000c7 100%);transition:opacity .22s;position:fixed;inset:0}.hit-flash{background:radial-gradient(circle,#fff5c02e,#ff48182e,#0000 54%);transition:opacity 90ms}.level-up-overlay{z-index:18;background:radial-gradient(circle at 50% 45%,#55e6c729,#050403b8);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.level-up-overlay.hidden{display:none}.level-up-panel{text-align:center;background:#060706e6;border:1px solid #55e6c775;border-radius:8px;width:min(860px,94vw);padding:18px;box-shadow:0 0 48px #35f6d029}.level-up-panel span{color:#55e6c7;letter-spacing:.16em;font-size:.76rem;font-weight:950}.level-up-panel strong{color:#fff3df;text-transform:uppercase;margin:4px 0 14px;font-size:clamp(1.4rem,4vw,2.4rem);display:block}.level-up-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ability-card{color:#fff3df;text-align:left;cursor:pointer;background:linear-gradient(#1f120beb,#070605e0);border:1px solid #f8c67075;border-radius:6px;justify-self:stretch;width:100%;min-width:0;min-height:150px;padding:12px;position:relative}.level-up-overlay .ability-card{min-width:0}.ability-card kbd{color:#55e6c7;min-width:28px;height:28px;font:inherit;text-align:center;background:#070605b3;border:1px solid #55e6c799;border-radius:4px;font-size:.78rem;font-weight:950;line-height:26px;position:absolute;top:10px;right:10px}.ability-card strong,.ability-card span,.ability-card small{display:block}.ability-card strong{text-transform:uppercase;padding-right:34px;font-size:.95rem}.ability-card span{color:#d4a567;margin-top:7px;font-size:.78rem;line-height:1.32}.ability-card small{color:#55e6c7;text-transform:uppercase;margin-top:10px;font-size:.68rem;font-weight:900}.cheat-console{z-index:20;background:#050505d1;border:1px solid #55e6c775;border-radius:6px;grid-template-rows:minmax(120px,28vh) auto;max-width:860px;display:grid;position:fixed;bottom:18px;left:18px;right:18px;overflow:hidden;box-shadow:0 0 32px #20c8a42e}.cheat-console.hidden{display:none}.net-status{z-index:6;color:#55e6c7;letter-spacing:.08em;pointer-events:none;background:#0505058f;border:1px solid #55e6c752;border-radius:4px;padding:6px 8px;font-size:.68rem;font-weight:900;position:fixed;bottom:18px;right:18px}.console-log{color:#d9fff7;padding:12px;font-family:Consolas,Liberation Mono,monospace;font-size:.82rem;line-height:1.4;overflow-y:auto}.console-log div{margin-bottom:3px}.console-log .ok{color:#7fffd4}.console-log .warn{color:#ffc06b}.console-form{color:#55e6c7;border-top:1px solid #55e6c73d;grid-template-columns:auto 1fr;align-items:center;gap:8px;padding:10px 12px;font-family:Consolas,Liberation Mono,monospace;display:grid}.console-form input{color:#fff3df;width:100%;font:inherit;background:0 0;border:0;outline:0}.touch-controls{pointer-events:none;z-index:5;height:42vh;display:none;position:fixed;inset:auto 0 0}.stick-base,.touch-button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.stick-base{background:#0a080761;border:1px solid #ecbe745c;border-radius:50%;width:124px;height:124px;position:absolute;bottom:30px;left:28px}.stick-knob{background:#eaaa52d1;border-radius:50%;width:40px;height:40px;position:absolute;top:42px;left:42px;box-shadow:0 0 24px #da401885}.touch-button{color:#fff0d4;background:#40130c9e;border:1px solid #f7d8a48a;border-radius:50%;width:82px;height:82px;font-weight:950;position:absolute;bottom:40px;right:28px}.touch-button.shield{background:#1448459e;width:68px;height:68px;bottom:112px;right:124px}@media (hover:none),(pointer:coarse){.touch-controls{display:block}.hud{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;inset:10px}.scoreboard{padding-top:78px}.stack{min-height:54px;padding:8px}.stack span{font-size:.58rem}}@media (width<=720px){.hud{grid-template-columns:repeat(2,minmax(0,1fr))}.weapon{grid-column:2}.status{justify-self:stretch;top:10px}.scoreboard-grid{grid-template-columns:minmax(130px,1.25fr) 38px 38px 42px minmax(64px,.7fr) minmax(64px,.65fr);gap:6px}.scoreboard-grid>:nth-child(7){display:none}.scoreboard-head{flex-direction:column;align-items:flex-start}.scoreboard-row{padding:9px 10px;font-size:.78rem}.leaderboard-panel{width:96vw}.leaderboard-grid{grid-template-columns:32px minmax(96px,1fr) 40px 58px 58px;gap:6px}.leaderboard-grid>:nth-child(6),.leaderboard-grid>:nth-child(7){display:none}.leaderboard-grid-head,.leaderboard-row{padding-inline:10px;font-size:.72rem}.leaderboard-tabs{padding-inline:10px}.leaderboard-tabs button{flex:1;min-width:0}.overlay{padding:8px 10px 18px}}@media (height<=820px){.brand{transform:scale(.9)}.overlay h1{font-size:clamp(2.5rem,7.6vw,6.3rem)}.arena-card,.overlay .character-card{min-height:82px;padding:9px 10px}.character-card span{font-size:.62rem;line-height:1.12;display:block}.character-card small{font-size:.56rem;line-height:1.12}}