.klondike-board{--card-width:clamp(38px, 8.8vw, 76px);--card-height:calc(var(--card-width) * 1.4);--felt:#174f43;box-sizing:border-box;background-color:var(--felt);color:#f7f4e8;background-image:radial-gradient(at 50% 35%,#2b715c 0,#194f43 72%),repeating-linear-gradient(35deg,#ffffff04 0 1px,#0000 1px 4px);border:1px solid #7ab29a;border-radius:18px;grid-template-rows:auto max-content auto;align-content:start;gap:clamp(8px,1.4vw,14px);width:min(100%,720px);height:auto;min-height:0;max-height:100%;margin:auto;padding:clamp(8px,1.7vw,16px);font-family:system-ui,sans-serif;display:grid;position:relative;overflow:auto;box-shadow:inset 0 0 42px #06231f80}.klondike-top-row,.klondike-tableau{width:min(100%, calc(var(--card-width) * 7 + 48px));grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(2px,.8vw,8px);margin-inline:auto;display:grid}.klondike-top-row{align-items:start}.klondike-pile,.klondike-card,.klondike-empty-pile{box-sizing:border-box;width:100%;min-width:0;height:var(--card-height);color:#172c27;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#f8f5e9;border:1px solid #c9dccb;border-radius:clamp(5px,1vw,10px);padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 2px 4px #071d1966}.klondike-pile:disabled,.klondike-card:disabled,.klondike-empty-pile:disabled{opacity:1;cursor:default}.klondike-stock,.klondike-waste,.klondike-foundation{place-items:center;display:grid}.klondike-stock{color:#f7f4e8;background:#f8f5e91c;border-style:dashed;font:800 clamp(9px,1vw,12px)/1.1 system-ui,sans-serif}.klondike-top-spacer{min-width:0;display:block}.klondike-foundation{color:#d9edcf;background:#f8f5e91c;border-style:dashed;font:800 clamp(18px,3vw,28px)/1 system-ui,sans-serif}.klondike-waste{box-shadow:none;background:0 0;overflow:visible}.klondike-card-back{background-color:#245c72;background-image:repeating-linear-gradient(45deg,#0000 0 6px,#c6edf23a 6px 8px),repeating-linear-gradient(-45deg,#0000 0 6px,#c6edf23a 6px 8px);border:2px solid #d5e8d6;border-radius:clamp(3px,.7vw,7px);place-items:center;display:grid;position:absolute;inset:3px;box-shadow:inset 0 0 0 2px #286c76}.klondike-stock .klondike-card-back:after{content:"✦";color:#e2ecac;font-size:clamp(13px,2.4vw,22px)}.klondike-card,.klondike-card-face{flex-direction:column;justify-content:space-between;align-items:flex-start;padding:clamp(3px,.55vw,7px);font-weight:850;line-height:1;display:flex}.klondike-card-rank{font-size:clamp(10px,1.45vw,15px)}.klondike-card-suit{align-self:flex-end;font-size:clamp(15px,2vw,22px)}.klondike-card.is-red,.klondike-waste.is-red,.klondike-foundation.is-red,.klondike-peek-card.is-red{color:#b23c43}.klondike-tableau{min-height:var(--card-height);align-items:start}.klondike-column{min-width:0;min-height:var(--card-height);flex-direction:column;align-items:stretch;display:flex}.klondike-facedown{box-sizing:border-box;background-color:#245c72;background-image:repeating-linear-gradient(45deg,#0000 0 5px,#c6edf23a 5px 7px);border:1px solid #d5e8d6;border-radius:4px;flex:0 0 clamp(13px,2.3vw,18px);width:100%;display:block;position:relative;box-shadow:0 1px 2px #071d1966}.klondike-card.is-up-start{margin-block-start:5px}.klondike-card.is-overlap{margin-block-start:calc(var(--card-height) * -.72)}.klondike-empty-pile{box-shadow:none;color:#d5e8d689;background:#f8f5e90d;border:1px dashed #d5e8d689;place-items:center;font:800 clamp(12px,1.4vw,16px) system-ui,sans-serif;display:grid}.klondike-card-face{box-sizing:border-box;border-radius:inherit;color:#172c27;pointer-events:none;background:#f8f5e9;position:absolute;inset:0}.klondike-card-face.is-red{color:#b23c43}.klondike-peek-card{color:#172c27;pointer-events:none;background:#f8f5e9;border:1px solid #c9dccb;border-radius:clamp(5px,1vw,10px);position:absolute;inset:0;overflow:hidden;box-shadow:0 2px 4px #071d1966}.klondike-peek-card.peek-1{transform:translate(-7px)}.klondike-peek-card.peek-2{transform:translate(-3px)}.klondike-status{color:#def0df;text-align:center;min-height:1.3em;margin:0;font:650 clamp(11px,1.25vw,14px)/1.35 system-ui,sans-serif}.klondike-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:min(100%,420px);margin-inline:auto;font:650 13px/1.3 system-ui,sans-serif;display:grid}.klondike-tools-heading,.klondike-mode-label{color:#ecf3e5;grid-column:1/-1;margin:0}.klondike-mode-label{color:#bfd5c7;font-size:11px}.klondike-mode-choices{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.klondike-tool-button{color:#f7f4e8;cursor:pointer;touch-action:manipulation;background:#245547;border:1px solid #a2c6b4;border-radius:9px;min-width:44px;min-height:44px;padding:6px 8px;font:750 12px/1.2 system-ui,sans-serif}.klondike-tool-button[aria-pressed=true]{color:#15322b;background:#dbe968;border-color:#e4f27b}.klondike-tool-button:disabled{opacity:.55;cursor:default}.klondike-new-deal{color:#e8f283;border-color:#e4f27b;grid-column:1/-1}.klondike-setup{gap:8px;display:grid}.klondike-setup p{color:inherit;margin:0;font:650 13px/1.4 system-ui,sans-serif}.klondike-board :focus-visible,.klondike-tools :focus-visible,.klondike-setup :focus-visible{z-index:4;outline-offset:2px;outline:3px solid #e4f27b}.klondike-card.is-selected,.klondike-waste.is-selected{outline-offset:1px;z-index:2;outline:3px solid #e4f27b}.klondike-card.is-hinted,.klondike-pile.is-hinted,.klondike-empty-pile.is-hinted{outline-offset:1px;z-index:3;outline:3px solid #8bf0df}.klondike-board button:hover:not(:disabled),.klondike-tools button:hover:not(:disabled),.klondike-setup button:hover:not(:disabled){filter:brightness(1.08)}.klondike-board button:active:not(:disabled),.klondike-tools button:active:not(:disabled),.klondike-setup button:active:not(:disabled){transform:translateY(1px)}.play-page .klondike-board .klondike-card{color:#172c27;background:#f8f5e9}.play-page .klondike-board .klondike-card.is-red{color:#b23c43}.play-page .klondike-board .klondike-stock{color:#f7f4e8;background:#f8f5e91c}.play-page .klondike-board .klondike-waste{color:#f7f4e8;background:0 0}.play-page .klondike-board .klondike-foundation.has-card{color:#172c27;background:#f8f5e9;border-style:solid}.play-page .klondike-board .klondike-foundation:not(.has-card){color:#d9edcf;background:#f8f5e91c}.play-page .klondike-board .klondike-foundation.has-card.is-red{color:#b23c43}.play-page .klondike-board .klondike-empty-pile{color:#d5e8d689;background:#f8f5e90d}.play-page .klondike-tools .klondike-tool-button,.play-page .klondike-setup .klondike-tool-button{color:#f7f4e8;background:#245547;border-color:#a2c6b4}.play-page .klondike-tools .klondike-tool-button[aria-pressed=true],.play-page .klondike-setup .klondike-tool-button[aria-pressed=true]{color:#15322b;background:#dbe968;border-color:#e4f27b}.play-page .klondike-tools .klondike-new-deal{color:#e8f283;border-color:#e4f27b}@media (width<=430px){.klondike-board{border-radius:12px;padding:7px}.klondike-top-row,.klondike-tableau{gap:2px}.klondike-card-rank{font-size:10px}.klondike-card-suit{font-size:14px}}@media (prefers-reduced-motion:reduce){.klondike-board button,.klondike-tools button,.klondike-setup button{scroll-behavior:auto}}