:root{--card-width:11vw;--card-aspect-ratio:5 / 7;--card-stack-gap:calc(var(--card-width) / 7);--card-stack-left-side:calc(var(--card-width) / 14)}body{color:#fff;background:#1c401d;margin:0}.top-section{margin:0 1rem 1rem;display:flex}.board{margin:0 1rem}.top-board,.tableau{justify-content:space-between;gap:.7rem;display:flex}.top-board{margin-bottom:10px}:is(.top-board,.tableau)>div{width:var(--card-width);aspect-ratio:var(--card-aspect-ratio);background-color:#304c33;border:1px solid #304c33;border-radius:8%;flex-shrink:0}.empty{visibility:hidden}playing-card{margin:0;position:absolute}playing-card:hover{box-shadow:0 4px 12px #00000080}.tableau{position:relative}.selected{transform:translateY(calc(var(--card-stack-gap)));filter:brightness(1.1)drop-shadow(0 0 10px #4a90e21a);z-index:60;border-inline:3px solid #4caf50e6;box-shadow:0 15px 40px #0000004d}.selected-top{border-top:3px solid #4caf50e6}.selected-bottom{border-bottom:3px solid #4caf50e6}.selected-only{transform:translateY(calc(var(--card-stack-gap) * 2));filter:brightness(1.1)drop-shadow(0 0 10px #4a90e21a);z-index:60;border:3px solid #4caf50e6;box-shadow:0 15px 40px #0000004d}button{letter-spacing:.5px;text-align:center;text-transform:uppercase;color:#bfbfbf;-webkit-user-select:none;user-select:none;touch-action:manipulation;background-image:linear-gradient(45deg,#1a3a8a 0%,#3d579b 51%,#1a3a8a 100%);background-size:200%;border:.1rem solid gray;border-radius:5%;margin:.1rem;padding:.3rem .8rem;font-family:system-ui,Roboto,Helvetica,Arial,sans-serif;font-size:.8rem;transition:all .5s}button:hover{color:#fff}button:active{transform:scale(.95)}.victory-popup{width:calc(var(--card-width) * 5);height:calc(var(--card-width) * 2);font-size:calc(var(--card-width) * .4);text-align:center;text-transform:uppercase;color:#bfbfbf;z-index:1000;-webkit-user-select:none;user-select:none;background-image:linear-gradient(45deg,#1a3a8a 0%,#3d579b 51%,#1a3a8a 100%);border:.1rem solid gray;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 14px -7px #f09819}h2{margin:0 0 .5rem}.hidden-layer{z-index:100;background:#00000040;display:none;position:fixed;inset:0}.game-stats{font-variant-numeric:tabular-nums;letter-spacing:.1rem;align-items:center;gap:2rem;margin-left:auto;font-family:system-ui,-apple-system,Courier,Monaco,Arial,monospace;font-size:.9rem;display:flex}.move-counter{font-weight:700}@media screen and (width>=769px){:root{--card-width:84.578px}.board,.top-section{max-width:769px;margin:0 auto 1rem}}@media screen and (width<=600px){.top-board,.tableau{gap:.2rem}}@media (width<=480px){button,.victory-popup{font-size:.6rem}}@media (width<=350px){.victory-popup{width:175px;height:70px;font-size:.7rem}.game-stats{gap:1rem}.time-display{font-size:.7rem}}.heart{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' text-anchor='middle' dominant-baseline='central' font-size='60' fill='%231c401d'%3E♥%3C/text%3E%3C/svg%3E") 50% no-repeat}.spade{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' text-anchor='middle' dominant-baseline='central' font-size='60' fill='%231c401d'%3E♠%3C/text%3E%3C/svg%3E") 50% no-repeat}.diamond{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' text-anchor='middle' dominant-baseline='central' font-size='60' fill='%231c401d'%3E♦%3C/text%3E%3C/svg%3E") 50% no-repeat}.club{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' text-anchor='middle' dominant-baseline='central' font-size='60' fill='%231c401d'%3E♣%3C/text%3E%3C/svg%3E") 50% no-repeat}.stock{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext x='50' y='50' text-anchor='middle' dominant-baseline='central' font-size='60' fill='%231c401d'%3E↻%3C/text%3E%3C/svg%3E") 50% no-repeat}@font-face{font-family:Montserrat;font-weight:600;font-display:swap;src:url(/solitaire/assets/Montserrat-SemiBold-BvhsIvY8.woff2)format("woff2"),url(/solitaire/assets/Montserrat-SemiBold-C6H4m7mI.woff)format("woff")}@font-face{font-family:Noto Emoji;font-weight:600;font-display:swap;src:url(/solitaire/assets/NotoEmoji-SemiBold-hClr1vo1.woff2)format("woff2"),url(/solitaire/assets/NotoEmoji-SemiBold-BX2_XKiB.woff)format("woff")}playing-card{--card-height:calc(var(--card-width) * 1.4);--card-field-width:var(--card-width);--card-field-height:calc(var(--card-width) * .8);--card-font-size:calc(var(--card-width) * .5);--card-rank-font-size:calc(var(--card-font-size) / 2);--card-bg:white;--card-color-red:red;--card-color-black:black;--card-border-color:gray;font-family:Montserrat,Noto Emoji,sans-serif;font-weight:600}