:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--felt: #176b52;--felt-dark: #0b4b3c;--felt-line: rgba(255, 255, 255, .2);--card-w: clamp(54px, 11vw, 96px);--card-h: calc(var(--card-w) * 1.42);--gap: clamp(7px, 1.4vw, 16px)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 20% 10%,rgba(249,246,222,.16),transparent 28rem),linear-gradient(135deg,var(--felt),var(--felt-dark))}button{font:inherit;-webkit-tap-highlight-color:transparent}.game{position:relative;display:grid;grid-template-rows:auto 1fr;gap:clamp(18px,3vh,34px);width:100vw;min-height:100vh;padding:max(12px,env(safe-area-inset-top)) clamp(10px,2.4vw,28px) max(18px,env(safe-area-inset-bottom));color:#fff8df;-webkit-user-select:none;user-select:none;touch-action:none}.top-row{display:flex;align-items:start;justify-content:space-between;gap:var(--gap)}.foundation-row,.draw-row{display:flex;align-items:start;gap:var(--gap)}.draw-row{margin-left:auto}.slot,.card{width:var(--card-w);height:var(--card-h);border-radius:8px}.slot{position:relative;display:grid;place-items:center;flex:0 0 auto;border:2px dashed rgba(255,255,255,.28);background:#052a2233;box-shadow:inset 0 0 0 1px #0000001a;transition:border-color .16s ease,background .16s ease,transform .16s ease}.slot.highlight,.tableau-pile.highlight{border-color:#ffe08a;background:#ffe08a24;transform:translateY(-2px)}.slot-mark{font-size:clamp(1.7rem,5vw,3rem);opacity:.48}.stock-slot{cursor:pointer;color:#fff7dc}.stock-slot.stock-hidden .card-back,.stock-slot.stock-hidden strong{visibility:hidden}.stock-slot strong{position:absolute;right:7px;bottom:5px;font-size:.74rem;line-height:1;text-shadow:0 1px 2px #063d31}.recycle{font-size:clamp(1.8rem,5vw,3.1rem)}.tableau{display:grid;grid-template-columns:repeat(7,minmax(0,var(--card-w)));justify-content:space-between;gap:var(--gap);min-height:calc(var(--card-h) + 48vh)}.tableau-pile{position:relative;min-height:calc(var(--card-h) + 46vh);border:2px solid transparent;border-radius:10px;transition:border-color .16s ease,background .16s ease,transform .16s ease}.pile-stack{position:relative;height:100%}.card{position:absolute;inset:0 auto auto 0;display:block;border:0;padding:0;overflow:hidden;cursor:pointer;background:#fffaf0;color:#111827;box-shadow:0 8px 18px #0000003d,inset 0 0 0 1px #1118271f;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease,filter .16s ease}.card.faceup{background:linear-gradient(180deg,#fffdf8,#fff3df)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border-radius:8px;box-shadow:inset 0 0 0 3px #ffffffb3}.card:hover{box-shadow:0 11px 24px #00000047,inset 0 0 0 1px #11182729}.card.dragging{opacity:.18;filter:saturate(.6)}.card.animating-hidden{visibility:hidden;transition:none}.corner{position:absolute;display:grid;justify-items:center;min-width:1.1rem;font-weight:800;font-size:clamp(.72rem,2.2vw,1rem);line-height:.95}.corner small{font-size:.9em}.corner.top{top:7px;left:7px}.corner.bottom{right:7px;bottom:7px;transform:rotate(180deg)}.center-suit{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:clamp(2.3rem,7vw,4rem);font-weight:900}.red{color:#c52233}.black{color:#111827}.facedown{background:linear-gradient(135deg,#2858a8,#1d7a8f)}.card-back,.small-back{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:6px;background:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25% 50%,rgba(255,255,255,.2) 50% 75%,transparent 75%),#214c93;background-size:14px 14px;box-shadow:inset 0 0 0 2px #ffffff94}.drag-ghost{position:fixed;top:0;left:0;width:var(--card-w);height:var(--card-h);pointer-events:none;z-index:100;filter:drop-shadow(0 18px 22px rgba(0,0,0,.34));transition:none}.drag-ghost .card{box-shadow:0 14px 28px #00000052,inset 0 0 0 1px #11182724}.flying-card{position:fixed;top:0;left:0;width:var(--card-w);height:var(--card-h);pointer-events:none;transition:transform .32s cubic-bezier(.18,.88,.22,1);will-change:transform}.flying-card.dealing{transition-timing-function:cubic-bezier(.12,.88,.22,1)}.flying-card.clearing{transition-timing-function:cubic-bezier(.56,-.1,.72,.42)}.flying-card .card{box-shadow:0 18px 34px #0000005c,inset 0 0 0 1px #11182724}.ghost-hidden{display:none}.undo-button,.new-game,.auto-complete,.test-button{position:fixed;border:0;color:#11241f;background:#ffe08a;box-shadow:0 10px 26px #00000047;cursor:pointer;transition:transform .15s ease,opacity .15s ease,background .15s ease;z-index:80}.undo-button{right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:grid;place-items:center;width:58px;height:58px;border-radius:50%;padding:0;font-size:2rem;line-height:1}.undo-button span{display:block;transform:translateY(-1px)}.new-game{left:max(16px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));min-width:70px;min-height:42px;border-radius:8px;padding:0 16px;font-weight:800}.test-button{left:max(94px,calc(env(safe-area-inset-left) + 94px));bottom:max(18px,env(safe-area-inset-bottom));min-width:64px;min-height:42px;border-radius:8px;padding:0 14px;font-weight:800}.auto-complete{left:50%;bottom:max(18px,env(safe-area-inset-bottom));min-width:88px;min-height:42px;border-radius:8px;padding:0 18px;font-weight:900;transform:translate(-50%)}.undo-button:hover,.new-game:hover,.auto-complete:hover,.test-button:hover{transform:translateY(-2px);background:#fff0ad}.auto-complete:hover{transform:translate(-50%,-2px)}.undo-button:disabled{cursor:default;opacity:.45;transform:none}.new-game:disabled,.auto-complete:disabled,.test-button:disabled{cursor:default;opacity:.55;transform:none}.auto-complete:disabled{transform:translate(-50%)}.win-banner{position:fixed;left:50%;top:50%;z-index:90;margin:0;padding:16px 24px;border-radius:8px;color:#0c342b;background:#fff7dc;box-shadow:0 18px 42px #00000052;font-size:clamp(1.5rem,6vw,3.5rem);font-weight:900;transform:translate(-50%,-50%)}.win-burst{position:fixed;top:0;right:0;bottom:0;left:0;z-index:89;pointer-events:none;overflow:hidden}.win-burst span{position:absolute;left:50%;top:50%;width:10px;height:18px;border-radius:2px;background:hsl(calc(var(--i) * 47deg),88%,62%);animation:win-spark 1.5s cubic-bezier(.16,.8,.24,1) forwards;transform:rotate(calc(var(--i) * 31deg))}@keyframes win-spark{0%{opacity:0;transform:translate(-50%,-50%) rotate(calc(var(--i) * 31deg)) scale(.6)}15%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) rotate(calc(var(--i) * 91deg)) scale(1.15)}}.card-move-enter-active,.card-move-leave-active{transition:transform .22s cubic-bezier(.2,.8,.2,1)}.card-move-enter-from,.card-move-leave-to{visibility:hidden}.card-move-move{transition:transform .22s cubic-bezier(.2,.8,.2,1)}@media (max-width: 620px){:root{--card-w: clamp(42px, 12.4vw, 58px);--gap: 5px}.game{gap:14px;padding-left:7px;padding-right:7px}.top-row{gap:7px}.foundation-row,.draw-row{gap:5px}.card{border-radius:7px}.corner.top{top:5px;left:5px}.corner.bottom{right:5px;bottom:5px}.corner{font-size:clamp(.6rem,2.6vw,.76rem)}.center-suit{font-size:clamp(1.55rem,6vw,2.25rem)}.card-back,.small-back{top:4px;right:4px;bottom:4px;left:4px}.tableau-pile{min-height:calc(var(--card-h) + 58vh)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}