*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#090c10;color:#f4f8fb}body{letter-spacing:.01em}.app-shell{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 20%,#2d343c,#171d23 38%,#090c10)}.game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0}.hud{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;padding:16px}.hud-panel{background:#090d127a;border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 18px 60px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar{position:absolute;top:16px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px}.topbar h1{margin:0;font-size:1.4rem}.topbar-stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px 18px;color:#c9d8e4;font-size:.92rem}.left-column,.right-column{position:absolute;top:100px;bottom:96px;width:min(320px,calc(50vw - 40px));padding:16px 18px;display:flex;flex-direction:column;gap:16px;overflow:auto}.left-column{left:16px}.right-column{right:16px}.footerbar{position:absolute;left:50%;bottom:16px;transform:translate(-50%);width:min(980px,calc(100vw - 32px));display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:14px 18px}.eyebrow{display:block;margin-bottom:6px;color:#8db9d8;text-transform:uppercase;font-size:.72rem;letter-spacing:.14em}p,ul{margin:0;padding-left:18px;color:#dbe7f0;line-height:1.45}section{display:flex;flex-direction:column;gap:10px}.stat-list{list-style:none;padding:0;display:grid;gap:8px}.stat-list li{display:flex;justify-content:space-between;gap:12px;color:#d5e4ee}.error-box{padding:12px 14px;border-radius:14px;background:#a4242433;color:#ffd0d0}.party-grid{display:flex;gap:8px;flex-wrap:wrap}.party-pill{padding:6px 10px;border-radius:999px;background:#409dd638;border:1px solid rgba(141,185,216,.25);color:#eff8ff}.party-pill.disconnected{background:#82828233;border-color:#b4b4b438;color:#c9c9c9}@media (max-width: 1180px){.topbar{align-items:flex-start;flex-direction:column}.left-column,.right-column{width:min(270px,calc(50vw - 28px));max-height:calc(100vh - 220px)}.footerbar{align-items:flex-start;flex-direction:column}}@media (max-width: 820px){.hud{padding:12px}.topbar{top:12px;left:12px;right:12px;gap:12px;padding:14px 16px}.topbar h1{font-size:1.16rem}.topbar-stats{font-size:.82rem;gap:8px 12px;justify-content:flex-start}.left-column,.right-column{top:auto;bottom:88px;width:calc(50vw - 18px);max-height:min(36vh,320px);padding:14px 15px;gap:12px}.left-column{left:12px}.right-column{right:12px}.footerbar{left:12px;right:12px;bottom:12px;transform:none;width:auto;gap:10px;padding:12px 14px}.eyebrow{font-size:.66rem}p,ul{font-size:.88rem}}