#mobile-chat-toggle,#mobile-seat-toggle,#mobile-chat-close{display:none}
.chat-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-scopes{display:flex;gap:6px;margin:10px 0}.chat-scopes button{min-height:38px;font-size:12px;padding:8px 12px}.chat-scopes button[aria-pressed=true]{background:#815d76;border-color:#e9c18d}
.mobile-club{height:100dvh;min-height:0;overflow:hidden;padding:max(0px,env(safe-area-inset-top)) max(0px,env(safe-area-inset-right)) max(0px,env(safe-area-inset-bottom)) max(0px,env(safe-area-inset-left))}
.mobile-club>header,.mobile-club>.legal-footer{display:none}
.mobile-club main{max-width:none;height:100%;padding:0 4px 4px}
.mobile-club #club{height:100%;display:flex;flex-direction:column;min-height:0}
.mobile-club .club-heading{flex:none;min-height:48px;margin:0;align-items:center;gap:8px;padding:3px 7px}
.mobile-club .club-heading .eyebrow{display:none}
.mobile-club .club-heading h1{font-size:clamp(15px,4vw,21px);margin:0}
.mobile-club .club-top-actions{gap:6px;padding:0;flex-wrap:wrap;justify-content:flex-end}
.mobile-club .club-top-actions>span{font-size:10px}
.mobile-club #fullscreen-toggle{display:none}
.mobile-club #mobile-chat-toggle,.mobile-club #mobile-seat-toggle{display:block;min-height:40px;padding:7px 9px;font-size:12px}
.mobile-club .club-layout{display:block;flex:1;min-height:0}
.mobile-club .club-play{height:100%;width:100%}
.mobile-club .room-stage{height:100%;width:100%;max-width:none;margin:0;overflow:hidden;border:1px solid #9c7692;border-radius:12px;background:#21192e}
.mobile-club #room{position:absolute;inset:0 auto auto 0;max-width:none;max-height:none;border:0;border-radius:0;display:block}
.mobile-club #room-objects{inset:0 auto auto 0;max-width:none;transform-origin:top left}
.mobile-club .room-controls,.mobile-club #room-tip{display:none}
.mobile-club .mobile-room-actions{display:flex;flex-direction:column;position:absolute;right:12px;bottom:18px;z-index:6;gap:8px;pointer-events:none}
.mobile-club .mobile-room-actions button{pointer-events:auto;min-height:46px;padding:10px 13px;font-size:12px;background:#5c405b99;border:1px solid #dfbca388;backdrop-filter:blur(3px);touch-action:none}
.mobile-club #joystick{display:block}
.mobile-club #bar-chat{display:none;position:fixed;inset:auto 10px max(12px,env(safe-area-inset-bottom)) 10px;width:auto;max-height:75dvh;margin:0;padding:14px;z-index:35;box-shadow:0 8px 50px #000b;overflow:auto;background:#2a1d36f5}
.mobile-club.chat-open #bar-chat:not([hidden]){display:flex;flex-direction:column}
.mobile-club #mobile-chat-close{display:block;min-width:42px;min-height:42px;padding:6px}
.mobile-club #bar-chat .chatlog{height:clamp(80px,35dvh,360px);min-height:70px;flex:1}
.mobile-club #bar-chat .chatbox{display:flex;flex-wrap:nowrap}
.mobile-club #bar-chat .chatbox input{min-width:0;flex:1;flex-basis:0;width:auto;font-size:16px}
.mobile-club #bar-chat .chatbox button{width:auto;min-height:44px}
.mobile-club #bar-seating{display:none;position:fixed;inset:auto 10px max(12px,env(safe-area-inset-bottom)) 10px;max-height:75dvh;overflow:auto;z-index:30;margin:0;background:#34283bf7;box-shadow:0 8px 50px #000b}
.mobile-club.seat-menu-open #bar-seating:not([hidden]){display:block}
.mobile-club #idle-notice{position:fixed;bottom:16px;left:12px;right:12px;z-index:40}
.mobile-club #banner{top:max(54px,env(safe-area-inset-top));font-size:13px;padding:10px 14px}
.mobile-club #sound-panel,.mobile-club #drink-panel{position:fixed;left:10px;right:10px;bottom:12px;max-height:75dvh;overflow:auto;z-index:28;margin:0;background:#2a1d36f7}
.mobile-club #bar-seat-menus>#sound-panel,.mobile-club #bar-seat-menus>#drink-panel{position:static;max-height:none;margin-top:12px}
@media(max-height:500px){.mobile-club .club-heading{min-height:42px}.mobile-club .mobile-room-actions{bottom:12px;right:12px;gap:6px}.mobile-club .mobile-room-actions button{min-height:40px;padding:7px 11px}.mobile-club #bar-chat{left:auto;width:min(380px,90vw)}.mobile-club #bar-chat .chatlog{height:25dvh}}

#sound-panel h2,#drink-panel h2{display:flex;justify-content:space-between;align-items:center;gap:12px}.room-panel-close{flex:none;min-width:40px;min-height:40px;padding:5px 10px;font-size:16px}

#mobile-chat-unread{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;margin-left:3px;border-radius:12px;background:#ffcf79;color:#302039;font:800 11px system-ui;box-shadow:0 1px 4px #0005}

/* Composited movement; avoid re-blurring the room beneath each action button. */
.mobile-club #room-objects{will-change:transform}.mobile-club .mobile-room-actions button{backdrop-filter:none;-webkit-backdrop-filter:none}

/* The mobile canvas stays fixed: paint the camera crop into the viewport. */
.mobile-club #room{transform:none;will-change:auto}