.sound-toggle{background:var(--btn,#00000040);width:36px;min-width:36px;height:36px;color:var(--ink,#fff);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.sound-toggle svg{width:20px;height:20px}.sound-toggle[aria-pressed=true]{opacity:.7}.sound-toggle:focus-visible{outline:3px solid var(--focus,#ffd54a);outline-offset:2px}.card{width:var(--cw);height:var(--ch);border-radius:calc(var(--cw) * .08);border:1px solid var(--card-edge,#c9cfc6);background:var(--card,#fdfdfb);font:inherit;padding:0;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000059,0 5px 12px #00000038}button.card{cursor:pointer}.card:not(.back){background-image:repeating-linear-gradient(0deg,#00000005 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#00000004 0 1px,#0000 1px 3px)}.card:after{content:"";border-radius:inherit;pointer-events:none;z-index:2;background:linear-gradient(155deg,#fff3,#fff0 28%),linear-gradient(#0000 88%,#0000000f);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff80}.card.back:after{box-shadow:none;background:linear-gradient(155deg,#ffffff47,#fff0 38%)}.card{container-type:inline-size}.card .face{pointer-events:none;background:50%/100% 100% no-repeat;display:none;position:absolute;inset:0}@container (width>=72px){.card .face{display:block}.card .corner,.card .pip{display:none}}@container (width>=44px) and (width<=71.99px){.card .face.court{background-position:50% 58%;background-size:150% 142%;border-radius:4px;display:block;inset:30% 7% 5%;box-shadow:inset 0 0 0 1px #0000001f}.card .face.court~.pip{display:none}.card .pip:has(~.face.court){display:none}}.card.red{color:var(--red,#c0262d)}.card.black{color:var(--black,#16181a)}.card .corner{letter-spacing:-.02em;font-weight:700;line-height:1;font-size:calc(var(--cw) * .24);position:absolute;top:3%;left:6%}.card .pip{font-size:calc(var(--cw) * .5);line-height:1;position:absolute;bottom:4%;right:8%}.card.back{background:var(--card-back-image,repeating-linear-gradient(45deg, var(--back-a,#2d4f9e) 0 6px, var(--back-b,#22407f) 6px 12px)) center / 100% 100% no-repeat;border:2px solid var(--card,#fdfdfb)}.card:focus-visible{outline:3px solid var(--focus,#ffd54a);outline-offset:1px}:root{--lamp:radial-gradient(ellipse 70% 50% at 50% 42%, #fffae121, transparent 70%);--vignette:radial-gradient(ellipse 120% 90% at 50% 45%, transparent 55%, #00000080);--ink:#f4f7f2;--slot:#ffffff42;--btn:#00000047;--btn-on:#ffffffeb;--btn-on-ink:#123;--dialog:#fdfdfb;--dialog-ink:#16181a;--focus:#ffd54a;--hint:#ffe066;--felt:#1f6b3a;--felt-edge:#185530;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--dialog:#1d2420;--dialog-ink:#eef2ec;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--dialog:#1d2420;--dialog-ink:#eef2ec;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(ellipse at top, var(--felt), var(--felt-edge));color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font:14px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}body:before{content:"";z-index:-2;pointer-events:none;background:url(./table-landscape-D-Z_aMUi.webp) 50%/100% 100% no-repeat;position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;clip-path:polygon(4.8% 3%,95.2% 3%,97.9% 97%,2.1% 97%);background:var(--felt-tint,transparent);mix-blend-mode:color;opacity:.9;position:fixed;inset:0}@media (orientation:portrait){body:before{background-image:url(./table-portrait-uQFIqBv3.webp)}body:after{clip-path:polygon(7.5% 2%,92.3% 2%,96.7% 98%,3.3% 98%)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) body:before{filter:brightness(.72)}}:root[data-theme=dark] body:before{filter:brightness(.72)}#app.sol{--edge-x:4.8vw;--edge-t:3.6vh;--edge-b:3vh;height:100dvh;padding:var(--edge-t) var(--edge-x) var(--edge-b);flex-direction:column;display:flex}@media (orientation:portrait){#app.sol{--edge-x:7.8vw;--edge-t:2vh;--edge-b:1.8vh}}.sol-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:6px 4px 4px;display:flex}.group{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.btn{font:inherit;color:var(--ink);background:var(--btn);cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:0;border-radius:9px;min-height:34px;padding:7px 12px;box-shadow:inset 0 1px #ffffff1f,0 2px 6px #00000040}.btn.primary{color:#2b2100;background:#ffd54ae6;font-weight:700}.btn:disabled{opacity:.45;cursor:default}.btn[aria-pressed=true]{background:var(--btn-on);color:var(--btn-on-ink)}.btn:focus-visible,.sol-slot:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.stats{font-variant-numeric:tabular-nums;opacity:.95;text-shadow:0 1px 2px #00000080;align-items:center;gap:12px;margin:0 4px;display:flex}.stats .score{color:#ffe8a3;font-weight:700}.stats .sound-toggle{width:30px;min-width:30px;height:30px}.draw-note{opacity:.85;align-self:center;margin-left:4px;font-size:12px}.draw-note:empty,.btn[hidden]{display:none}.sol-scroll{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;position:relative;overflow:hidden auto}.sol-board{--cw:60px;--ch:84px;transform-origin:50% 0;width:100%;position:relative;transform:perspective(1600px)rotateX(4deg)}.sol-board .sol-card:not(.back){touch-action:none}.sol-slot,.sol-card{width:var(--cw);height:var(--ch);position:absolute}.sol-slot{border-radius:calc(var(--cw) * .08)}.sol-slot.empty,.sol-slot.stock.recycle{outline:2px dashed var(--slot);outline-offset:-2px}.sol-slot.foundation[data-label=foundation].empty:after,.sol-slot.stock.recycle:after{color:var(--slot);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.sol-slot.foundation[data-label=foundation].empty:after{content:attr(data-base);font-size:calc(var(--cw) * .35)}.sol-slot.stock.recycle:after{content:"↻";font-size:calc(var(--cw) * .5);color:var(--ink);opacity:.75}.sol-slot.stock{cursor:pointer}.sol-slot[style*=--depth]{box-shadow:1px 1px 0 #d9dbd5, 2px 2px 0 #b9bcb4, calc(var(--depth) * 1px) calc(var(--depth) * 1.2px) 0 #9a9d95, calc(var(--depth) * 1px + 2px) calc(var(--depth) * 1.2px + 4px) 10px #00000073;background:#e9ebe6}.sol-slot.stock[style*=--depth]{background:var(--card-back-image,#2d4f9e) center / cover}.sol-card{transition:filter .15s}.sol-card:not(.back){cursor:pointer}.sol-card.covered{filter:brightness(.82)saturate(.85);cursor:default}.sol-card.selected{outline:3px solid var(--hint);outline-offset:1px;transform:translateY(-6%);box-shadow:0 10px 18px #00000073}.sol-card.hint,.sol-slot.hint{box-shadow:0 0 0 3px var(--hint), 0 0 18px var(--hint);animation:.8s ease-in-out infinite alternate sol-pulse}.sol-card.hint-to,.sol-slot.hint-to{outline:3px dashed var(--hint);outline-offset:2px}.sol-slot.selected{outline:3px solid var(--hint)}@keyframes sol-pulse{to{box-shadow:0 0 0 2px var(--hint), 0 0 6px var(--hint)}}.sol-card.dragging{z-index:30;cursor:grabbing;transition:none;box-shadow:0 18px 30px #00000080}.sol-count{z-index:5;color:#fff;pointer-events:none;background:#000000b3;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:800;display:grid;position:absolute}.shake{animation:.28s shake}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.sol-fly{backface-visibility:visible;transform-style:preserve-3d;filter:drop-shadow(0 12px 14px #0006)}.overlay{z-index:20;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.overlay[hidden]{display:none}.overlay.later{animation:1.1s step-end both sol-later}@keyframes sol-later{0%{visibility:hidden}}.overlay.soft{pointer-events:none;background:0 0;align-items:end}.overlay.soft .dialog{pointer-events:auto}.dialog{background:var(--dialog);color:var(--dialog-ink);text-align:center;border-radius:14px;flex-direction:column;gap:10px;max-width:360px;padding:20px 24px;display:flex;box-shadow:0 10px 40px #0006}.dialog h2{margin:0;font-size:22px}.dialog p{margin:0}.dialog .btn{background:var(--felt-tint,#1f6b3a);color:#fff}@media (max-width:420px){.stats{justify-content:center;width:100%}}@media (max-height:480px){.overlay.soft{place-items:start end;padding:6px}.overlay.soft .dialog{gap:6px;max-width:220px;padding:10px 12px;font-size:13px}.overlay.soft .dialog h2{font-size:16px}.sol-bar{gap:4px;padding:2px}.btn{min-height:28px;padding:4px 9px}.sol-board{transform:none}}@media (prefers-reduced-motion:reduce){.shake,.sol-card.hint,.sol-slot.hint,.overlay.later{animation:none}}.sol-mark{z-index:6;text-align:center;color:#ffe9a8;pointer-events:none;background:#140e28b8;border-radius:12px;min-width:24px;padding:2px 6px;font:800 15px/1.2 Georgia,Times New Roman,serif;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000080}