.play-mode-tabs{display:flex;gap:8px;margin:12px 0}.play-mode-tabs button{min-height:42px;padding:8px 18px;border:1px solid #697653;border-radius:10px;background:#152a20;color:#dfd9be}.play-mode-tabs .selected{background:#d9ba76;color:#17261c}
.online-options{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}.online-options[hidden]{display:none}.online-options>button,.join-room>button{min-height:46px}.join-room{display:flex;gap:7px;flex:1}.join-room input{width:145px;min-width:0;flex:1;background:#0b1e16;border:1px solid #748064;color:#f4e4b7;border-radius:9px;padding:12px;font-size:16px;letter-spacing:2px;text-transform:uppercase}.online-options .primary{min-width:130px}.online-options .secondary{border-radius:9px}#onlineError{width:100%;margin:0;color:#f1bd9b;font-size:12px}
.lobby-dialog{width:520px}.lobby-dialog p{font-size:12px;color:#c4cdb5}.room-code-line{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:14px 0}#lobbyCode{font-size:28px;letter-spacing:5px;color:#e8cb8e}#copyRoom{min-height:44px}.lobby-player{display:inline-block;border:1px solid #667253;border-radius:9px;padding:10px 13px;margin:4px;font-size:13px}#beginOnline,#leaveLobby{min-height:46px;margin-top:10px}.online-badge{font-size:10px;color:#e8d7a5;background:#11251ee8;border:1px solid #d6c49160;padding:8px 10px;border-radius:12px;max-width:185px}.online-badge[hidden]{display:none}.game-hud:has(.online-badge:not([hidden])) .pouch-button{margin-right:0}.online-badge{margin-right:auto}
.lobby-dialog [hidden]{display:none!important}
.room-menu-actions{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.room-menu-actions button{min-height:44px;padding:8px 12px}
@media(max-height:430px){.setup-dialog .eyebrow{display:none}.setup-dialog h2{font-size:22px;margin:0}.play-mode-tabs{margin:6px 0}.play-mode-tabs button{min-height:36px}.setup-dialog .character canvas{height:70px}.online-options{margin-top:8px}.lobby-dialog{padding:16px 22px}.lobby-dialog h2{margin:4px 0}.lobby-dialog .eyebrow{display:none}.room-code-line{margin:8px 0}.lobby-player{padding:8px}#lobbyStatus{margin:7px 0}.game-hud{gap:6px}}
@media(max-width:750px){.online-badge{max-width:100px;font-size:9px;padding:5px}.game-hud .pouch-button{padding:8px}.online-options #resumeRoom{font-size:10px}.online-options{gap:7px}}