:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/145% var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{background:#16101f;height:100%;margin:0;overflow:hidden}#root{width:100%;height:100%}.lobby-root{background:radial-gradient(circle at 50% 20%,#241a3d,#16101f 70%);justify-content:center;align-items:center;width:100vw;height:100svh;display:flex}.lobby-card{color:#fff;text-align:center;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:16px;width:min(420px,90vw);padding:32px;box-shadow:0 20px 60px #00000080}.lobby-card h1{margin:0 0 8px;font-size:26px}.lobby-sub{color:#ffffffa6;margin:0 0 24px;font-size:14px}.lobby-actions,.lobby-join{flex-direction:column;gap:10px;display:flex}.lobby-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:700}.lobby-btn:hover{background:#ffffff24}.lobby-btn.primary{background:linear-gradient(#fb923c,#c2410c);border-color:#ffffff4d}.lobby-btn:disabled{opacity:.5;cursor:not-allowed}.lobby-join{text-align:left}.lobby-join label{color:#ffffffa6;font-size:12px}.lobby-join input{color:#fff;background:#0000004d;border:1px solid #fff3;border-radius:8px;padding:10px 12px;font-size:14px}.lobby-join-actions{gap:10px;display:flex}.lobby-join-actions .lobby-btn{flex:1}.lobby-hint{color:#ffffff73;margin:20px 0 0;font-size:11px;line-height:1.5}.game-root{width:100vw;height:100svh;position:relative;overflow:hidden}.game-canvas{cursor:crosshair;width:100%;height:100%;display:block}.hud-topleft{flex-direction:column;gap:6px;width:220px;display:flex;position:absolute;top:16px;left:16px}.stat-bar{background:#00000073;border:1px solid #ffffff26;border-radius:6px;height:20px;position:relative;overflow:hidden}.stat-bar-fill{width:0;transition:width .15s ease-out;position:absolute;inset:0}.stat-bar-fill.hp{background:linear-gradient(90deg,#22c55e,#4ade80)}.stat-bar-fill.fill{background:linear-gradient(90deg,#c2410c,#fb923c)}.stat-bar-label{z-index:1;color:#fff;text-shadow:0 1px 2px #0009;justify-content:center;align-items:center;height:100%;font-size:11px;font-weight:600;display:flex;position:relative}.hud-row{gap:8px;display:flex}.tabs-chip,.kills-chip{color:#fff;background:#00000073;border:1px solid #ffffff26;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.hud-topright{color:#fff;background:#00000073;border:1px solid #ffffff26;border-radius:8px;width:200px;padding:10px 12px;position:absolute;top:16px;right:16px}.hud-topright h3{color:#fffc;margin:0 0 6px;font-size:13px;font-weight:600}.hud-topright ol{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.hud-topright li{justify-content:space-between;font-size:12px;display:flex}.hud-topright li.is-player{color:#ffe8a3;font-weight:700}.hud-feed{pointer-events:none;flex-direction:column;align-items:flex-end;gap:4px;width:240px;display:flex;position:absolute;top:200px;right:16px}.hud-feed-item{color:#fff;background:#00000080;border:1px solid #ffffff1a;border-radius:6px;padding:4px 8px;font-size:12px}.hud-net{color:#fff;background:#00000080;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.hud-net code{background:#ffffff1f;border-radius:4px;padding:2px 6px;font-size:12px}.hud-net button{color:#04210f;cursor:pointer;background:linear-gradient(#4ade80,#16a34a);border:none;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700}.hud-net.error{color:#ffb4b4}.hud-center-message{text-align:center;color:#fff;background:#0000008c;border-radius:12px;padding:20px 28px;font-size:18px;font-weight:600;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.hud-center-message button{color:#fff;cursor:pointer;background:linear-gradient(#fb923c,#c2410c);border:1px solid #ffffff4d;border-radius:8px;margin:14px auto 0;padding:8px 16px;font-size:13px;font-weight:700;display:block}.hud-hint{color:#ffffffb3;background:#00000059;border-radius:6px;padding:6px 10px;font-size:12px;position:absolute;bottom:16px;left:16px}.hud-hint a{color:#ffb4b4}.hud-death{text-align:center;color:#ef4444;text-shadow:0 2px 8px #0009;letter-spacing:2px;font-size:40px;font-weight:800;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.hud-death-sub{color:#fff;margin-top:6px;font-size:16px;font-weight:600}.shop-toggle{color:#fff;cursor:pointer;background:linear-gradient(#fb923c,#c2410c);border:1px solid #ffffff4d;border-radius:8px;margin-top:4px;padding:8px 12px;font-size:13px;font-weight:700;box-shadow:0 4px 10px #00000059}.shop-toggle:hover{filter:brightness(1.08)}.shop-overlay{background:#0000008c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.shop-panel{color:#fff;background:#201735;border:1px solid #ffffff26;border-radius:12px;width:min(680px,92vw);max-height:82vh;padding:20px;overflow-y:auto;box-shadow:0 20px 60px #00000080}.shop-header{align-items:center;gap:12px;display:flex}.shop-header h2{flex:1;margin:0;font-size:20px}.shop-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;width:28px;height:28px;font-size:14px}.shop-sub{color:#ffffffa6;margin:10px 0 16px;font-size:13px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.shop-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.shop-card-icon{font-size:24px}.shop-card-name{font-size:14px;font-weight:700}.shop-card-desc{color:#ffffffa6;flex:1;font-size:12px}.shop-card-level{color:#ffffff80;font-size:11px}.shop-card button{cursor:pointer;color:#04210f;background:linear-gradient(#4ade80,#16a34a);border:none;border-radius:6px;margin-top:6px;padding:8px;font-size:12px;font-weight:700}.shop-card button:disabled{color:#fff6;cursor:not-allowed;background:#ffffff1f}@media (width<=640px){.hud-topright,.hud-feed{display:none}}