.styles-module-scss-module__2cYBGW__container{color:#fff;min-height:100vh}@media (min-width:64rem){.styles-module-scss-module__2cYBGW__container{padding:20px}}.styles-module-scss-module__2cYBGW__title{text-align:center;margin-bottom:20px}.styles-module-scss-module__2cYBGW__controls{justify-content:center;margin-bottom:10px;display:flex}.styles-module-scss-module__2cYBGW__controls button{padding:10px 20px;font-size:16px}.styles-module-scss-module__2cYBGW__board{--card-width:50px;--card-height:75px;--slot-gap:8px;--board-width:calc(var(--card-width) + var(--card-width) + var(--card-width) + var(--card-width) + var(--card-width) + var(--card-width) + var(--card-width) + var(--slot-gap) + var(--slot-gap) + var(--slot-gap) + var(--slot-gap) + var(--slot-gap) + var(--slot-gap));width:min(100%,var(--board-width));max-width:var(--board-width);margin-inline:auto}@media (max-width:640px){.styles-module-scss-module__2cYBGW__board{--slot-gap:clamp(4px, 1.6vw, 6px);--card-width:clamp(34px, calc(14.285vw - 10.5px), 50px);--card-height:calc(var(--card-width) * 1.5)}}@media (min-width:768px){.styles-module-scss-module__2cYBGW__board{--slot-gap:10px;--card-width:80px;--card-height:120px}}@media (min-width:1024px){.styles-module-scss-module__2cYBGW__board{--slot-gap:12px;--card-width:96px;--card-height:144px}}.styles-module-scss-module__2cYBGW__topRow{grid-template-columns:repeat(7, var(--card-width));gap:var(--slot-gap);width:var(--board-width);max-width:100%;margin-bottom:20px;display:grid}.styles-module-scss-module__2cYBGW__stockWaste{grid-column:6/span 2;grid-template-columns:repeat(2, var(--card-width));align-items:flex-start;gap:var(--slot-gap);display:grid}.styles-module-scss-module__2cYBGW__stock,.styles-module-scss-module__2cYBGW__waste{width:var(--card-width);height:var(--card-height);min-height:var(--card-height);position:relative}.styles-module-scss-module__2cYBGW__foundations{grid-column:1/span 4;grid-template-columns:repeat(4, var(--card-width));gap:var(--slot-gap);display:grid}.styles-module-scss-module__2cYBGW__foundation{width:var(--card-width);height:var(--card-height);min-height:var(--card-height);position:relative}.styles-module-scss-module__2cYBGW__emptySlot{background-color:#0000;border:1px dashed #ffffffb8;border-radius:5px;width:100%;height:100%}.styles-module-scss-module__2cYBGW__tableau{grid-template-columns:repeat(7, var(--card-width));align-items:start;gap:var(--slot-gap);width:var(--board-width);max-width:100%;display:grid}.styles-module-scss-module__2cYBGW__pile{width:var(--card-width);min-height:var(--card-height);position:relative}.styles-module-scss-module__2cYBGW__cardBack{backface-visibility:hidden;background-color:#7654ff;background-image:linear-gradient(45deg,#7654ff 25%,#9d85ff 25% 50%,#7654ff 50% 75%,#9d85ff 75% 100%);background-size:20px 20px;border:1px solid #000;border-radius:5px;width:100%;height:100%;position:absolute;inset:0}.styles-module-scss-module__2cYBGW__cardFront{backface-visibility:hidden;background-color:#fff;border:1px solid #000;border-radius:5px;width:100%;height:100%;position:absolute;transform:rotateY(180deg)}.styles-module-scss-module__2cYBGW__cardFront .styles-module-scss-module__2cYBGW__topLeft{position:absolute;top:4px;left:4px}.styles-module-scss-module__2cYBGW__cardFront .styles-module-scss-module__2cYBGW__bottomRight{position:absolute;bottom:4px;right:4px;transform:rotate(180deg)}.styles-module-scss-module__2cYBGW__cardFront .styles-module-scss-module__2cYBGW__suitCenter{font-size:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.Card-module-scss-module__Xl9egG__card{width:var(--card-width,50px);height:var(--card-height,75px);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:5px;transition:transform .3s,top .3s,opacity .3s;position:absolute;left:0}@media (min-width:768px){.Card-module-scss-module__Xl9egG__card{width:var(--card-width,80px);height:var(--card-height,120px)}}.Card-module-scss-module__Xl9egG__card.Card-module-scss-module__Xl9egG__disabled{pointer-events:none}.Card-module-scss-module__Xl9egG__faceDown{background-color:#7654ff;border:1px solid #000}.Card-module-scss-module__Xl9egG__faceUp{background-color:#fff;border:1px solid #000}.Card-module-scss-module__Xl9egG__cardContent{top:calc(var(--card-height,75px)*.111111);align-items:center;gap:calc(var(--card-height,75px)*.222222);flex-direction:column;font-weight:700;display:flex;position:absolute;left:0;right:0}.Card-module-scss-module__Xl9egG__rank,.Card-module-scss-module__Xl9egG__suit{font-size:clamp(12px,var(--card-width,50px)*.3,24px);line-height:1}@media (max-width:640px){.Card-module-scss-module__Xl9egG__rank,.Card-module-scss-module__Xl9egG__suit{font-size:clamp(14px,var(--card-width,50px)*.42,22px)}}.Card-module-scss-module__Xl9egG__selected{transform:translateY(calc(var(--card-height,75px) * -.1));border:2px solid #ff0}
.styles-module-scss-module__B0ui3a__board{--card-width:50px;--card-height:75px}@media (max-width:640px){.styles-module-scss-module__B0ui3a__board{--card-width:clamp(34px, 10.5vw, 50px);--card-height:calc(var(--card-width) * 1.5)}}@media (min-width:768px){.styles-module-scss-module__B0ui3a__board{--card-width:80px;--card-height:120px}}.styles-module-scss-module__B0ui3a__topRow{justify-content:space-between;gap:12px;max-width:100%;margin-bottom:20px;display:flex}@media (max-width:640px){.styles-module-scss-module__B0ui3a__topRow{flex-direction:column;align-items:center;row-gap:10px}}.styles-module-scss-module__B0ui3a__freeCells,.styles-module-scss-module__B0ui3a__foundations{gap:10px;display:flex}.styles-module-scss-module__B0ui3a__cell,.styles-module-scss-module__B0ui3a__foundation{width:var(--card-width);height:var(--card-height);min-height:var(--card-height);position:relative}.styles-module-scss-module__B0ui3a__emptySlot{background-color:#0000;border:1px dashed #ccc;border-radius:5px;width:100%;height:100%}.styles-module-scss-module__B0ui3a__tableau{justify-content:space-between;display:flex}@media (min-width:48rem){.styles-module-scss-module__B0ui3a__tableau{margin-inline:calc(var(--spacing,.25rem) * 2)}}.styles-module-scss-module__B0ui3a__pile{width:var(--card-width);min-height:calc(var(--card-height)*1.2);position:relative}@media (max-width:640px){.styles-module-scss-module__B0ui3a__freeCells,.styles-module-scss-module__B0ui3a__foundations{justify-content:center;gap:6px;width:100%}.styles-module-scss-module__B0ui3a__tableau{justify-content:center;gap:4px;margin:0}.styles-module-scss-module__B0ui3a__pile{min-height:var(--card-height)}}