/* Mobile-first compact room UI. Scoped to logged-in game only. */
.game-header{padding-block:12px;min-height:60px}.header-identity{display:flex;align-items:center;gap:9px;font-weight:700}.header-avatar{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#ffe69b;font-size:23px}.logged-game{max-width:850px;padding-top:10px}.logged-game .lobby-panel{margin:8px 0;padding:12px 16px}.logged-game .game-room-panel{margin:10px 0;padding:16px}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.game-room-summary{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e5edf7;padding-bottom:12px}.game-room-summary h2{font-size:clamp(19px,4.7vw,25px);margin:0}.game-round{background:#0c4487;color:white;border-radius:10px;padding:7px 12px;font-weight:700;white-space:nowrap}.game-players-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0}.game-ready-count{font-size:14px;font-weight:700}.game-toggle-players{background:#eaf2ff;border:1px solid #adc8e9;padding:9px 12px;font-size:14px}.game-players-list{display:flex;flex-wrap:wrap;gap:5px;padding:8px 0}.game-players-list .chip{margin:0;padding:7px 10px;font-size:14px}.logged-game #room>p:not(.game-role-badge):not(.game-instruction){margin:9px 0;color:#53657e;font-size:14px}.game-role-badge{background:#fff3c7;border-radius:14px;text-align:center;padding:10px;margin:12px 0!important;font-weight:bold;font-size:19px}.game-role-badge .role{width:40px;height:40px;font-size:25px;vertical-align:middle}.game-inspector-name{text-align:center;font-size:16px;margin:10px 0}.game-instruction{text-align:center;font-size:15px;margin:10px 0!important;color:#32496a!important}.game-suspect-choice{border:1px solid #d4e4fa;background:#f7fbff;min-height:56px;padding:12px 15px;font-size:17px;cursor:pointer}.game-suspect-choice:has(input:checked){background:#e1f0ff;border-color:#2679d2}.game-suspect-choice input{width:19px;height:19px;accent-color:#176ac4;margin:0}.game-confirm-guess{display:block;width:100%;margin-top:14px;background:#ffd438;padding:14px;font-size:18px}.game-ad-panel{margin:12px 0;padding:14px;text-align:center}.game-ad-title{font-weight:bold;color:#526987;margin-bottom:9px}.game-ad-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-ad-slot{min-height:65px;border:1px dashed #c6d7eb;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#899bb2;font-size:13px;overflow:hidden}.game-ad-slot a{width:100%;display:block}.game-ad-slot img{width:100%;height:auto;max-height:150px;object-fit:contain;display:block}.logged-game .lobby-panel:has(#lobbyControls[hidden]):has(#currentRoomControls[hidden]){display:none}
@media(max-width:550px){.game-header{padding:10px 12px;gap:8px;flex-wrap:nowrap}.game-header nav{display:flex;gap:6px}.game-header nav a{margin:0;font-size:12px}.header-identity{font-size:14px;min-width:0}.header-identity span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logged-game{padding:8px 10px}.logged-game .game-room-panel{padding:13px;margin:8px 0}.game-players-bar{flex-wrap:wrap}.game-ad-grid{grid-template-columns:1fr}.game-ad-slot{min-height:55px}}

/* Role is displayed once in the header; player details are collapsed in the room. */
.header-player-role{font-size:13px;font-weight:700;color:#fff3c7;white-space:nowrap;padding-inline-start:8px;border-inline-start:1px solid rgba(255,255,255,.35)}
.header-player-role[hidden]{display:none!important}
.game-players-list[hidden]{display:none!important}
.game-players-list .chip{line-height:1.6}
@media(max-width:550px){.header-identity{gap:6px;flex-wrap:wrap;justify-content:flex-start}.header-player-name{max-width:115px}.header-player-role{font-size:11px;padding-inline-start:5px}.game-header nav a{font-size:11px}}