.seat-glyph--fourrow,.room[data-game=fourrow]{--fr-first: #c8372d;--fr-second: #f2c230}:root[data-theme=dark] .seat-glyph--fourrow,:root[data-theme=dark] .room[data-game=fourrow]{--fr-first: #cc3a2e;--fr-second: #f5cf4a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .seat-glyph--fourrow,:root:not([data-theme=light]) .room[data-game=fourrow]{--fr-first: #cc3a2e;--fr-second: #f5cf4a}}.mm-stone.seat-glyph--fourrow,.room[data-game=fourrow] .room-stone{border-color:#00000073;background:var(--fr-first);box-shadow:inset 0 0 0 2px var(--fr-first),inset 0 0 0 3.5px #00000047}.mm-stone.seat-glyph--fourrow[data-seat=white],.room[data-game=fourrow] .room-stone--white{background:var(--fr-second);box-shadow:inset 0 0 0 2px var(--fr-second),inset 0 0 0 3.5px #00000047}.room[data-game=fourrow]{row-gap:var(--space-2);grid-template-areas:"opp" "board" "me" "status" "points" "actions" "chat"}.room[data-game=fourrow] .fr-wrap{--fr-size: min(100% + var(--fr-bleed), 480px, max(308px, (100svh - 408px) * 448 / 480))}.room[data-game=fourrow] .fr-status{display:none}.room[data-game=fourrow] .fr-bar{min-height:40px}@media(max-width:959px){main:has(.room[data-game=fourrow]){padding-top:var(--space-3)}.room__h1:has(+.room[data-game=fourrow]){display:flex;align-items:center;min-height:36px;padding-inline-end:52px;font-size:var(--text-lg);line-height:1.2}.room[data-game=fourrow]{position:relative;margin-top:var(--space-2)}.room[data-game=fourrow] .room-card{min-height:60px;padding-block:4px}.room[data-game=fourrow] .room-actions__row .room-btn{padding:4px;font-size:15px;line-height:1.15}.room[data-game=fourrow] .fr-bar{position:absolute;top:-48px;inset-inline-end:0;margin:0}.room[data-game=fourrow] .room__board{margin-top:-8px}.room[data-game=fourrow] .room-status{min-height:2.7em}}@media(min-width:960px){.room[data-game=fourrow]{grid-template-areas:"board opp" "board status" "board points" "board me" "board actions" "board chat" "board .";grid-template-rows:repeat(6,auto) 1fr}.room[data-game=fourrow] .fr-wrap{--fr-size: min(100%, 480px, (100svh - 200px) * 448 / 480)}}.room[data-game=fourrow] .game-over__mark{background:var(--fr-first)}.room[data-game=fourrow] .game-over__mark[data-color=white]{background:var(--fr-second)}
