@import url(https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Kiwi Maru,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ul{list-style:none;margin:0;padding:0}html{overflow:hidden;overscroll-behavior:none}*,:after,:before{box-sizing:border-box;font-family:inherit}.card-container{--border-radius:5%;height:0;-webkit-user-select:none;user-select:none}.pile-type-tableau .card-container{height:2px}.pile-type-tableau .card-container.flipped{height:2rem}.card-inner{aspect-ratio:var(--card-aspect);border:1px solid #789;border-radius:var(--border-radius);-webkit-transform:rotateY(0) translateZ(1px);transform:rotateY(0) translateZ(1px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;transition-timing-function:cubic-bezier(.5,0,0,1)}.flipped .card-inner{-webkit-transform:rotateY(180deg) translateZ(0);transform:rotateY(180deg) translateZ(0)}.card-back,.card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--border-radius);box-sizing:border-box;height:100%;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:100%}.card-front{background-color:#fff;-webkit-transform:rotateY(180deg) translateZ(1px);transform:rotateY(180deg) translateZ(1px)}.card-back{background-color:#0b5ad8;background-image:url(data:image/png;base64,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);background-size:50%;border:4px solid #fff;box-shadow:inset 0 0 1px green;-webkit-transform:translateZ(-1px);transform:translateZ(-1px)}.card-front.club,.card-front.spade{color:#000}.card-front.diamond,.card-front.heart{color:red}.card-corner{display:grid;grid-template:"v" "s";justify-items:center;position:absolute}.card-corner-top{left:3px;top:3px}.card-corner-bottom{bottom:3px;right:3px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.card-center{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.card-center .suit-display{font-size:250%;margin-bottom:10%}.value-display{grid-area:v}.suit-display{grid-area:s}.suit-display,.value-display{line-height:1rem}@media screen and (max-width:500px){.card-center,.card-corner-bottom{display:none}}.pile{aspect-ratio:var(--card-aspect);background-color:var(--color-background-light);border:1px dashed hsla(0,0%,100%,.2);box-shadow:inset 0 0 10px green;-webkit-perspective:10rem;perspective:10rem;position:relative}.pile-type-tableau{flex-direction:column}.pile-type-waste{flex-direction:row}.card-outer{--animation-duration:0.5s;position:relative;-webkit-transform:translateZ(1px);transform:translateZ(1px)}.card-outer.dragging{opacity:0;transition:opacity .01s!important}.pile-type-waste .card-outer:last-child{display:inherit;-webkit-transform:rotateY(0) rotate(-1deg) translateZ(3px);transform:rotateY(0) rotate(-1deg) translateZ(3px);transition-duration:calc(var(--animation-duration)*.4)}.pile-type-waste .card-outer:nth-last-child(2){display:inherit;-webkit-transform:rotateY(0) rotate(0) translate3d(-50%,0,2px);transform:rotateY(0) rotate(0) translate3d(-50%,0,2px);-webkit-transform-origin:-50%;transform-origin:-50%;transition-duration:calc(var(--animation-duration)*.6)}.pile-type-waste .card-outer:nth-last-child(3){display:inherit;-webkit-transform:rotateY(0) rotate(1deg) translate3d(-100%,0,1px);transform:rotateY(0) rotate(1deg) translate3d(-100%,0,1px);-webkit-transform-origin:-100%;transform-origin:-100%;transition-duration:calc(var(--animation-duration)*1)}.pile-type-waste .card-outer:nth-last-child(4){display:inherit;-webkit-transform:rotateY(0) translate3d(-100%,0,-10px);transform:rotateY(0) translate3d(-100%,0,-10px);-webkit-transform-origin:-100%;transform-origin:-100%;transition-duration:calc(var(--animation-duration)*1)}.pile-type-waste .card-outer{display:none;-webkit-transform:rotateY(0) translate3d(20%,0,0);transform:rotateY(0) translate3d(20%,0,0);transition:-webkit-transform;transition:transform;transition:transform,-webkit-transform}:root{--card-aspect:5/7;--layout-gap:1rem;--color-background-light:#338c33}body{background-color:green;background-image:url(/static/media/bg.7296d0dff6abfe54743c.png)}.logo{grid-area:lg;margin-bottom:2rem}.game{grid-gap:1rem;grid-gap:var(--layout-gap);display:grid;gap:1rem;gap:var(--layout-gap);grid-template-areas:"lg lg lg .  .  ct ct" "fd fd fd fd .  ws st" "tb tb tb tb tb tb tb";grid-template-columns:repeat(7,1fr);grid-template-rows:auto auto 1fr;margin:0 auto;max-width:950px;padding:2.5rem 5rem}@media screen and (max-width:500px){:root{--layout-gap:2px}.game{grid-template-areas:"lg lg lg .  .  ws st" "fd fd fd fd .  .  ." "tb tb tb tb tb tb tb" ".  .  .  .  ct ct ct";grid-template-rows:auto auto 1fr;padding:.5rem}.logo{grid-area:lg;margin:0;place-self:center;width:100%}}.controls{grid-area:ct;justify-self:end}button{background-color:#338c33;background-color:var(--color-background-light);border:4px solid #228b22;border-radius:.5rem;box-shadow:inset 0 0 2px #fff;color:hsla(0,0%,100%,.5);font-size:1rem;letter-spacing:-1px;line-height:1rem;margin:-4px;padding:.5rem .7rem .7rem}button:hover{box-shadow:inset 0 0 3px #fff;color:hsla(0,0%,100%,.6)}button:active{box-shadow:inset 0 0 2px #fff}.foundation{grid-area:fd}.foundation>ul{grid-gap:1rem;grid-gap:var(--layout-gap);display:grid;gap:1rem;gap:var(--layout-gap);grid-template-columns:repeat(4,1fr)}.waste{grid-area:ws}.stock{grid-area:st}.tableau{grid-area:tb}.tableau>ul{grid-gap:1rem;grid-gap:var(--layout-gap);display:grid;gap:1rem;gap:var(--layout-gap);grid-template-columns:repeat(7,1fr)}
/*# sourceMappingURL=main.3b449aa2.css.map*/