:root{--whist-card-width: clamp(48px, 6.4vw, 78px);--whist-card-height: calc(var(--whist-card-width) * 1.4)}body[data-variant=whist-family]{min-height:100vh;background-color:#0d2818;background-image:url(/assets/felt-green-CieYw_4d.webp);background-repeat:repeat;background-size:400px 400px;color:#fff7e8}body[data-variant=whist-family] .page__content{align-items:stretch;box-sizing:border-box;padding-inline:clamp(10px,2.5vw,40px)}body[data-variant=whist-family] .page__footer{margin-top:0;border-top-color:#d6af4247;background:linear-gradient(180deg,#10080200,#100802ad),url(/assets/footer-mNJpfgTL.webp),url(/assets/brown-leather-DaL9-Q5O.webp);background-size:cover,cover,cover;background-position:center}.whist-game{box-sizing:border-box;width:min(1120px,100%);margin:18px auto 26px;display:grid;gap:12px}.whist-status,.whist-controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px}.whist-status span,.whist-stock{border-radius:8px;border:1px solid rgba(255,255,255,.16);background:#05140c61;padding:8px 12px;color:#fff7e8;font-weight:800}.whist-status span.is-player{border-color:#f7d56bb8;box-shadow:0 0 0 2px #f7d56b1f}.whist-board{display:grid;grid-template-columns:minmax(120px,1fr) minmax(240px,1.6fr) minmax(120px,1fr);grid-template-rows:auto auto auto;gap:12px;min-height:min(620px,calc(100vh - 150px))}[data-whist-table]{display:contents}.whist-seat,.whist-center{min-width:0;border-radius:8px;background:#03120a47;box-shadow:0 18px 42px #00000038;border:1px solid rgba(255,255,255,.12)}.whist-seat{padding:10px}.whist-seat.is-active{border-color:#f7d56bd1}.whist-seat.is-out{opacity:.48}.whist-seat h2{margin:0;color:#fff7e8;font-size:.9rem;text-align:center}.whist-seat p{margin:3px 0 8px;color:#fff7e8c2;font-size:.78rem;text-align:center}.whist-seat--north{grid-column:2;grid-row:1}.whist-seat--west{grid-column:1;grid-row:2}.whist-seat--east{grid-column:3;grid-row:2}.whist-seat--south{grid-column:1 / -1;grid-row:3}.whist-center{grid-column:2;grid-row:2;display:grid;justify-items:center;align-content:center;gap:12px;padding:14px}.whist-hand,.whist-trick{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;min-height:calc(var(--whist-card-height) + 10px)}.whist-seat:not(.whist-seat--south) .whist-card{width:calc(var(--whist-card-width) * .72)}.whist-card{width:var(--whist-card-width);height:var(--whist-card-height);flex:0 0 auto;border:0;border-radius:7px;padding:0;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:cover;box-shadow:0 7px 16px #00000057;cursor:pointer;transition:transform .14s ease,filter .14s ease}.whist-card:hover,.whist-card.is-hinted{transform:translateY(-5px);filter:drop-shadow(0 0 12px rgba(247,213,107,.95))}.whist-card:disabled{cursor:default;opacity:.62}.whist-trick-card{display:grid;justify-items:center;gap:5px;color:#fff7e8d1;font-size:.76rem;font-weight:800}.whist-message{min-height:2.8em;margin:0;color:#fff7e8;font-weight:900;text-align:center;text-shadow:0 2px 5px rgba(0,0,0,.55)}.whist-controls button{border:0;border-radius:8px;padding:10px 14px;background:#f1dfb9;color:#2a2218;font-weight:900;cursor:pointer}@media(max-width:780px){:root{--whist-card-width: clamp(42px, 13vw, 60px)}.whist-board{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;min-height:0}.whist-seat--north,.whist-seat--west,.whist-center,.whist-seat--east,.whist-seat--south{grid-column:1;grid-row:auto}}