:root{--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--card-font:Georgia, "Times New Roman", serif;--ink:#fff8e5;--cream:#fff8e5;--gold:#f3cb70;--card-w:clamp(48px, 7.2vw, 104px);--card-h:calc(var(--card-w) * 1.42);--card-step:clamp(20px, 3.4vw, 45px);--card-radius:clamp(6px, .9vw, 10px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#08281f;margin:0}button,[role=button]{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100svh;color:var(--ink);background:radial-gradient(circle at 20% 12%,#fff4cc2e,#0000 24rem),radial-gradient(circle at 84% 16%,#eab65621,#0000 28rem),linear-gradient(#08402d52,#04271e6b),url(/assets/felt-texture.png) 50%/560px,linear-gradient(135deg,#ffffff0b 25%,#0000 25%) 0 0/18px 18px,linear-gradient(45deg,#00000014 25%,#0000 25%) 0 0/16px 16px,linear-gradient(160deg,#0e4b32,#0a3829 52%,#08281f);grid-template-rows:auto 1fr;display:grid;overflow-x:hidden}.toolbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#09231bd1;border-bottom:1px solid #f2daa638;grid-template-columns:minmax(150px,.8fr) auto minmax(270px,1fr);align-items:center;gap:18px;min-height:72px;padding:14px clamp(16px,2.5vw,36px);display:grid;box-shadow:0 18px 36px #0000002e}.brand-lockup,.tool-actions,.stats,.stats div{align-items:center;display:flex}.brand-lockup{color:var(--gold);gap:10px}.brand-lockup h1{margin:0;font-size:22px;font-weight:780;line-height:1}.tool-actions{flex-wrap:wrap;justify-content:center;gap:8px}.tool-actions button,.win-modal button{min-height:38px;color:var(--cream);font:700 13px/1 var(--sans);cursor:pointer;background:linear-gradient(#fff8e529,#fff8e512);border:1px solid #f5e0b447;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;display:inline-flex;box-shadow:inset 0 1px #ffffff1f}.tool-actions button:hover,.win-modal button:hover{background:linear-gradient(#fff8e53d,#fff8e51a);border-color:#f5e0b48c}.tool-actions .icon-only{width:38px;padding:0}.stats{justify-content:flex-end;gap:10px;margin:0}.stats div,.win-modal dl div{background:#fff8e51a;border:1px solid #f5e0b42b;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;min-width:74px;padding:8px 11px}.stats dt,.win-modal dt{color:#fff8e5a3;text-transform:uppercase;font-size:10px;font-weight:800}.stats dd,.win-modal dd{color:var(--cream);font-variant-numeric:tabular-nums;margin:0;font-size:16px;font-weight:820}.table{align-content:start;gap:clamp(20px,3vw,36px);width:min(1480px,100%);margin:0 auto;padding:clamp(18px,2.5vw,34px);display:grid}.top-row{grid-template-columns:minmax(260px,.8fr) minmax(420px,1.2fr);justify-content:space-between;align-items:start;gap:clamp(28px,8vw,140px);display:grid}.draw-area,.foundation-area{align-items:flex-start;gap:clamp(10px,1.3vw,18px);display:flex}.foundation-area{justify-content:flex-end}.pile,.tableau-column{width:var(--card-w);min-width:var(--card-w);position:relative}.pile{height:var(--card-h)}.pile-slot{width:var(--card-w);height:var(--card-h);border-radius:var(--card-radius);color:#f6e5bf8a;background:#08271d5c;border:1px solid #eedaae52;place-items:center;font-size:28px;font-weight:850;display:grid;box-shadow:inset 0 0 0 2px #00000014}.slot-label{letter-spacing:0;text-transform:uppercase;font-size:12px}.recycle-slot{font-size:34px}.stock-wrap{position:relative}.stock-count{background:var(--gold);color:#1f2119;border:2px solid #fff8e5cc;border-radius:999px;place-items:center;min-width:26px;height:26px;padding:0 7px;font-size:12px;font-weight:900;display:grid;position:absolute;bottom:-7px;right:-6px}.waste-stack{width:calc(var(--card-w) + 42px);height:var(--card-h);position:relative}.waste-card{top:0;left:calc(var(--waste-index) * 21px);position:absolute}.tableau{grid-template-columns:repeat(7, var(--card-w));justify-content:center;align-items:start;gap:clamp(9px,1.4vw,22px);display:grid}.tableau-column{min-height:calc(var(--card-h) + 7 * var(--card-step));border-radius:var(--card-radius)}.tableau-column.is-hinted:before,.foundation.is-hinted:before{content:"";border-radius:calc(var(--card-radius) + 8px);pointer-events:none;border:2px solid #f6ca5ef2;position:absolute;inset:-7px;box-shadow:0 0 0 4px #f6ca5e21}.tableau-card+.tableau-card{margin-top:calc(-1 * (var(--card-h) - var(--card-step)))}.card{width:var(--card-w);height:var(--card-h);border-radius:var(--card-radius);font-family:var(--card-font);cursor:pointer;-webkit-user-select:none;user-select:none;border:0;padding:0;position:relative;box-shadow:0 11px 20px #00000038,inset 0 2px #ffffff38}.card-front{background:radial-gradient(circle at 50% 38%,#c9a25717,#0000 38%),linear-gradient(145deg,#fffaf0,#efe3ca);border:1px solid #48301838}.card-front:hover,.card-front:focus-visible,.card.is-selected,.card.is-hinted{outline-offset:2px;outline:3px solid #f7ce68eb}.card.is-selected{transform:translateY(-4px)}.card-back{background:linear-gradient(45deg,#ffffff1f 25%,#0000 25%) 0 0/16px 16px,linear-gradient(135deg,#0000 50%,#0000001f 50%) 0 0/13px 13px,linear-gradient(160deg,#b22c2a,#6e1e20);border:5px solid #f1dfbd;overflow:hidden}.card-back-mark{aspect-ratio:1;color:#fff8e5e0;width:54%;font:900 28px/1 var(--sans);border:2px solid #fff8e5b3;border-radius:999px;place-items:center;margin:auto;display:grid}.card-corner{justify-items:center;gap:1px;font-weight:900;line-height:.95;display:grid;position:absolute}.card-corner strong{font-size:clamp(17px,1.65vw,24px)}.card-corner span{font-size:clamp(15px,1.4vw,20px)}.card-corner.top{top:8px;left:8px}.card-corner.bottom{bottom:8px;right:8px;transform:rotate(180deg)}.card-center{place-items:center;font-size:clamp(36px,4vw,58px);display:grid;position:absolute;inset:0}.red-card{color:#b92629}.black-card{color:#1d2025}.foundation-hearts,.foundation-diamonds{color:#ff9595a8}.foundation-clubs,.foundation-spades{color:#fff8e5a8}.empty-column{color:#f6e5bf6b;border-style:dashed}.notice{color:#fff8e5d1;text-align:center;background:#061f186b;border:1px solid #f5e0b42b;border-radius:999px;min-height:26px;margin:0 auto;padding:8px 14px;font-size:14px;font-weight:700}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020f0ba8;place-items:center;display:grid;position:fixed;inset:0}.win-modal{width:min(420px,100vw - 32px);color:var(--cream);background:radial-gradient(circle at 30% 0,#f2c45a38,#0000 45%),linear-gradient(160deg,#19523bf5,#09251dfa);border:1px solid #f5e0b447;border-radius:14px;padding:28px;box-shadow:0 28px 80px #0000006b}.modal-kicker{color:var(--gold);text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:900}.win-modal h2{margin:0;font-size:44px;line-height:1}.win-modal dl{grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0;display:grid}.win-modal button{color:#17180f;background:linear-gradient(#f3cf76,#c69237);border-color:#fff8e59e;width:100%}@media (width<=980px){.toolbar{grid-template-columns:1fr;justify-items:stretch}.brand-lockup,.stats,.tool-actions{justify-content:center}.top-row{grid-template-columns:1fr;gap:18px}.draw-area,.foundation-area{justify-content:center}}@media (width<=760px){.table{gap:18px;padding:14px 10px 22px}.tool-actions button span{display:none}.stats{grid-template-columns:repeat(3,1fr);display:grid}.stats div{align-items:center;min-width:0}.tableau{gap:5px}.waste-stack{width:calc(var(--card-w) + 22px)}.waste-card{left:calc(var(--waste-index) * 11px)}}