:root{color-scheme:light;--bg: #f6f4ee;--surface: #fffdfa;--surface-strong: #ffffff;--ink: #1f2a2e;--muted: #657176;--line: #d9ded8;--accent: #0f7a73;--accent-strong: #095b55;--gold: #c58b2c;--felt: #0d675e;--felt-dark: #08433f;--danger: #b62834;--shadow: 0 14px 36px rgba(23, 38, 42, .12);--radius: 8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink)}body{margin:0;line-height:1.6}a{color:var(--accent-strong);text-decoration-thickness:.08em;text-underline-offset:.18em}img,svg{max-width:100%}button,input,select{font:inherit}.skip-link{background:var(--ink);color:#fff;left:1rem;padding:.6rem .8rem;position:absolute;top:-4rem;z-index:20}.skip-link:focus{top:1rem}.shell{margin-inline:auto;max-width:1180px;padding-inline:clamp(1rem,4vw,2rem)}.site-header{background:#fffdfaf0;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{align-items:center;display:flex;gap:1rem;justify-content:space-between;min-height:64px}.brand{color:var(--ink);font-size:1.45rem;font-weight:800;letter-spacing:0;text-decoration:none}.nav-links{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.65rem,2vw,1.25rem);font-weight:650}.nav-links a{color:var(--ink);text-decoration:none}.hero,.page-intro{padding-block:clamp(2rem,6vw,4rem)}.hero-grid{align-items:center;display:grid;gap:clamp(1.5rem,5vw,3rem);grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}.eyebrow{color:var(--accent-strong);font-size:.9rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}h1,h2,h3{line-height:1.15;margin:0 0 .75rem}h1{font-size:clamp(2.15rem,6vw,4.6rem)}h2{font-size:clamp(1.45rem,3vw,2.1rem)}h3{font-size:1.1rem}p{margin:0 0 1rem}.lead{color:#334045;font-size:clamp(1.05rem,2vw,1.25rem);max-width:68ch}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.3rem}.button{align-items:center;background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);color:#fff;display:inline-flex;font-weight:800;min-height:44px;padding:.65rem .95rem;text-decoration:none}.button.secondary{background:transparent;color:var(--accent-strong)}.section{padding-block:clamp(2rem,5vw,3.5rem)}.section.alt{background:#e8f0eb}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.card{background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.card h2,.card h3{font-size:1.15rem}.meta-row{color:var(--muted);display:flex;flex-wrap:wrap;gap:.55rem;margin-block:.4rem .8rem}.pill{background:#eef3f0;border:1px solid var(--line);border-radius:999px;color:#344247;display:inline-flex;font-size:.88rem;font-weight:700;padding:.22rem .55rem}.content{max-width:820px}.content>*+*{margin-top:1.2rem}.content li+li{margin-top:.35rem}.plain-list{list-style:none;margin:0;padding:0}.plain-list li+li{margin-top:.35rem}.site-footer{background:#152326;color:#e8efed;margin-top:3rem;padding-block:2rem}.site-footer a{color:#e8fffb}.site-footer .brand{color:#fff}.site-footer h2{font-size:1rem}.footer-grid{display:grid;gap:1.5rem;grid-template-columns:1.4fr 1fr 1fr}.mini-board{aspect-ratio:1.12;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.18),transparent 22%),linear-gradient(145deg,var(--felt),var(--felt-dark));border-radius:var(--radius);box-shadow:var(--shadow);display:grid;gap:4%;grid-template-columns:repeat(4,1fr);padding:6%}.mini-card{align-items:center;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:7px;color:var(--ink);display:flex;font-weight:900;justify-content:center;min-height:0}.mini-card.red{color:var(--danger)}.game-shell{background:linear-gradient(145deg,var(--felt),var(--felt-dark));border-radius:var(--radius);box-shadow:var(--shadow);color:#fff;margin-block:1.5rem;overflow:hidden}.game-toolbar{align-items:center;background:#0000002e;display:flex;flex-wrap:wrap;gap:.55rem;justify-content:space-between;padding:.75rem}.game-controls{display:flex;flex-wrap:wrap;gap:.45rem}.game-button,.game-select{background:#fffffff0;border:1px solid rgba(255,255,255,.3);border-radius:7px;color:var(--ink);cursor:pointer;font-weight:800;min-height:38px;padding:.45rem .65rem}.game-button:disabled{cursor:not-allowed;opacity:.55}.game-status{color:#f5fffd;font-size:.95rem;font-weight:700}.klondike-board{--card-w: clamp(48px, 10.5vw, 104px);--card-h: calc(var(--card-w) * 1.42);--card-red: #b42318;--card-black: #17201d;--gap: clamp(.32rem, 1vw, .75rem);--stack-gap: clamp(20px, 4vw, 34px);overflow-x:auto;padding:clamp(.55rem,2vw,1rem);position:relative;touch-action:pan-x pan-y}.klondike-board.is-dragging{touch-action:none}.board-top,.tableau{display:grid;gap:var(--gap);grid-template-columns:repeat(7,var(--card-w));min-width:calc(var(--card-w) * 7 + var(--gap) * 6)}.board-top{margin-bottom:1rem}.foundation-area{display:grid;gap:var(--gap);grid-column:4 / span 4;grid-template-columns:repeat(4,var(--card-w))}.pile,.tableau-col{min-height:var(--card-h);position:relative}.pile:after,.tableau-col:after{border:3px solid transparent;border-radius:9px;content:"";inset:-5px;pointer-events:none;position:absolute;transition:border-color .14s ease,background-color .14s ease;z-index:0}.pile.drop-active:after,.tableau-col.drop-active:after{background:#ffffff14;border-color:#f4d35ee6}.pile-slot{align-items:center;background:#ffffff14;border:2px dashed rgba(255,255,255,.28);border-radius:6px;color:#ffffffb8;display:flex;font-weight:900;height:var(--card-h);justify-content:center;width:var(--card-w)}.playing-card{--pip-size: clamp(.7rem, calc(var(--card-w) * .18), 1.22rem);background:linear-gradient(145deg,#fffffff5,#fffcf4fa);border:1px solid rgba(16,29,26,.26);border-radius:6px;box-shadow:0 1px #fffc inset,0 5px 10px #00000029;color:var(--card-black, #17201d);cursor:pointer;display:block;font-family:Georgia,Times New Roman,serif;font-weight:800;height:var(--card-h);overflow:hidden;padding:0;position:absolute;touch-action:none;transition:box-shadow .16s ease,opacity .12s ease,outline-color .12s ease,transform .16s ease;user-select:none;width:var(--card-w);z-index:1}.playing-card.red{color:var(--card-red, #b42318)}.playing-card.back{background:radial-gradient(circle at center,rgba(255,255,255,.22) 0 2px,transparent 2.5px) 0 0 / 13px 13px,linear-gradient(135deg,rgba(255,255,255,.13) 25%,transparent 25% 50%,rgba(255,255,255,.13) 50% 75%,transparent 75%) 0 0 / 18px 18px,#247360;border-color:#102d2794}.stock-card{box-shadow:2px 2px #f7efe5,4px 4px #102d27b8,0 1px #ffffffb8 inset,0 5px 10px #00000029}.stock-empty{background:linear-gradient(145deg,#ffffff14,#ffffff08)}.playing-card.selected{outline:4px solid #f4d35e;outline-offset:2px}.playing-card.hinted{outline:4px solid #8de6d9;outline-offset:2px}.playing-card.drag-source{opacity:.18}.card-corner{align-items:center;display:flex;flex-direction:column;font-size:clamp(.62rem,calc(var(--card-w) * .16),1.02rem);gap:0;line-height:1;min-width:1.1em;position:absolute;z-index:2}.card-corner.top-left{left:max(4px,calc(var(--card-w) * .075));top:max(4px,calc(var(--card-w) * .075))}.card-corner.bottom-right{bottom:max(4px,calc(var(--card-w) * .075));right:max(4px,calc(var(--card-w) * .075));transform:rotate(180deg)}.card-center{display:block;height:64%;left:21%;line-height:1;position:absolute;top:18%;width:58%}.card-pip{font-size:var(--pip-size);left:calc(50% + var(--pip-x) * 31%);position:absolute;top:calc(50% + var(--pip-y) * 24%);transform:translate(-50%,-50%)}.card-pip.rotated{transform:translate(-50%,-50%) rotate(180deg)}.card-ace,.card-face-rank,.card-face-suit{left:50%;position:absolute;transform:translate(-50%,-50%)}.card-ace{font-size:clamp(1.95rem,calc(var(--card-w) * .48),3.35rem);top:50%}.card-face-rank{font-size:clamp(1.55rem,calc(var(--card-w) * .36),2.7rem);top:43%}.card-face-suit{font-size:clamp(.95rem,calc(var(--card-w) * .22),1.65rem);top:65%}.card-back-inner{border:1px solid rgba(255,255,255,.45);border-radius:4px;inset:max(6px,calc(var(--card-w) * .1));position:absolute}.card-back-inner:after{border:1px solid rgba(7,62,53,.38);border-radius:3px;content:"";inset:max(4px,calc(var(--card-w) * .07));position:absolute}.tableau-col .playing-card{top:calc(var(--i) * var(--stack-gap))}.tableau-col{min-height:calc(var(--card-h) + var(--count) * var(--stack-gap))}.is-dragging .playing-card{cursor:grabbing}.drag-stack{left:0;pointer-events:none;position:fixed;top:0;transform:translate3d(-9999px,-9999px,0);z-index:1000}.drag-stack-hidden{visibility:hidden}.drag-stack.snap-back{transition:transform .17s cubic-bezier(.2,.8,.2,1)}.drag-stack .playing-card{cursor:grabbing;left:0;position:absolute;top:calc(var(--drag-i) * var(--stack-gap));view-transition-name:none}::view-transition-old(*),::view-transition-new(*){animation-duration:.18s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}.sr-status{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@media(max-width:760px){.hero-grid,.footer-grid{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column;padding-block:.75rem}.klondike-board{--card-w: clamp(46px, 12vw, 72px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}