.duel-menu{z-index:45}.duel-rules{z-index:70}.duel-rules .modal{max-height:85dvh;overflow:auto}.duel-review{width:min(850px,100%)}.duel-review li{margin:12px 0;line-height:1.6}
body.duel-mode{height:100dvh!important;overflow:hidden!important}body.duel-mode>header,body.duel-mode>#main{display:none!important}
.duel-draft{text-align:center}.duel-draft-card{display:flex;justify-content:center;margin:18px}.duel-draft h2{margin:8px}.duel-trick{text-align:center}
#turnoverGame .shared-game-grid{grid-template-rows:auto auto}
#turnoverGame .shared-felt{height:auto;min-height:620px;padding:50px 20px 20px}
#turnoverGame .shared-centre{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}#turnoverGame .duel-trick{grid-row:2;grid-column:1/-1}.turnover-tableau:first-child{grid-column:2;grid-row:1}.turnover-tableau:last-child{grid-column:1;grid-row:1}
.turnover-tableau{width:100%;max-width:720px;--card-size-multiplier:.82}
.turnover-tableau h3{text-align:center;font-size:14px;margin:0 0 12px}
.turnover-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 10px;justify-items:center}
.turnover-position{position:relative;width:calc(var(--card-width)*var(--card-size-multiplier));height:calc(var(--card-height)*var(--card-size-multiplier) + 10px)}
.turnover-position .card-btn{position:relative;margin:0;padding:0}.turnover-lower{position:absolute;top:10px;left:5px}.turnover-position.covered .card-btn{transform:translate(-2px,-2px)}
.turnover-empty{display:block;width:100%;height:100%;opacity:.12;background:#d6e3bc;border-radius:8px}
#turnoverGame .shared-chat{max-height:650px}.duel-trick .playing-card{--card-size-multiplier:.7}
@media(max-width:800px){#turnoverGame .shared-felt{padding:44px 9px 14px;min-height:880px}.turnover-tableau{--card-size-multiplier:.80}.turnover-grid{gap:13px 5px}#turnoverGame .shared-centre{display:flex;flex-direction:column;gap:12px}.duel-draft-card{--card-size-multiplier:1}#blinddrawGame .shared-centre{inset:45px 21% 75px}.duel-draft p{font-size:12px}}
@media(max-width:360px){.turnover-tableau{--card-size-multiplier:.70}.turnover-grid{gap:12px 4px}#turnoverGame .shared-felt{min-height:810px}.shared-game-header>div{flex-wrap:wrap}}
@media(min-width:801px) and (max-width:1199px){#turnoverGame .shared-centre{display:flex;flex-direction:column}#turnoverGame .shared-felt{min-height:1080px}.turnover-tableau{max-width:550px}}