:root{color-scheme:dark;--vcard-w: clamp(62px, 7.6vw, 106px);--vcard-h: calc(var(--vcard-w) * 1.419);--felt-a: #0f5b34;--felt-b: #06371f;--felt-c: #1b7a4b;--accent: #e1bd66;--card-back-image: url(/assets/generated/card-back-red-desktop.4b0f13fe7c7c.webp);--card-face-image: url(/assets/generated/card-faces-desktop.72cfd49cb730.webp);--felt-texture-image: url(/assets/generated/casino-felt-texture.850f283a2bea.webp);--vcard-radius: 10px;--vslot-radius: 8px;--pyramid-step: clamp(35px, 4vw, 58px);--pyramid-x-step: calc(var(--vcard-w) * .72);--tripeaks-step: clamp(58px, 6vw, 82px);--tripeaks-x-step: calc(var(--vcard-w) * .54)}body[data-game=klondike-three]{--felt-a: #173f72;--felt-b: #081d3a;--felt-c: #2463a1;--accent: #e6c26e}body[data-game=spider]{--felt-a: #103c48;--felt-b: #041a22;--felt-c: #236071;--accent: #b7dce5;--vcard-w: clamp(48px, 7.8vw, 84px)}body[data-game=freecell]{--felt-a: #0b6647;--felt-b: #063526;--felt-c: #16805a;--accent: #e2c66f;--vcard-w: min( calc((100vw - 40px - (7*clamp(6px, 1.2vw, 14px)))/8) , 96px)}body[data-game=pyramid]{--felt-a: #60401f;--felt-b: #24160c;--felt-c: #8a6534;--accent: #e1b66b;--vcard-w: clamp(60px, min(12vw, 14svh), 128px);--vcard-radius: 14px;--vslot-radius: 12px;--pyramid-step: clamp(38px, calc(var(--vcard-w) * .47), 60px);--pyramid-x-step: calc(var(--vcard-w) * .9)}body[data-game=tripeaks]{--felt-a: #3e2454;--felt-b: #171025;--felt-c: #674273;--accent: #e6a98f;--vcard-w: clamp(48px, 6.4vw, 82px);--vcard-radius: 10px;--vslot-radius: 8px}body[data-back=blue]{--card-back-image: url(/assets/generated/card-back-blue-desktop.df1f876f57ac.webp)}body[data-back=green]{--card-back-image: url(/assets/generated/card-back-green-desktop.ffe3daf30c04.webp)}body[data-back=purple]{--card-back-image: url(/assets/generated/card-back-purple-desktop.0c08c72ce0b2.webp)}body[data-back=charcoal]{--card-back-image: url(/assets/generated/card-back-charcoal-desktop.10f0134e9aed.webp)}body[data-back=klondike-three]{--card-back-image: url(/assets/generated/card-back-klondike-three-desktop.1528e2010574.webp)}body[data-back=spider]{--card-back-image: url(/assets/generated/card-back-spider-desktop.f038894c793e.webp)}body[data-back=freecell]{--card-back-image: url(/assets/generated/card-back-freecell-desktop.73735607eba4.webp)}body[data-back=pyramid]{--card-back-image: url(/assets/generated/card-back-pyramid-desktop.caa0c796d86c.webp)}body[data-back=tripeaks]{--card-back-image: url(/assets/generated/card-back-tripeaks-desktop.195b75744499.webp)}@supports (background-image: image-set(url(x.webp) type("image/webp") 1x)){:root{--felt-texture-image: image-set( url(/assets/generated/casino-felt-texture.b6b78681ceb5.avif) type("image/avif") 1x, url(/assets/generated/casino-felt-texture.850f283a2bea.webp) type("image/webp") 1x );--card-face-image: image-set( url(/assets/generated/card-faces-desktop.8916ef1162ce.avif) type("image/avif") 1x, url(/assets/generated/card-faces-desktop.72cfd49cb730.webp) type("image/webp") 1x );--card-back-image: image-set( url(/assets/generated/card-back-red-desktop.12b4a69391a5.avif) type("image/avif") 1x, url(/assets/generated/card-back-red-desktop.4b0f13fe7c7c.webp) type("image/webp") 1x )}body[data-back=blue]{--card-back-image: image-set(url(/assets/generated/card-back-blue-desktop.1b5ab9fce8fd.avif) type("image/avif") 1x, url(/assets/generated/card-back-blue-desktop.df1f876f57ac.webp) type("image/webp") 1x)}body[data-back=green]{--card-back-image: image-set(url(/assets/generated/card-back-green-desktop.9c8a8ec6702a.avif) type("image/avif") 1x, url(/assets/generated/card-back-green-desktop.ffe3daf30c04.webp) type("image/webp") 1x)}body[data-back=purple]{--card-back-image: image-set(url(/assets/generated/card-back-purple-desktop.4db8e486d6d9.avif) type("image/avif") 1x, url(/assets/generated/card-back-purple-desktop.0c08c72ce0b2.webp) type("image/webp") 1x)}body[data-back=charcoal]{--card-back-image: image-set(url(/assets/generated/card-back-charcoal-desktop.62c3f4cca658.avif) type("image/avif") 1x, url(/assets/generated/card-back-charcoal-desktop.10f0134e9aed.webp) type("image/webp") 1x)}body[data-back=klondike-three]{--card-back-image: image-set(url(/assets/generated/card-back-klondike-three-desktop.eb8167e2e2bb.avif) type("image/avif") 1x, url(/assets/generated/card-back-klondike-three-desktop.1528e2010574.webp) type("image/webp") 1x)}body[data-back=spider]{--card-back-image: image-set(url(/assets/generated/card-back-spider-desktop.549020182735.avif) type("image/avif") 1x, url(/assets/generated/card-back-spider-desktop.f038894c793e.webp) type("image/webp") 1x)}body[data-back=freecell]{--card-back-image: image-set(url(/assets/generated/card-back-freecell-desktop.43e095a887e9.avif) type("image/avif") 1x, url(/assets/generated/card-back-freecell-desktop.73735607eba4.webp) type("image/webp") 1x)}body[data-back=pyramid]{--card-back-image: image-set(url(/assets/generated/card-back-pyramid-desktop.3159cd24fd43.avif) type("image/avif") 1x, url(/assets/generated/card-back-pyramid-desktop.caa0c796d86c.webp) type("image/webp") 1x)}body[data-back=tripeaks]{--card-back-image: image-set(url(/assets/generated/card-back-tripeaks-desktop.d0001ced68a4.avif) type("image/avif") 1x, url(/assets/generated/card-back-tripeaks-desktop.195b75744499.webp) type("image/webp") 1x)}}body[data-game]{--vcard-h: calc(var(--vcard-w) * 1.42);min-width:280px;margin:0;color:#fffdf6;background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--felt-c),white 12%),transparent 42%),linear-gradient(145deg,var(--felt-a),var(--felt-b));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body[data-game]:before{position:fixed;z-index:-1;inset:0;background:var(--felt-texture-image) center / 680px repeat;content:"";mix-blend-mode:soft-light;opacity:.16;pointer-events:none}.vg-shell{min-height:min(100vh,980px);padding:18px clamp(12px,2.5vw,40px) 38px}.vg-header{position:relative;z-index:300;display:grid;width:min(1320px,100%);margin:0 auto 24px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.vg-all-games,.vg-actions button,.vg-actions label{border:1px solid rgba(255,255,255,.2);border-radius:999px;color:inherit;background:#030a0e6b;box-shadow:inset 0 1px #ffffff14;backdrop-filter:blur(14px)}.vg-all-games{padding:10px 16px;font-weight:750;text-decoration:none}.vg-title{display:flex;align-items:center;gap:12px}.vg-title>span{display:grid;width:45px;height:45px;border:1px solid color-mix(in srgb,var(--accent),transparent 35%);border-radius:14px;place-items:center;color:var(--accent);background:#030a0e61;font-size:1.4rem}.vg-title h1,.vg-title p{margin:0}.vg-title h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(1.25rem,2vw,2rem)}.vg-title p{margin-top:2px;color:#ffffffb8;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.vg-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.vg-actions button,.vg-actions label{min-height:40px;padding:8px 13px;font:inherit;font-size:.78rem;font-weight:750}.vg-actions button{cursor:pointer}.vg-actions button:disabled{opacity:.38}.vg-actions label{display:flex;align-items:center;gap:7px}.vg-actions select{max-width:108px;border:0;color:inherit;background:transparent;font:inherit}.vg-actions option{color:#111}.vg-board{direction:ltr;unicode-bidi:isolate;width:min(1320px,100%);min-height:690px;margin:0 auto;padding:clamp(14px,2vw,28px);border:1px solid rgba(255,255,255,.14);border-radius:30px;background:#0000001a;box-shadow:0 32px 90px #00000042,inset 0 1px #ffffff14}.vg-upper,.vg-tableau{display:grid;gap:clamp(5px,1.2vw,16px);overflow:visible}.vg-upper{min-height:var(--vcard-h);margin-bottom:30px;align-items:start}.vg-seven{grid-template-columns:repeat(7,var(--vcard-w));justify-content:space-between}.vg-eight{grid-template-columns:repeat(8,var(--vcard-w));justify-content:space-between}.vg-ten{grid-template-columns:repeat(10,var(--vcard-w));justify-content:space-between}body[data-game=freecell] .vg-eight{justify-content:center;gap:clamp(6px,1.2vw,14px)}body[data-game=freecell] .vg-upper,body[data-game=pyramid] .vg-upper{margin-bottom:20px}.vg-spider-upper{grid-template-columns:var(--vcard-w) auto;justify-content:space-between}.vg-pyramid-upper,.vg-tripeaks-upper{grid-template-columns:repeat(2,var(--vcard-w))}.vg-spacer{min-height:1px}.vg-pile{position:relative;width:var(--vcard-w);min-height:var(--vcard-h);overflow:visible}.vg-slot{position:absolute;top:0;left:0;display:grid;width:var(--vcard-w);height:var(--vcard-h);border:1px dashed rgba(255,255,255,.22);border-radius:var(--vslot-radius);place-items:center;color:#ffffff52;font-family:Georgia,serif;font-size:clamp(.72rem,1.2vw,1rem)}.vcard{position:absolute;width:var(--vcard-w);height:var(--vcard-h);padding:0;overflow:hidden;border:1px solid var(--card-edge);border-radius:var(--vcard-radius);color:#131722;background:radial-gradient(circle at 22% 14%,rgba(255,255,255,.98),transparent 32%),linear-gradient(145deg,var(--card-top),var(--card) 68%,#f3f6fb);box-shadow:0 20px 46px #00000024,0 6px 18px #0f172a17,0 1px 2px #0f172a1f,inset 0 0 16px #0f172a16,inset 0 0 3px #0f172a14,inset 0 1px #ffffffa3,inset 0 -12px 24px #0f172a0d;cursor:pointer;transform-origin:center;transition:transform .26s var(--ease-spring),box-shadow .24s ease,filter .24s ease,border-color .24s ease}.vcard:disabled{cursor:default}.vcard.red{color:#b82135}.vcard.face-down{border-color:transparent;background:color-mix(in srgb,var(--felt-b),black 12%)}.vcard.face-down:before{position:absolute;inset:0;border-radius:inherit;background:var(--card-back-image) center / 100% 100% no-repeat;content:""}.vcard.selected{z-index:250!important;outline:3px solid var(--accent);outline-offset:2px;transform:translateY(-5px);box-shadow:0 15px 30px #00000052,0 0 0 5px color-mix(in srgb,var(--accent),transparent 70%)}.vcard.hint{z-index:520!important;animation:vg-hint .65s ease 2}.vcard.hint-pair{z-index:520!important;outline:4px solid var(--accent);outline-offset:2px;animation:vg-hint-pair .85s ease 2}.vg-corner{position:absolute;z-index:3;top:5%;left:8%;display:grid;justify-items:center;font-family:Georgia,serif;font-size:calc(var(--vcard-w) * .22);font-style:normal;line-height:.9}.vg-corner i{font-size:calc(var(--vcard-w) * .16);font-style:normal}.vg-suit{position:absolute;inset:0;display:grid;place-items:center;font-family:Georgia,serif;font-size:calc(var(--vcard-w) * .62)}.vcard[data-rank=J]{--face-position: 0% 50%}.vcard[data-rank=Q]{--face-position: 50% 50%}.vcard[data-rank=K]{--face-position: 100% 50%}.vcard[data-rank=J],.vcard[data-rank=Q],.vcard[data-rank=K]{background:var(--card-face-image) var(--face-position) / 300% 100% no-repeat}.vcard[data-rank=J] .vg-suit,.vcard[data-rank=Q] .vg-suit,.vcard[data-rank=K] .vg-suit{display:none}.vg-completed{display:grid;grid-template-columns:repeat(8,var(--vcard-w));justify-content:end;gap:clamp(3px,.8vw,10px);direction:ltr}.vg-completed span{display:block;width:var(--vcard-w);height:var(--vcard-h);box-sizing:border-box;border:1.5px dashed rgba(255,255,255,.3);border-radius:var(--vslot-radius);background:#00000014;box-shadow:inset 0 1px 15px #0000001f}.vg-completed span.done{border-style:solid;border-color:transparent;border-radius:var(--vcard-radius);background:var(--card-back-image) center / 100% 100% no-repeat;box-shadow:0 7px 16px #0003}.vg-shape{position:relative;min-height:570px}.vg-pyramid{min-height:calc(6 * var(--pyramid-step) + var(--vcard-h) + 20px)}.vg-tripeaks{min-height:calc(3 * var(--tripeaks-step) + var(--vcard-h) + 20px)}.vg-toast{position:fixed;z-index:600;right:20px;bottom:20px;padding:12px 18px;border-radius:999px;color:#111b21;background:#fffdf4;box-shadow:0 16px 45px #00000052;font-weight:750;opacity:0;transform:translateY(16px);transition:.18s ease;pointer-events:none}.vg-toast.show{opacity:1;transform:none}.vg-win{position:fixed;z-index:700;inset:0;display:none;padding:24px;place-items:center;background:#03080bb8;backdrop-filter:blur(12px)}.vg-win.show{display:grid}.vg-win>div{width:min(420px,100%);padding:38px;border:1px solid rgba(255,255,255,.18);border-radius:28px;text-align:center;background:linear-gradient(145deg,color-mix(in srgb,var(--felt-a),black 18%),var(--felt-b));box-shadow:0 40px 100px #00000073}.vg-win>div>span{color:var(--accent);font-size:2rem}.vg-win h2{font-family:Georgia,serif;font-size:2rem}.vg-win button{min-height:46px;padding:0 24px;border:0;border-radius:999px;color:#192027;background:var(--accent);font:inherit;font-weight:800}@keyframes vg-hint{50%{filter:brightness(1.25);transform:translateY(-8px) scale(1.025)}}@keyframes vg-hint-pair{50%{filter:brightness(1.14) saturate(1.08);transform:translateY(-7px) scale(1.045);box-shadow:0 18px 38px #00000057,0 0 0 9px color-mix(in srgb,var(--accent),transparent 58%)}}@media(hover:hover)and (pointer:fine){.vcard:not(:disabled):hover{filter:saturate(1.04) brightness(1.025);box-shadow:0 18px 42px #0000003d,0 6px 18px #00000024,inset 0 1px #ffffff9e}.vg-actions button:hover,.vg-all-games:hover{border-color:color-mix(in srgb,var(--accent),transparent 20%);background:#030a0ea3}}@media(max-width:920px){.vg-header{grid-template-columns:auto 1fr}.vg-actions{grid-column:1 / -1;justify-content:flex-start}.vg-board{min-height:610px;overflow-x:auto}}@media(max-width:680px){:root{--vcard-w: calc((100vw - 42px - 6 * 5px) / 7);--pyramid-step: clamp(27px, 8vw, 40px);--tripeaks-step: clamp(43px, 11vw, 58px);--card-face-image: url(/assets/generated/card-faces-mobile.186a81bc0e53.webp);--card-back-image: url(/assets/generated/card-back-red-mobile.d062ddc785fb.webp);--vcard-radius: 6px;--vslot-radius: 6px}body[data-game=spider]{--vcard-w: calc((100vw - 69px)*.1) }body[data-game=freecell]{--vcard-w: calc((100vw - 70px)/8) }body[data-game=pyramid]{--vcard-w: clamp(56px, 17.5vw, 78px);--vcard-radius: 8px;--vslot-radius: 8px;--pyramid-step: clamp(40px, 12.6vw, 56px);--pyramid-x-step: calc((100vw - 10px - var(--vcard-w)) / 6)}body[data-game=pyramid] .board-wrap{width:100vw;margin-left:calc(50% - 50vw)}body[data-game=tripeaks]{--vcard-w: clamp(30px, 9.5vw, 52px);--vcard-radius: 6px;--vslot-radius: 6px;--tripeaks-x-step: calc((100vw - 10px - var(--vcard-w)) / 18)}body[data-game=tripeaks] .board-wrap{width:100vw;margin-left:calc(50% - 50vw)}body[data-game=tripeaks] .vg-tripeaks-upper{padding-inline:7px}body[data-back=blue]{--card-back-image: url(/assets/generated/card-back-blue-mobile.97d7a74fa2a3.webp)}body[data-back=green]{--card-back-image: url(/assets/generated/card-back-green-mobile.13790fdae80b.webp)}body[data-back=purple]{--card-back-image: url(/assets/generated/card-back-purple-mobile.22569834caef.webp)}body[data-back=charcoal]{--card-back-image: url(/assets/generated/card-back-charcoal-mobile.7d07f82cf317.webp)}body[data-back=klondike-three]{--card-back-image: url(/assets/generated/card-back-klondike-three-mobile.068481a13085.webp)}body[data-back=spider]{--card-back-image: url(/assets/generated/card-back-spider-mobile.b406057ddb3a.webp)}body[data-back=freecell]{--card-back-image: url(/assets/generated/card-back-freecell-mobile.1325834a01f8.webp)}body[data-back=pyramid]{--card-back-image: url(/assets/generated/card-back-pyramid-mobile.27ae6e675006.webp)}body[data-back=tripeaks]{--card-back-image: url(/assets/generated/card-back-tripeaks-mobile.058d6fb23170.webp)}.vg-shell{padding:10px 7px 28px}.vg-header{gap:10px}.vg-all-games{padding:9px 11px;font-size:.75rem}.vg-title>span{display:none}.vg-title h1{font-size:1.12rem}.vg-actions{gap:5px}.vg-actions button,.vg-actions label{min-height:36px;padding:7px 10px;font-size:.7rem}.vg-board{min-height:540px;padding:10px;border-radius:20px}.vg-upper,.vg-tableau{gap:5px}.vg-upper{margin-bottom:18px}.vg-corner{font-size:calc(var(--vcard-w) * .29)}.vg-corner i{display:none}.vg-suit{font-size:calc(var(--vcard-w) * .74)}.vg-completed{gap:3px}.vg-completed span{border-width:1px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.vg-shell.app-shell{min-height:100svh;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));gap:12px}.vg-board.board{display:block;width:min(1320px,calc(100vw - 20px));max-width:100%;min-height:0;margin-inline:auto;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}body[data-game] .vcard:disabled{opacity:1;filter:none}body[data-game] .settings-panel{background:linear-gradient(180deg,#ffffff1a,#ffffff09),color-mix(in srgb,var(--felt-b),black 8%)}body[data-game] .setting-pill{background:linear-gradient(180deg,#ffffff1f,#ffffff0e),color-mix(in srgb,var(--felt-a),transparent 22%)}body[data-game] .menu-popover{background:color-mix(in srgb,var(--felt-b),black 8%)}body[data-game] .stuck-card,body[data-game] .win-card{border-color:color-mix(in srgb,var(--accent),transparent 58%);background:linear-gradient(145deg,color-mix(in srgb,var(--felt-a),white 7%),color-mix(in srgb,var(--felt-b),black 8%))}body[data-game] .stuck-icon{color:var(--accent);border-color:color-mix(in srgb,var(--accent),transparent 58%);background:color-mix(in srgb,var(--accent),transparent 84%)}body[data-game] .stuck-btn.stuck-primary{color:#17130c;border-color:var(--accent);background:var(--accent);box-shadow:0 10px 24px color-mix(in srgb,var(--accent),transparent 74%)}.vcard{touch-action:none}.vcard.cascade-card{margin:0;transition:none!important}.vcard.spider-deal-card{z-index:5000!important;opacity:0;pointer-events:none!important;transition:none!important;will-change:transform,opacity,filter}.vcard.stock-draw-card{z-index:4500!important;pointer-events:none!important;transition:none!important;will-change:transform,opacity,filter}body.spider-dealing .vg-board{pointer-events:none}.vcard.dragging{z-index:5000!important;pointer-events:none!important;transition:none!important;cursor:grabbing;will-change:transform;filter:saturate(1.12) brightness(1.04);box-shadow:0 24px 50px #0000004d,0 8px 18px #00000029,inset 0 1px #ffffffeb}.vcard.vcard-motion{z-index:4000!important;pointer-events:none!important;transition:none!important;will-change:transform}.vcard.vcard-motion.stock-draw-card{z-index:4500!important;will-change:transform,opacity,filter}body.cards-moving .vg-board,body.stock-drawing .vg-board{pointer-events:none}.vg-corner-bottom{inset:auto 8% 5% auto;rotate:180deg}.hint-target .vg-slot{animation:vg-hint-target .65s ease 2}.hint-target>.vcard:last-child{z-index:520!important;outline:4px solid var(--accent);outline-offset:2px;animation:vg-hint-pair .85s ease 2}.game-copy{width:min(900px,92vw)}.game-copy-wrap{width:100%}.game-copy dl{display:block}.game-copy dl div{min-width:0;padding:14px 0;border:0;border-bottom:1px solid rgba(255,255,255,.12);border-radius:0;background:none}.game-copy dt{color:var(--muted);font-size:.72rem;text-transform:uppercase}.game-copy dd{margin:3px 0 0;font-weight:800}@keyframes vg-hint-target{50%{border-color:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent),transparent 72%);transform:translateY(-5px)}}@media(max-width:920px){.vg-board.board{min-height:0;overflow:visible;padding:0}}@media(max-width:680px){.vg-shell.app-shell{gap:18px;padding:max(12px,env(safe-area-inset-top)) 7px 24px}.vg-board.board{width:100%;min-height:0;border-radius:0}body[data-game] .game-copy.seo-content{width:100%;max-width:none;margin-inline:0;padding:40px 0 64px}body[data-game] .game-copy-wrap{width:100%}body[data-game] .game-copy-wrap>section,body[data-game] .game-copy-wrap>p{padding-inline:18px}body[data-game] .game-guide .game-guide-rules{padding:0 18px}}@media(max-width:360px){.vg-shell.app-shell{gap:10px;padding-right:3px;padding-left:3px}.vg-upper,.vg-tableau,body[data-game=freecell] .vg-eight{gap:2px}body[data-game=spider]{--vcard-w: calc((100vw - 24px)*.1) }body[data-game=freecell]{--vcard-w: calc((100vw - 20px)/8) }body[data-game=freecell] .vg-upper{margin-bottom:10px}}