.board{width:100%;max-width:calc(7 * var(--card-w) + 6 * var(--gap-x) + 2 * var(--board-pad));padding:var(--board-pad);grid-template-columns:repeat(7, var(--card-w));column-gap:var(--gap-x);row-gap:var(--row-gap);grid-template-areas:"stock waste gap foundation-0 foundation-1 foundation-2 foundation-3""tableau-0 tableau-1 tableau-2 tableau-3 tableau-4 tableau-5 tableau-6";margin-inline:auto;display:grid}.board__pile{width:var(--card-w);min-height:var(--card-h);position:relative}.board__pile--gap{pointer-events:none;grid-area:gap}.board__pile--stock{grid-area:stock}.board__pile--waste{grid-area:waste}.board__pile--foundation-0{grid-area:foundation-0}.board__pile--foundation-1{grid-area:foundation-1}.board__pile--foundation-2{grid-area:foundation-2}.board__pile--foundation-3{grid-area:foundation-3}.board__pile--tableau-0{grid-area:tableau-0}.board__pile--tableau-1{grid-area:tableau-1}.board__pile--tableau-2{grid-area:tableau-2}.board__pile--tableau-3{grid-area:tableau-3}.board__pile--tableau-4{grid-area:tableau-4}.board__pile--tableau-5{grid-area:tableau-5}.board__pile--tableau-6{grid-area:tableau-6}.card-view{width:var(--card-w);height:var(--card-h);border-radius:var(--card-radius);border:1px solid var(--card-border);box-shadow:var(--elev-card-resting);background:var(--card-face);-webkit-user-select:none;user-select:none;touch-action:none;position:absolute;top:0;left:0;overflow:hidden}@media (pointer:coarse){.card-view:before,.board__pile[role=button]:before{content:"";inset:max(-6px, calc((44px - var(--card-h)) / 2));z-index:-1;position:absolute}}.card-view--hint{outline:2px solid var(--hint-pulse);outline-offset:2px;animation:hint-pulse 1.2s var(--ease-standard) 2}.card-view__inner--four-color .card-face-art,html[data-four-color=true] .card-view__inner:not(.card-view__inner--four-color) .card-face-art{filter:none}.card-view--selected{outline:2px solid var(--accent);outline-offset:2px}.card-view--drag-source{visibility:hidden}.card-view--focused,.card-view:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card-view--dragging{box-shadow:var(--elev-card-dragging)}.board__pile--drop-valid{outline:2px solid var(--highlight-valid);outline-offset:2px;box-shadow:0 0 18px color-mix(in srgb, var(--highlight-valid) 55%, transparent);transition:transform var(--dur-hover-lift) var(--ease-standard);transform:scale(1.03)}.board--dealing .card-view--deal-hidden{visibility:hidden}.card-view--invalid-flash{box-shadow:0 0 0 2px var(--highlight-invalid)}.card-view--foundation-sparkle{animation:foundation-sparkle .6s var(--ease-decel)}@keyframes hint-pulse{0%,to{outline-color:#0000}50%{outline-color:var(--hint-pulse)}}@keyframes foundation-sparkle{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--highlight-valid) 70%, transparent)}to{box-shadow:0 0 0 14px #0000}}.autocomplete-bar{justify-content:center;padding:.5rem 0 .75rem;display:flex}.reduced-win-overlay{background:color-mix(in srgb, var(--baize-edge) 72%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.reduced-win-overlay__panel{min-height:100%;color:var(--ui-text);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.reduced-win-overlay__icon{background:var(--accent);width:4rem;height:4rem;color:var(--accent-text);border-radius:999px;justify-content:center;align-items:center;display:flex}.reduced-win-overlay__title{font-family:var(--font-ui);font-size:var(--text-title);font-weight:700}.reduced-win-overlay__stats,.reduced-win-overlay__hint{font-family:var(--font-ui);color:var(--ui-text-muted)}.card-view__flip{perspective:800px;pointer-events:none}.card-view__face{pointer-events:none;width:100%;height:100%}.card-view__inner,.card-view__inner svg{pointer-events:none}.board__pile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card-view__inner{width:100%;height:100%}.pile-placeholder{z-index:var(--z-pile-placeholder);border-radius:var(--card-radius);border:2px dashed var(--placeholder-stroke);background:var(--placeholder-fill);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pile-placeholder--hint{outline:2px solid var(--hint-pulse);outline-offset:2px}.pile-placeholder__watermark{color:var(--foundation-watermark);flex-direction:column;align-items:center;gap:4px;display:flex}.pile-placeholder__label{font-family:var(--font-index);font-weight:var(--font-index-weight);font-size:calc(var(--card-w) * .28);opacity:.8;line-height:1}.pile-placeholder__recycle{width:calc(var(--card-w) * .36);height:calc(var(--card-w) * .36);color:var(--placeholder-stroke)}.board--left-handed{grid-template-areas:"foundation-0 foundation-1 foundation-2 foundation-3 gap waste stock""tableau-0 tableau-1 tableau-2 tableau-3 tableau-4 tableau-5 tableau-6"}.board--left-handed .board__pile--gap{grid-area:gap}.board--left-handed .board__pile--stock{grid-area:stock}.board--left-handed .board__pile--waste{grid-area:waste}@media (max-width:380px){.board{grid-template-areas:"stock waste gap foundation-0 foundation-1"". . .foundation-2 foundation-3""tableau-0 tableau-1 tableau-2 tableau-3 tableau-4""tableau-5 tableau-6. . .";grid-template-columns:repeat(5, var(--card-w))}}