:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:sans-serif;background:#0f7173}body,p{margin:0}.play-area{width:calc(100vw - 16px);height:calc(100vh - 16px);padding:8px;background:#0f7173}.top-area{width:748px;display:flex;flex-direction:row;justify-content:space-between;padding-bottom:8px}.stock{display:flex;flex-direction:row-reverse}.tableau{display:flex;flex-direction:row;gap:8px}.playing-card{width:100px;height:140px;perspective:1000px;-webkit-user-select:none;user-select:none}.card-inner{position:relative;width:100%;height:100%;transition:transform .1s;transform-style:preserve-3d;border-radius:8px;box-shadow:0 4px 6px #0000001a}.card-front,.card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:8px;box-sizing:border-box;border:#272932 2px solid}.card-front{background-color:#e7ecef}.card-front-design{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:32pt;z-index:101;font-family:Oswald,sans-serif}.card-face-main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.card-peek{width:85%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-bottom:14px}.card-back{transform:rotateY(180deg)}.card-back-design{width:inherit;height:inherit;border-radius:inherit;background-color:#f05d5e}.card-rank{font-size:32pt}.card-rank-small{font-size:16pt}.card-suit{height:32pt}.card-suit-small{padding-top:3px;height:16pt}.face-down{transform:rotateY(180deg)}.face-up:hover{transform:scale(1.05);transition:transform .2s;cursor:pointer;z-index:100}.playing-card:has(.face-up):hover~.playing-card>.card-inner>.card-front{background-color:#ffffff80;transform:translateY(60px);transition:background-color .2s,transform .2s}.animate{animation:shaking .1s}@keyframes shaking{0%{transform:rotate(0)}25%{transform:rotate(-7deg)}35%{transform:rotate(7deg)}55%{transform:rotate(-7deg)}65%{transform:rotate(7deg)}75%{transform:rotate(-7deg)}to{transform:rotate(0)}}@media screen and (max-width: 1080px) and (orientation: landscape){.playing-card{height:110px}.card-rank{position:absolute;font-size:32pt;color:#fff;bottom:33%}.card-suit{height:64pt}.card-peek{padding-bottom:0}}.empty-pile{width:100px;height:140px;border:2px solid #272932;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:center;align-items:center}.empty-text{font-size:52pt;color:#f05d5e;font-family:Oswald,sans-serif;-webkit-user-select:none;user-select:none}.tableau-pile{display:flex;flex-direction:column}.tableau-pile>*:not(:first-child){margin-top:-105px}@media screen and (max-width: 1080px) and (orientation: landscape){.empty-pile{height:110px}.tableau-pile>*:not(:first-child){margin-top:-90px}}.stock-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.stock-pile{display:flex;flex-direction:row-reverse;gap:8px}.stock-card{position:relative}.stock-count{position:absolute;top:50%;right:50%;transform:translate(50%,-50%);font-size:48pt;font-family:Oswald,sans-serif;color:#272932;-webkit-user-select:none;user-select:none}.foundations{display:flex;flex-direction:row;align-items:center;width:100%;height:100%;gap:8px}.foundation-pile{width:100px;height:140px;box-sizing:border-box;border:2px solid #272932;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:center;align-items:center}.foundation-pile:has(div){border:0px}@media screen and (max-width: 1080px) and (orientation: landscape){.foundation-pile{height:110px}}.fab{position:fixed;bottom:20px;right:20px;filter:drop-shadow(0 0 12px rgba(0,0,0,.2))}.fab-button{width:50px;height:50px;border:none;border-radius:100px}.fab-button:hover{cursor:pointer}.fab-menu-items{position:absolute;bottom:40px;right:0;list-style:none;padding:0;transform:rotate(180deg);filter:opacity(1)}.invisible{filter:opacity(0);visibility:hidden;bottom:0;transition:all .2s}.visible{filter:opacity(1);visibility:visible;transition:all .2s}.menu-item{margin:10px 0;transform:rotate(180deg)}.menu-item-button{font-size:24pt;width:50px;height:50px;border:none;border-radius:100px}.modal-container{width:100vw;height:100vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#0003;z-index:999}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#e7ecef;padding:32px 64px;border-radius:8px;display:flex;flex-direction:column;gap:36px;z-index:1000;box-shadow:0 0 24px 4px #0000001a;color:#272932}.modal-text{display:flex;flex-direction:column;align-items:center;gap:8px}.modal-title{font-size:32pt;font-family:Oswald,sans-serif}.modal-body{font-size:18pt}.modal-buttons{display:flex;flex-direction:column;justify-content:center;gap:12px}.primary-button{background-color:#f05d5e;border-radius:24px;padding:12px 24px;border:none}.primary-button-text{color:#fff;font-size:14pt}.secondary-button{background-color:transparent;border:none}.secondary-button-text{color:gray;font-size:12pt}