: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:22px;padding:32px;display:grid;position:fixed;inset:0}.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:900px;margin:0;font-size:clamp(3rem,10vw,8.6rem);line-height:.86}.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}.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){.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}.status{text-align:center;justify-self:center;min-width:130px}.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}.hit-flash{background:radial-gradient(circle,#fff5c02e,#ff48182e,#0000 54%);transition:opacity 90ms}.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}.stack{min-height:54px;padding:8px}.stack span{font-size:.58rem}}@media (width<=720px){.hud{grid-template-columns:repeat(2,minmax(0,1fr))}.status{justify-self:stretch}.overlay{padding:20px}}