.room-panel{max-width:1400px;margin:0 auto 24px;padding:24px;background:#fffaf1;border:1px solid #ddd0bd;border-radius:16px}.room-panel input{display:block;width:100%;max-width:760px;padding:10px;margin:6px 0 16px;border:1px solid #c8bba8;border-radius:6px;font:inherit}.room-panel label{display:block}.room-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}#roster{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}#roster span{padding:8px 12px;background:#eee6d8;border-radius:8px}#room-error{color:#a83314}#connection{font-weight:bold}#credential-box{padding:12px;background:#eee6d8}#invite{font-size:14px}#lobby .fields{max-width:640px}
.room-panel.playing .fields,.room-panel.playing #configure,.room-panel.playing #start{display:none}.room-panel.playing{padding:16px 24px}.room-panel.playing h2{margin:0}.room-panel.playing #seat-name{margin:6px 0}.room-panel.playing .room-buttons{margin:8px 0}.room-panel.playing #roster{margin:8px 0}.room-panel.playing #room-status{margin:4px 0}
[hidden]{display:none!important}
body:not(.in-game) .room-panel{max-width:760px;margin:44px auto;padding:32px}
#entry h2{font-size:38px;margin:12px 0}#entry>p{color:#647163;margin-bottom:24px}
#entry .room-buttons button{flex:1}#create{background:#c9551a;color:white;border-color:#c9551a}
.room-tab-wrap{display:flex;justify-content:center}
#room-toggle{border-top:0;border-radius:0 0 12px 12px;padding:8px 24px;font-size:13px;box-shadow:0 3px 7px #27332f0a}
body.in-game .room-panel{margin-top:16px}
@media(max-width:800px){body:not(.in-game) .room-panel{margin:24px 16px;padding:24px}#entry h2{font-size:32px}}