.room-bar{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:12px 16px;border:1px solid #3f648f;border-radius:12px;background:#1b3359;font-size:14px}.room-bar>span:first-child{flex:1;font-weight:700}.room-bar>span:nth-child(2){color:#aec8e7;font-size:12px}.room-bar button{border:1px solid #54749c;border-radius:7px;background:#2b496e;color:#edf6ff;padding:7px 10px;font-size:13px}.segmented button{padding:10px 4px;font-size:13px}.menu-card{width:460px}#online-controls input{width:100%;min-width:0;border:1px solid #b8cde2;border-radius:8px;background:#fff;color:#254366;padding:10px 12px;font:14px inherit}#online-controls input::placeholder{color:#8197ad}.room-primary{display:block;width:100%;border:1px solid #bd8a16;border-radius:10px;background:#ffd462;color:#60400c;padding:11px;font-size:16px;font-weight:800;margin-top:14px}.room-primary:disabled{background:#e1e8f0;border-color:#c0cedd;color:#7c90a8;opacity:1}.join-row,.invite-row{display:flex;gap:8px;margin-top:12px}.join-row button,.invite-row button{flex-shrink:0;border:1px solid #a9c3df;border-radius:8px;background:#d9e9f8;color:#245a85;font-size:14px;padding:8px 15px}.online-status{min-height:24px;font-size:13px;color:#607a93;line-height:1.5;margin-bottom:0}.online-status.error{color:#ad3657}.room-number{font-size:14px;padding:16px 0 10px}.room-number strong{font:700 19px ui-monospace,monospace;letter-spacing:2px;color:#247bb6}.lobby-members{display:grid;gap:7px;margin-bottom:14px}.lobby-member{display:flex;align-items:center;gap:8px;border-radius:8px;padding:9px 11px;background:#deebf8;font-size:14px}.lobby-member .member-color{width:12px;height:12px;border-radius:4px}.lobby-member strong{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-member small{font-size:12px;color:#5c7d99}.invite-label{font-size:13px;font-weight:700}.invite-row input{font-size:12px!important}.room-secondary{width:100%;margin-top:13px;background:transparent;border:0;color:#688099;font-size:14px;padding:5px}.room-note{font-size:12px;line-height:1.6;color:#6d839a;margin-bottom:0}.join-row input{text-transform:uppercase;letter-spacing:2px}.menu-card:has(#online-controls:not([hidden])) .menu-title{margin-bottom:12px}.menu-card:has(#online-controls:not([hidden])) .character-art{width:54px;height:54px;background-size:216px 216px}.menu-card:has(#online-controls:not([hidden])) .art-0{background-position:-54px 0}.menu-card:has(#online-controls:not([hidden])) .art-1{background-position:0 0}.menu-card:has(#online-controls:not([hidden])) .art-2{background-position:-162px 0}.menu-card:has(#online-controls:not([hidden])) .art-3{background-position:-108px 0}@media(max-width:780px){.room-bar{flex-wrap:wrap;gap:8px;padding:10px;font-size:13px}.room-bar>span:first-child{flex-basis:60%}.room-bar button{font-size:12px}.menu-card{max-width:430px}.menu-card:has(#online-controls:not([hidden])){padding-top:18px}.menu-card:has(#online-controls:not([hidden])) .menu-title h1{font-size:29px}.online-status{font-size:12px}}