/* Board-first layouts, without changing game rules or artwork. */
body.comfort-play{padding-bottom:env(safe-area-inset-bottom)}
.comfort-play .app-shell{max-width:1320px;margin:auto;padding:16px 24px}
.comfort-play button,.comfort-play a{touch-action:manipulation}
.comfort-play :is(button,a):focus-visible{outline:3px solid #ffe28b;outline-offset:3px}
.comfort-play .topbar{min-height:52px}
.comfort-play .match-strip{gap:16px;padding-block:9px}
.comfort-play #siteNav a{min-width:44px;min-height:44px;font-size:12px}
.comfort-menu-toggle{display:none}
.comfort-play .multiplayer-game-layout{display:grid;grid-template-columns:180px minmax(300px,580px) 210px;gap:22px;align-items:start;padding-top:18px}
.comfort-play .game-center{width:100%;max-width:var(--comfort-board-space,580px);justify-self:center}
.comfort-play .left-game-sidebar,.comfort-play .right-game-sidebar{display:grid;grid-template-columns:1fr;grid-column:auto;grid-row:auto;gap:12px}
.comfort-play .player-card{padding:14px;min-height:115px}
.comfort-play .player-card p{font-size:11px;line-height:1.4}
.comfort-play .clock{font-size:14px}
.comfort-play .action-surface{padding:14px}
.comfort-play :is(.primary-button,.secondary-button,.danger-button,.leave-button,.text-button,.chip){min-height:44px;height:auto;line-height:1.5;font-size:14px}
.comfort-play .action-surface button{width:100%;margin-top:10px}
.comfort-play #actionHint{font-size:12px;line-height:1.6}
.comfort-play .board-footer{font-size:11px;line-height:1.5}
.comfort-play .turn-banner strong{font-size:20px}
.comfort-play .multi-cell.is-legal::before{width:23%;animation:none;background:#ffe26866}
.comfort-play .multi-cell:focus-visible{outline:3px solid #fff0a8;outline-offset:-4px}
.comfort-play .modal{overflow:auto;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));z-index:40}
.comfort-play .modal-card{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;border-radius:18px}
.comfort-play .modal-card p{font-size:14px;line-height:1.7}
.comfort-play .modal-links{flex-wrap:wrap;gap:6px 16px}
.comfort-play .setup-choices .chip{min-height:64px}
@media(max-width:1100px){
 .comfort-play .comfort-menu-toggle{display:block;min-width:76px;min-height:44px;margin-left:auto;padding:9px 12px;border:1px solid #e2c69366;border-radius:10px;background:#302849;color:#ffe4ad}
 .comfort-play #siteNav{display:none!important}
 .comfort-play #siteNav.comfort-menu-open{display:grid!important;grid-template-columns:repeat(6,1fr);width:100%;margin:0;gap:5px}
 .comfort-play .multiplayer-game-layout{grid-template-columns:minmax(0,1fr) 210px;gap:16px}
 .comfort-play .left-game-sidebar{grid-column:1/-1;grid-row:1;grid-template-columns:1fr 1fr;gap:12px}
 .comfort-play .left-game-sidebar .versus-stamp,.comfort-play .objective-card{display:none}
 .comfort-play .game-center{grid-column:1;grid-row:2;width:100%;max-width:min(640px,var(--comfort-board-space,640px))}
 .comfort-play .right-game-sidebar{grid-column:2;grid-row:2}
 .comfort-play .player-card{display:grid;grid-template-columns:1fr auto;min-height:76px;gap:2px 10px;padding:10px 14px}
 .comfort-play .player-card>.eyebrow{font-size:11px}
 .comfort-play .player-card-heading{grid-row:2;margin:0}
 .comfort-play .score-clock{grid-column:2;grid-row:1/3;margin:0;gap:16px;align-items:center}
 .comfort-play .player-card p{grid-column:1/-1;margin:3px 0 0;font-size:10px}
 .comfort-play .big-score{font-size:30px;line-height:1}
}
@media(max-width:700px){
 .comfort-play .app-shell{padding:10px max(10px,env(safe-area-inset-left)) 110px max(10px,env(safe-area-inset-right))}
 .comfort-play .club-brand b{font-size:24px}.comfort-play .club-brand small{font-size:10px}
 .comfort-play .topbar{flex-wrap:nowrap;gap:8px;min-height:44px}
 .comfort-play .room-readout{flex-wrap:wrap;justify-content:flex-end;max-width:46%}.comfort-play .room-readout strong{font-size:12px}
 .comfort-play .match-strip{position:relative;min-height:48px;gap:9px;flex-wrap:wrap}
 .comfort-play .match-strip>div:first-child{max-width:none;flex:1;min-width:0}.comfort-play .match-strip strong{font-size:12px}
 .comfort-play .match-strip>div:nth-child(2){display:none}.comfort-play .match-strip>.leave-button{display:inline-flex;align-items:center;font-size:12px;padding-inline:9px}
 .comfort-play .comfort-menu-toggle{display:block;min-width:76px;margin-left:auto;padding:9px 12px;border:1px solid #e2c69366;border-radius:10px;background:#302849;color:#ffe4ad}
 .comfort-play #siteNav{display:none!important}
 .comfort-play #siteNav.comfort-menu-open{display:grid!important;grid-template-columns:repeat(3,1fr);width:100%;margin:0;gap:5px}
 .comfort-play #siteNav a{font-size:13px;padding:8px;min-height:46px}
 .comfort-play .multiplayer-game-layout{display:flex;gap:10px;padding:8px 0}
 .comfort-play .left-game-sidebar{order:0;width:100%;gap:8px}
 .comfort-play .player-card{padding:8px;gap:2px 5px;min-height:67px}
 .comfort-play .player-card p{display:none}
 .comfort-play .player-card-heading strong{font-size:13px;max-width:100%}
 .comfort-play .score-clock{flex-direction:column;gap:4px;align-items:flex-end}
 .comfort-play .clock{font-size:11px}.comfort-play .big-score{font-size:28px}
 .comfort-play .game-center{order:1;width:100%;max-width:none}
 .comfort-play .turn-banner{min-height:49px;padding:2px 2px 8px}
 .comfort-play .turn-banner>div:first-child{gap:1px}
 .comfort-play .turn-banner strong{font-size:16px}
 .comfort-play .turn-banner .eyebrow{font-size:11px}
 .comfort-play .turn-beacon{width:30px;height:30px;flex-shrink:0}
 .comfort-play .board-stage-multi{padding:5px}
 .comfort-play .board-footer{font-size:10px;padding-top:8px;gap:6px}
 .comfort-play .right-game-sidebar{order:2;width:100%;display:block}
 .comfort-play .grid-intel,.comfort-play .feed-surface{display:none}
 .comfort-play .action-surface{position:fixed;z-index:15;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;padding:9px max(12px,env(safe-area-inset-left)) calc(9px + env(safe-area-inset-bottom));border:0;border-top:1px solid #e4d7ff44;border-radius:16px 16px 0 0;background:#140e31f5;box-shadow:0 -8px 24px #09051b44}
 .comfort-play .action-surface>.eyebrow,.comfort-play .setup-readout{display:none}
 .comfort-play .action-surface button{margin:0;min-height:46px;font-size:15px}
 .comfort-play #actionHint{grid-column:1/-1;grid-row:1;font-size:11px;margin:0;text-align:center;line-height:1.5}
 .comfort-play .footer-bar{display:none}
}
@media(orientation:landscape) and (max-height:600px) and (min-width:701px){
 .comfort-play .app-shell{padding:8px max(16px,env(safe-area-inset-left)) 12px max(16px,env(safe-area-inset-right))}.comfort-play .topbar{display:none}
 .comfort-play .match-strip{min-height:48px;padding-block:3px;gap:10px}
 .comfort-play .multiplayer-game-layout{grid-template-columns:145px minmax(220px,1fr) 170px;gap:12px;padding-top:8px}
 .comfort-play .left-game-sidebar{grid-column:1;grid-row:1;grid-template-columns:1fr}
 .comfort-play .game-center{grid-column:2;grid-row:1;max-width:max(240px,calc(100svh - 132px))}
 .comfort-play .right-game-sidebar{grid-column:3;grid-row:1}
 .comfort-play .grid-intel,.comfort-play .feed-surface{display:none}
 .comfort-play .setup-readout,.comfort-play .footer-bar{display:none}
 .comfort-play .board-stage-multi{padding:5px}
 .comfort-play .board-footer{font-size:10px;padding-top:6px;gap:4px}
 .comfort-play .turn-banner>div:first-child{gap:2px}.comfort-play .turn-banner .eyebrow{font-size:10px}
 .comfort-play .player-card{min-height:80px}
 .comfort-play .turn-banner{min-height:35px;padding-bottom:4px}.comfort-play .turn-banner strong{font-size:13px}
}
