:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#07110f;color:#f5fff9}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;background:#07110f}#game-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;touch-action:none;outline:none}#hud{position:fixed;top:14px;left:14px;display:grid;gap:8px;min-width:min(360px,calc(100vw - 28px));pointer-events:none;text-shadow:0 2px 8px rgba(0,0,0,.45)}.score{display:grid;grid-template-columns:auto auto auto auto auto;align-items:baseline;gap:8px;width:max-content;padding:8px 10px;border:1px solid rgba(245,255,249,.18);border-radius:8px;background:#040c0bb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.score strong{min-width:2ch;font-size:1.6rem;line-height:1}.score span{color:#c7d7cf;font-size:.85rem}.score span:first-of-type{color:#8fc8ff}.score span:last-of-type{color:#ffbf7c}#status,#weather,#roster{width:min(360px,calc(100vw - 28px));max-width:calc(100vw - 28px);padding:8px 10px;border:1px solid rgba(245,255,249,.16);border-radius:8px;background:#040c0b9e;color:#e7f3eb;font-size:.86rem;line-height:1.35;overflow-wrap:anywhere;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#weather{border-color:#d1f7ff38;background:linear-gradient(135deg,#071214b8,#1c2c2e94);color:#d6f6ff;font-size:.8rem}#roster{display:grid;gap:4px}.roster-row{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:7px;align-items:center;min-height:18px}.dot{width:9px;height:9px;border-radius:50%}.dot.blue{background:#58a8ff}.dot.orange{background:#ff9d42}.dot.spectator{background:#b9c6d8}.roster-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-row small{color:#aab9b1}#version-badge{position:fixed;left:12px;bottom:10px;color:#f5fff9ad;font-size:.78rem;pointer-events:none}@media(max-width:520px){#hud{top:10px;left:10px;right:10px;min-width:0;width:calc(100vw - 20px)}.score strong{font-size:1.3rem}#status,#weather,#roster{width:100%;max-width:100%}}