@import url('./online-room-settings.css?v=20261007-friend-filter-v1');
.high-low-online-entry{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.online-bot-entry{margin:12px 0}
.high-low-online-entry .secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;min-height:42px;padding:8px 18px}
.online-embedded-controls{margin:0 0 18px}
.online-embedded-controls p[data-battle-progress]{margin:4px 0;font-size:13px;color:#10264b}
.online-embedded-controls [data-online-player-score]{font-size:14px;font-variant-numeric:tabular-nums;color:#10264b}
body[data-online-battle="true"][data-mode] .app-shell > section.hidden,body[data-online-battle="true"][data-mode] .app-shell > .results-layout.hidden{display:none!important}
.online-guess-actor{display:block;margin-top:4px;font-size:11px;font-weight:600;color:#526782;line-height:1.4}
.online-embedded-heading,.online-embedded-account,.online-embedded-room-line{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.online-embedded-heading{margin-bottom:14px}
.online-embedded-heading h2{margin:0;font-size:1.2rem}
.online-embedded-account{font-size:14px}
.online-embedded-controls .battle-hub-layout{margin-top:14px}
.online-embedded-controls .battle-hub-card{min-width:0}
.online-embedded-controls .battle-join-form{display:flex;gap:8px;flex-wrap:wrap}
.online-embedded-controls .battle-join-form input{min-width:0;flex:1 1 160px;max-width:100%}
.online-embedded-rating{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:6px 0 12px}
.online-embedded-rating div{display:grid;gap:5px}
.online-embedded-rating span{font-size:12px;color:#526782}
.online-embedded-rating strong{font-size:24px;font-variant-numeric:tabular-nums}
.online-embedded-code{font-weight:800;letter-spacing:.12em;font-variant-numeric:tabular-nums}
.online-embedded-room-line{margin-bottom:10px}
.online-embedded-rating-change{font-variant-numeric:tabular-nums}
.online-embedded-controls .battle-player-list{margin:12px 0}
.online-embedded-controls .battle-player{grid-template-columns:32px minmax(0,1fr) auto}
.online-embedded-controls .battle-player__status{grid-column:auto}
.online-embedded-controls [data-online-room-count]{white-space:nowrap;font-variant-numeric:tabular-nums}
.online-embedded-controls [data-online-player-list]{display:grid;grid-template-columns:repeat(var(--online-player-columns,2),minmax(0,1fr));gap:8px}
.online-embedded-controls [data-online-player-list] .battle-player{min-width:0;grid-template-columns:minmax(0,1fr);gap:3px}
.online-embedded-controls [data-online-player-list] .battle-player__rank{display:none}
.online-embedded-controls [data-online-player-list] .battle-player__name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.online-embedded-controls [data-online-player-list] .battle-player__name small{margin-left:4px;font-size:10px}
.online-embedded-controls .battle-player.is-eliminated{opacity:.65}
.online-embedded-controls .battle-player.is-current-turn{border-color:#237ad4}
.online-embedded-controls [data-online-spectating],.online-embedded-controls [data-online-winner]{margin:6px 0 0;font-size:13px}
.online-embedded-controls.is-active{padding:10px 14px}
.online-embedded-controls.is-active .online-embedded-room-line{margin-bottom:6px;font-size:12px}
.online-embedded-controls.is-active .battle-player-list{display:grid;grid-template-columns:repeat(var(--online-player-columns,2),minmax(0,1fr));gap:8px;margin:6px 0 8px}
.online-embedded-controls.is-active .online-embedded-room-line .battle-action{min-height:30px;padding:4px 10px;font-size:12px}
.online-embedded-controls.is-active .battle-player{min-width:0;padding:7px 10px;display:grid;grid-template-columns:minmax(0,1fr);gap:3px}
.online-embedded-controls.is-active .battle-player__rank{display:none}
.online-embedded-controls.is-active .battle-player__name{display:block;min-width:0;font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.online-embedded-controls.is-active .battle-player__name small{display:inline;margin-left:4px;font-size:10px}
.online-embedded-controls.is-active .battle-player__status{padding:2px 6px;font-size:11px;line-height:1.2}
.online-embedded-controls.is-active .battle-action-timer{grid-template-columns:minmax(0,1fr) auto;padding:6px 10px;gap:8px;margin:0;font-size:13px;line-height:1.2}
.online-embedded-controls.is-active .battle-action-timer strong{font-size:20px}
.online-embedded-error{color:#a21c39;font-weight:700}
.online-embedded-error .battle-action{margin-left:8px}
.online-embedded-leaderboard{margin-top:18px}
.online-embedded-leaderboard summary{cursor:pointer;font-weight:700}
.online-embedded-leaderboard table{width:100%;margin-top:12px;border-collapse:collapse;table-layout:fixed;font-size:14px}
.online-embedded-leaderboard th,.online-embedded-leaderboard td{padding:10px 8px;text-align:left;overflow-wrap:anywhere;border-bottom:1px solid rgba(32,58,88,.15)}
.online-embedded-leaderboard th:first-child,.online-embedded-leaderboard td:first-child{width:48px}
.online-embedded-leaderboard th:last-child,.online-embedded-leaderboard td:last-child{width:78px;text-align:right;font-variant-numeric:tabular-nums}
.online-embedded-delete{margin-top:18px;padding:0;border:0;background:none;color:#526782;font:inherit;font-size:12px;text-decoration:underline;cursor:pointer}
.online-embedded-delete:disabled{opacity:.5;cursor:default}
.online-mode-picker{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-weight:700;color:#10264b}
.online-mode-picker select{max-width:100%;min-height:42px;padding:7px 12px;border:1px solid #98b9e0;border-radius:10px;background:#fff;color:inherit;font:inherit}
@media(max-width:640px){.high-low-online-entry{margin-bottom:8px}.high-low-online-entry .secondary-button{font-size:13px;min-height:38px}.online-embedded-heading{align-items:flex-start}.online-embedded-account{width:100%}.online-embedded-account .battle-action{width:auto}.online-embedded-controls .battle-hub-layout{grid-template-columns:minmax(0,1fr)}.online-embedded-room-line .battle-action{width:auto}.online-embedded-controls .battle-modal__actions{display:flex;gap:8px;flex-wrap:wrap}.online-embedded-controls .battle-modal__actions .battle-action{flex:1 1 140px;width:auto}.online-embedded-controls .battle-join-form .battle-action{width:auto}}
@media(max-width:640px){.online-embedded-controls [data-online-player-list],.online-embedded-controls.is-active [data-online-player-list]{grid-template-columns:repeat(2,minmax(0,1fr))}}