/* One consistent header and menu for every Play game. */
body .topbar{position:sticky;top:0;z-index:9001;background:#160b28;border-radius:12px;gap:10px;padding:6px 8px}
body.in-game .topbar:has(#playMenuButton){padding:4px 8px;flex-shrink:0;min-height:48px}
#playMenuButton{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:8px;background:var(--lime);color:var(--ink);border:1px solid var(--ink);border-radius:12px;box-shadow:none}
body .topbar #weaponButton{position:static;display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:8px;border:1px solid var(--ink);border-radius:12px;background:var(--pink);color:#fff;box-shadow:none}
body .topbar #weaponButton[hidden]{display:none!important}
body .topbar #weaponButton:focus-visible{outline:3px solid var(--lime);outline-offset:2px}
body .topbar>.topbar-actions{margin-left:auto;flex-wrap:nowrap;min-width:0}
body .topbar>strong{font-size:15px;letter-spacing:.07em;white-space:nowrap}
body.in-game .topbar #hostGameRoomButton{position:static;flex:0 0 auto;min-height:44px;max-width:none;padding:10px 14px;background:var(--lime);color:var(--ink);border:2px solid var(--ink);border-radius:12px;font-size:15px;font-weight:950;line-height:1.2;box-shadow:none;white-space:nowrap}
body.in-game .topbar #hostGameRoomButton:disabled{background:var(--lime);opacity:.65}
#playMenu{position:fixed;inset:64px max(10px,env(safe-area-inset-right)) auto auto;margin:0;padding:16px;width:min(310px,calc(100vw - 20px));max-height:calc(100dvh - 85px);overflow:auto;border:1px solid #705187;border-radius:18px;background:#21122f;color:#fff;box-shadow:0 16px 50px #0009}
#playMenu::backdrop{background:#08041188}
.play-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#playMenuTitle{font-size:20px;margin:0}
#playMenu [data-menu-close]{width:44px;height:44px;padding:0;background:transparent;color:#fff;border:0;box-shadow:none;font-size:28px}
#playMenuItems{display:grid;gap:8px}
#playMenuItems>button,#playMenuItems>a{position:static;display:block;width:100%;max-width:none;min-height:44px;padding:12px 14px;border:1px solid #624675;border-radius:12px;background:#322040;color:#fff;box-shadow:none;text-align:left;font:700 15px/1.3 Inter,Arial,sans-serif;white-space:normal;text-decoration:none}
#playMenuItems>button:disabled{opacity:.5}
#playMenuItems>button:hover:not(:disabled),#playMenuItems>a:hover{background:#473057}
@media(max-width:560px){body .topbar>strong{font-size:12px;letter-spacing:.03em}body .topbar>img{width:34px;height:34px}body .topbar-actions #connectionStatus{display:none}}
@media(max-width:560px){body .topbar:has(#hostGameRoomButton:not([hidden]))>strong{display:none}body .topbar>.topbar-actions{gap:8px}}

#playBackNotice{position:fixed;z-index:11001;top:calc(env(safe-area-inset-top) + 72px);left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);padding:12px 16px;border:1px solid var(--cyan);border-radius:14px;background:#21122f;color:#fff;box-shadow:0 6px 24px #0008;font-size:15px;line-height:1.4;pointer-events:none}#playBackNotice[hidden]{display:none!important}