.game-header{position:fixed;top:0;left:0;right:0;z-index:260;min-height:64px;display:grid;grid-template-columns:minmax(220px,.85fr) minmax(280px,1.5fr) minmax(220px,.85fr);gap:12px;align-items:center;padding:8px 14px;box-sizing:border-box;background:#0f172af0;border-bottom:1px solid rgba(148,163,184,.28);box-shadow:0 14px 34px #00000042;color:#e5eefc;font-family:system-ui,sans-serif}.game-header--warning{background:#58340df5;border-bottom-color:#fbbf246b}.game-header__section{min-width:0}.game-header__left{display:flex;align-items:center;gap:10px;min-width:0}.game-header__middle{display:grid;gap:8px;justify-items:center}.game-header__right{display:flex;justify-content:flex-end;align-items:center;gap:8px;min-width:0}.game-header__status-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.game-header__status-dot--connected{background:#22c55e}.game-header__status-dot--connecting,.game-header__status-dot--reconnecting{background:#f59e0b}.game-header__status-dot--disconnected{background:#ef4444}.game-header__role,.game-header__phase-pill,.game-header__peer-state{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;background:#1e293bd1;border:1px solid rgba(148,163,184,.24);color:#dbeafe;font-size:12px;font-weight:700;white-space:nowrap}.game-header__room{display:flex;align-items:center;gap:7px;min-width:0}.game-header__room-label{color:#e2e8f09e;font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap}.game-header__room-code{color:#f8fafc;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:18px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.game-header__banner{overflow:hidden;color:#fef3c7;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.game-header__button,.game-header__tool-button{min-height:34px;border-radius:7px;border:1px solid rgba(148,163,184,.32);background:#1e293bd1;color:#f8fafc;font-size:13px;font-weight:700;cursor:pointer}.game-header__button{padding:0 12px}.game-header__button:hover:not(:disabled),.game-header__tool-button:hover:not(:disabled){border-color:#60a5fa94}.game-header__button:disabled,.game-header__tool-button:disabled{cursor:not-allowed;opacity:.48}.game-header__button--primary{border-color:#3b82f69e;background:#2563ebe0}.game-header__button--ready{border-color:#22c55e99;background:#166534db}.game-header__tools{display:flex;max-width:100%;gap:6px;overflow-x:auto;padding:2px}.game-header__tool-button{min-width:88px;padding:0 12px;white-space:nowrap}.game-header__tool-button[aria-pressed=true]{border-color:#fbbf249e;background:#2563eb52}.game-header__panel{position:absolute;top:68px;left:50%;width:min(760px,calc(100vw - 28px));max-height:calc(100vh - 92px);overflow:auto;transform:translate(-50%);padding:12px;border:1px solid rgba(148,163,184,.24);border-radius:8px;background:#111827f2;box-shadow:0 18px 44px #00000057}.game-header__lobby{display:flex;max-width:100%;gap:8px;overflow-x:auto}.game-header__peer{display:flex;align-items:center;gap:7px;min-height:30px;padding:0 9px;border:1px solid rgba(148,163,184,.22);border-radius:7px;background:#0f172aad;white-space:nowrap}.game-header__peer-name{font-size:13px;font-weight:800}.game-header__peer-state{min-height:20px;padding:0 7px;font-size:11px}.game-header__popover{position:absolute;top:68px;right:14px;min-width:260px;display:grid;gap:8px;padding:12px;border:1px solid rgba(148,163,184,.28);border-radius:8px;background:#0f172af5;box-shadow:0 18px 44px #0000005c}.game-header__activation-row{display:flex;justify-content:space-between;gap:12px;color:#e5eefc;font-size:13px}@media(max-width:900px){.game-header{grid-template-columns:1fr;align-items:stretch}.game-header__middle{justify-items:start}.game-header__right{justify-content:flex-start;flex-wrap:wrap}.game-header__panel,.game-header__popover{position:fixed;top:136px;left:14px;right:14px;width:auto;transform:none}}