.room-soccer{--room-color:#e2ebdc;--game-accent:#326c55;--stage-ink:#2b5141}.soccer-board{aspect-ratio:4/5;background:#326c55;border-color:#a8bfa4}.soccer-controls{align-items:center;gap:12px;min-height:48px;margin-top:6px;display:flex}.soccer-controls .primary-button{touch-action:manipulation;min-width:116px;min-height:48px;padding:0 16px}.soccer-controls p{flex:1;margin:0;font-size:12px;line-height:1.35}.soccer-controls button:disabled{opacity:.5}.soccer-game .score-pair{gap:clamp(10px,3vw,22px)}.soccer-game button:focus-visible{outline-offset:2px;outline:3px solid #326c55}.room-soccer.room-focused .room-game{width:100%;height:100%}.room-soccer.room-focused .soccer-game{flex-direction:column;height:100%;display:flex}.room-soccer.room-focused .soccer-board{aspect-ratio:auto;flex:1;width:100%;min-height:0}.room-soccer.room-focused .game-hud,.room-soccer.room-focused .soccer-controls{flex-shrink:0}@media (orientation:landscape) and (max-height:600px){.room-soccer.room-focused .soccer-game{display:contents}.room-soccer.room-focused .soccer-board{width:100%;height:100%}.room-focused .soccer-controls{flex-direction:column;grid-area:3/1/5;align-self:start;gap:8px;margin:0}.room-focused .soccer-controls .primary-button{width:100%}.room-focused .soccer-controls p{text-align:center}.room-focused .soccer-game .score-pair{gap:12px}}.room-soccer.room-focused .play-stage{padding:0}