/* Session layout, quiz options and new collection controls. */
[hidden]{display:none!important}
.game-badge.hybrid{color:#cef4e8;border-color:#578980;background:#122e30e0}.game-dual-actions{display:flex;gap:8px;flex-wrap:wrap}.game-dual-actions button{flex:1;min-width:110px}.game-cover.cover-memory,.game-cover.cover-reaction,.game-cover.cover-wordduel,.game-cover.cover-town,.game-cover.cover-minigolf,.game-cover.cover-billiards,.game-cover.cover-survival,.game-cover.cover-kart{background:#152235}
.quiz-config{border:1px solid #43506b;border-radius:14px;background:#152136;margin:18px 0;padding:16px}.quiz-config[hidden]{display:none}.quiz-config legend{padding:0 7px;color:#c7b9fa;font-size:12px;font-weight:750}.quiz-config label{display:block}.quiz-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quiz-config-grid label:last-child{grid-column:1/-1}.quiz-config select{width:100%;margin:7px 0 0;min-height:46px}.quiz-config p{color:#aebbd0;font-size:12px;line-height:1.5;margin:14px 0 0}.quiz-lobby-settings{display:flex;gap:8px;flex-wrap:wrap;padding:13px 0}.quiz-lobby-settings span{display:inline-flex;padding:9px 12px;border:1px solid #43506b;background:#1b2a40;border-radius:9px;font-size:12px;color:#cfddf1}.quiz-lobby-settings[hidden]{display:none}.quiz-history-note{font-size:12px;color:#a1b5cf;line-height:1.5}.quiz-history-warning{color:#ffd099}
.expansion-status{font-size:14px;color:#c9d9ef;line-height:1.5}.expansion-status:empty{display:none}.expansion-controls button,.game-area button{touch-action:manipulation}.game-area canvas{display:block;max-width:100%;height:auto}.game-area{min-width:0}.room-modal{width:min(1020px,calc(100vw - 32px));max-width:1020px}.room-modal .game-area{width:100%;max-width:100%}.room-modal .room-chat{margin-top:20px}.room-modal .share-actions{flex-wrap:wrap}.quiz-shell{max-width:760px;margin:0 auto}.quiz-options button{min-height:60px;line-height:1.45;overflow-wrap:anywhere}.collection-count{font-variant-numeric:tabular-nums}
.room-view-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.room-view-actions .modal-close{position:static;min-width:44px;min-height:44px}.room-view-actions .small-btn{min-height:44px;padding:8px 12px}.modal-overlay:has(.room-game-focus){padding:0}.modal-overlay>.room-modal.room-game-focus{width:100%;max-width:none;height:var(--nexus-visible-height);max-height:var(--nexus-visible-height);margin:0;border-radius:0;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow-y:auto}.room-game-focus .room-code-row,.room-game-focus .share-actions,.room-game-focus .room-connection,.room-game-focus .player-list,.room-game-focus .quiz-lobby-settings,.room-game-focus .room-status,.room-game-focus .room-chat{display:none}.room-game-focus .room-modal-header{margin-bottom:12px}.room-game-focus .room-modal-header h2{font-size:18px}.room-game-focus .room-modal-header .eyebrow{display:none}.room-game-focus .game-area{max-width:1180px;margin:0 auto}.room-game-focus #start-game{max-width:480px;margin:12px auto 0}
@media(max-width:850px),(pointer:coarse) and (max-width:1180px){.room-modal{width:100%;padding:18px}.quiz-config-grid{grid-template-columns:1fr}.quiz-config-grid label:last-child{grid-column:auto}.quiz-config select{font-size:16px;min-height:48px}.quiz-config{padding:13px}.quiz-lobby-settings{gap:6px}.quiz-lobby-settings span{font-size:11px;padding:8px 10px}.game-dual-actions button{min-height:46px}.game-area button{min-height:44px}.game-area canvas{border-radius:12px}.quiz-question{font-size:clamp(20px,5vw,29px)}.quiz-options{gap:9px}.quiz-options button{padding:14px;font-size:15px}.room-modal .room-chat{margin-top:16px}.room-modal-header h2{font-size:23px}.room-code-row{flex-wrap:wrap;gap:9px}.room-code-row strong{font-size:20px}}
@media(max-height:520px) and (orientation:landscape){.room-modal{padding:14px}.room-modal-header h2{font-size:20px}.room-players{margin:8px 0}.quiz-config-grid{grid-template-columns:repeat(3,1fr)}.quiz-options{grid-template-columns:1fr 1fr}.quiz-question{font-size:21px}.quiz-lobby-settings{padding:7px 0}}
/* Keep live controls beside the playfield in a phone's landscape viewport. */
@media (orientation:landscape) and (max-height:550px) and (min-width:600px){
 .modal-overlay>.room-modal.room-game-focus{--nexus-play-height:calc(var(--nexus-visible-height) - max(8px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom)));padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
 .room-game-focus .room-modal-header{margin-bottom:6px;min-height:44px}.room-game-focus .room-modal-header>div:first-child{min-width:0}.room-game-focus .room-modal-header h2{font-size:16px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-game-focus .room-view-actions{gap:6px}
 .room-game-focus .survival-game{display:grid;grid-template-columns:minmax(0,1fr) 164px;gap:8px;padding:8px}.room-game-focus .survival-game .party-heading{display:none}.room-game-focus .survival-team{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;gap:5px}.room-game-focus .survival-player{padding:5px}.room-game-focus .survival-player>span{flex-wrap:nowrap;margin-bottom:4px;font-size:10px;gap:4px}.room-game-focus .survival-player strong{font-size:10px}.room-game-focus .survival-player small{font-size:9px;margin-left:auto}.room-game-focus .survival-health{height:3px}
 .room-game-focus .survival-stage{grid-column:1;grid-row:2/5;width:min(100%,calc((var(--nexus-play-height) - 100px)*1.6));justify-self:center;align-self:start}.room-game-focus .survival-controls{grid-column:2;grid-row:2;flex-direction:column;padding:7px;gap:7px;align-items:center}.room-game-focus .survival-help{display:none}.room-game-focus .survival-joystick{flex-basis:94px;width:94px;height:94px}.room-game-focus .survival-joystick>span{left:25px;top:25px}.room-game-focus .survival-dash{flex:auto;width:100%;height:48px;min-height:48px}.room-game-focus .survival-status{grid-column:2;grid-row:3;flex-direction:column;padding:0;gap:4px;font-size:10px}.room-game-focus .survival-enemies{white-space:normal}.room-game-focus .survival-game .party-rules{grid-column:2;grid-row:4;margin:0;padding-top:5px;font-size:10px}
 .room-game-focus .arcade-shell{padding:8px;display:grid;grid-template-columns:minmax(0,1fr) 164px;gap:6px}.room-game-focus .arcade-heading{display:none}.room-game-focus .arcade-score{grid-column:1/-1;margin:0;padding:5px 8px;min-height:30px}.room-game-focus .arcade-score span{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-game-focus .arcade-canvas-wrap{grid-column:1;grid-row:2/4;width:min(100%,calc((var(--nexus-play-height) - 100px)*900/660));justify-self:center;align-self:start}.room-game-focus .arcade-hockey{grid-template-columns:1fr}.room-game-focus .arcade-hockey .arcade-canvas-wrap{width:min(100%,calc((var(--nexus-play-height) - 121px)*900/520))}.room-game-focus .bomber-input{grid-column:2;grid-row:2;flex-direction:column;gap:6px;align-items:center}.room-game-focus .bomber-input .bomber-controls{width:100%;grid-template-columns:1fr 1fr;gap:5px;padding:0;flex:none}.room-game-focus .bomber-controls button{height:44px;min-height:44px}.room-game-focus .bomber-controls button:last-child{grid-column:1/-1}.room-game-focus .arcade-bottom{grid-column:2;grid-row:3;margin:0;font-size:10px;gap:4px;flex-wrap:wrap}.room-game-focus .arcade-hockey .arcade-bottom{grid-column:1;grid-row:4;justify-content:center}
 .room-game-focus .physics-aim-note,.room-game-focus .physics-note{display:none}.room-game-focus .physics-game{gap:6px}.room-game-focus .physics-hud{gap:6px}.room-game-focus .physics-caption{font-size:9px;margin-bottom:2px}.room-game-focus .physics-title{font-size:14px}.room-game-focus .physics-status{font-size:10px;padding:5px 8px}.room-game-focus .physics-score{padding:4px 6px}.room-game-focus .physics-score strong{max-width:92px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-game-focus .physics-rules{font-size:9px;line-height:1.4}
}
@media (orientation:landscape) and (max-height:360px) and (min-width:600px){
 .room-game-focus .bomber-input{gap:4px}.room-game-focus .nexus-joystick{width:60px;height:60px}.room-game-focus .nexus-joystick span{width:28px;height:28px}
 .room-game-focus .physics-scores{grid-column:1/-1;grid-row:4}.room-game-focus .physics-input{grid-row:2}.room-game-focus .physics-rules{grid-row:5}
}