#venue-shortcut{position:fixed;top:150px;left:18px;z-index:26;min-height:44px;background:#3c293ef2;border:1px solid #b88e66;color:#ffe3bd;padding:10px 15px;max-width:calc(100vw - 30px)}
#corridor-shortcut{position:fixed;top:150px;right:18px;z-index:26;min-height:44px;background:#302944f2;border:1px solid #ae97d4;color:#f2e5ff;padding:10px 12px;touch-action:manipulation}.mobile-ui #corridor-shortcut{top:calc(140px + var(--safe-top));right:12px;font-size:12px;max-width:138px}.mobile-ui.mobile-modal-open #corridor-shortcut{display:none}@media(max-height:500px){.mobile-ui #corridor-shortcut{top:108px}}
.venue-tabs,.venue-roles{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.venue-tabs button{flex:1;min-height:44px;padding:10px;border:1px solid #a5886c;border-radius:10px}.venue-tabs button[aria-pressed=true],.venue-roles button[aria-pressed=true]{background:#78543f;color:#fff0d9}
.venue-list article,.venue-queue li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #a4896e44}.venue-list article>div,.venue-queue li>div{min-width:0;overflow-wrap:anywhere}.venue-list small,.venue-queue small,.venue-now small{display:block;color:#d7c2cd;font-size:13px;margin-top:5px}.venue-list button{flex-shrink:0}.venue-switch{display:flex;gap:10px;align-items:center;min-height:48px}.venue-switch input{width:22px;height:22px}.venue-invite{padding:14px;border:1px solid #c5a16d;border-radius:12px;margin:12px 0}.venue-invite button{margin-right:8px}.venue-queue{padding-left:20px}.venue-now{background:#52364b;padding:14px;border-radius:12px}
#venue-panel button,#companion-picker button{min-height:44px;touch-action:manipulation}#venue-panel button:disabled{opacity:.45;cursor:not-allowed}#venue-error{color:#ffb9b9}#venue-panel a{color:#f1ce9b}
#companion-picker{position:fixed;z-index:46;left:50%;bottom:130px;transform:translateX(-50%);width:min(550px,calc(100vw - 24px));background:#251a2ff5;border:1px solid #c49c72;border-radius:16px;padding:14px;box-shadow:0 8px 30px #0007}#companion-picker[hidden]{display:none}#companion-picker>div{display:flex;gap:8px;flex-wrap:wrap}#companion-picker button{margin-top:8px;padding:8px;border:1px solid #ad8d70;border-radius:8px}
.mobile-ui #venue-shortcut{top:calc(140px + var(--safe-top));left:12px;font-size:12px;max-width:210px}.mobile-ui.mobile-modal-open #venue-shortcut{display:none}.mobile-ui #companion-picker{bottom:calc(78px + var(--safe-bottom));font-size:13px}.mobile-ui #companion-picker>div button{flex:1;min-width:80px}.mobile-ui #venue-panel p{font-size:14px;line-height:1.65}.mobile-ui #venue-panel .venue-list article{align-items:flex-start}.mobile-ui #venue-panel .venue-list b{font-size:14px}.mobile-ui #venue-panel .venue-list button{font-size:12px;max-width:130px}.mobile-ui #venue-panel .venue-tabs{gap:6px}
@media(max-height:500px){.mobile-ui #venue-shortcut{top:108px;max-width:160px}}
.host-deck{border:1px solid #c5a16d;border-radius:12px;padding:12px;margin:16px 0}.host-deck h3{margin-top:0}.venue-queue-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}.venue-queue-actions button{min-width:54px}.mobile-ui .venue-queue-actions{max-width:125px}
.song-library label{display:block;margin:12px 0 6px}.song-library input,.song-library select{box-sizing:border-box;min-height:44px;width:100%;font-size:16px;padding:10px;border:1px solid #aa8aaf;border-radius:8px;background:#241c30;color:#fff0e4}
#my-room-card{position:fixed;left:18px;top:205px;z-index:26;max-width:250px;padding:12px;border:1px solid #bda2ef;border-radius:12px;background:#241b36ed;color:#f7ecff}#my-room-card[hidden]{display:none}#my-room-card small{display:block;font-size:12px;margin:6px 0;color:#d4c5e9}#my-room-card button{min-height:44px;padding:8px 12px;border:1px solid #a892ce;border-radius:8px;background:#4a3569;color:white;touch-action:manipulation}#my-room-card>div{display:flex;gap:8px}.mobile-ui #my-room-card{left:12px;top:calc(194px + var(--safe-top));max-width:218px;padding:9px;font-size:13px}.mobile-ui.mobile-modal-open #my-room-card{display:none}@media(max-height:500px){.mobile-ui #my-room-card{top:160px;max-width:200px}}