html,body,#root{min-height:100vh;margin:0;padding:0}body{background:var(--felt);color:#f5f2ea;font-family:system-ui,-apple-system,Segoe UI,sans-serif}:root{--felt-green:#143d23;--felt-slate:#0f172a;--card-bone:#fdfbf7;--suit-black:#0f172a;--suit-red:#9f1239;--suit-blue:#075985;--suit-green:#14532d;--felt:var(--felt-green);--card-ar:.714}[data-theme=dark]{--felt:var(--felt-slate)}*{box-sizing:border-box}body{background:var(--felt);color:#f5f2ea;-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.screen{background:var(--felt);flex-direction:column;min-height:100vh;display:flex}.topbar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#00000047;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex}.deal-label{letter-spacing:.2px;font-weight:700}.topbar button{color:#f5f2ea;cursor:pointer;font:inherit;background:#2c5b3a;border:1px solid #ffffff40;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}.topbar button:hover:not(:disabled){background:#366d47;border-color:#fff6}.topbar button:disabled{opacity:.45;cursor:not-allowed}.topbar input{color:#111;font:inherit;background:#fff;border:1px solid #ffffff4d;border-radius:6px;width:72px;padding:5px 8px;font-size:13px}.timer-badge,.moves-badge{font-variant-numeric:tabular-nums;opacity:.9;background:#0003;border-radius:4px;padding:4px 8px;font-size:13px}.spider-foundations{opacity:.95;font-size:13px;font-weight:600}.banner{text-align:center;padding:10px 16px;font-size:14px;font-weight:600}.banner.win{color:#fff;background:#2c5b3a;justify-content:center;align-items:center;gap:12px;display:flex;box-shadow:0 2px 8px #0000004d}.banner.win button{color:#143d23;cursor:pointer;background:#fff;border:none;border-radius:4px;padding:4px 10px;font-weight:700}.banner.hardcore{color:#f5e6c8;background:#3a2c14}.banner.hint{color:#cfe3f5;background:#14304a}.banner.verify{color:#d9efe4;background:#1e4a36}.hint-warning{color:#f0c987;margin-top:4px;font-weight:400;display:block}.stats-panel{color:#f5f2ea;background:#00000059;border-radius:8px;margin:8px 16px;padding:12px 16px}.stats-board h3,.stats-history h3{margin:8px 0 4px;font-size:14px}.stats-board ul,.stats-history ul{margin:0 0 12px;padding:0;list-style:none}.stats-board li,.stats-history li{padding:2px 0;font-size:13px}.stats-history{max-height:240px;overflow-y:auto}.error{color:#ffb3b3;font-size:12px}.board.spider-board{flex-direction:column;gap:12px;width:100%;max-width:1120px;margin-left:auto;margin-right:auto;padding:14px 16px 40px;display:flex}.spider-top-row{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;width:100%;display:grid}.spider-foundations-row{gap:inherit;grid-column:span 8;grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.spider-stock-col{grid-column:span 2;justify-content:flex-end;display:flex}.cell{width:100%;aspect-ratio:var(--card-ar);border:2px dashed #ffffff47;border-radius:6px;justify-content:center;align-items:center;display:flex;position:relative}.cell.occupied{border-style:solid;border-color:#fff6}.cell .slot-placeholder{color:#ffffff26;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(14px,2.5vw,24px)}.foundation-card{width:100%;height:100%}.stock-pile{width:calc(50% - 3px);aspect-ratio:var(--card-ar);cursor:pointer;font:inherit;color:inherit;touch-action:manipulation;background:0 0;border:none;border-radius:6px;padding:0;position:relative}.stock-card-stack{background:repeating-linear-gradient(45deg,#1e3a8a 0 3px,#172554 3px 6px),repeating-linear-gradient(-45deg,#1e3a8a 0 3px,#172554 3px 6px);border-radius:6px;width:100%;height:100%;position:relative;box-shadow:-2px 2px #172554,-4px 4px #1e3a8a,-6px 6px #0f172a,0 4px 8px #00000073,inset 0 0 0 2px #fff6}.stock-pile:hover:not(:disabled) .stock-card-stack{filter:brightness(1.1)}.stock-pile:disabled{opacity:.5;cursor:not-allowed}.stock-count-badge{color:#fff;pointer-events:none;background:#000000bf;border-radius:8px;padding:1px 5px;font-size:11px;font-weight:700;position:absolute;bottom:3px;right:4px}.spider-cols{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;width:100%;display:grid}.spider-cols .col{border-radius:6px;flex-direction:column;min-height:80px;display:flex;position:relative}.card{width:100%;aspect-ratio:var(--card-ar);background:var(--card-bone);color:var(--suit-black);-webkit-user-select:none;user-select:none;touch-action:none;border-radius:6px;font-size:14px;font-weight:700;position:relative;box-shadow:0 1px 2px #0006,inset 0 0 0 1px #0f172a14;container-type:inline-size}.spider-cols .col .card{margin-top:calc(22px - 100% / var(--card-ar))}.spider-cols .col .card.down{margin-top:calc(14px - 100% / var(--card-ar))}.spider-cols .col .card:first-child{margin-top:0}.card-idx{pointer-events:none;font-size:clamp(10px,3.2vw,13px);font-weight:700;line-height:1.1;position:absolute;top:2px;left:2px}.card:after{content:attr(data-symbol);opacity:.2;pointer-events:none;justify-content:center;align-items:center;font-size:50cqw;line-height:1;display:flex;position:absolute;inset:0}.card:before{content:attr(data-corner);pointer-events:none;font-size:clamp(10px,3.2vw,13px);font-weight:700;line-height:1.1;position:absolute;bottom:2px;right:2px;transform:rotate(180deg)}.card.down{background:repeating-linear-gradient(45deg,#1e3a8a 0 3px,#172554 3px 6px),repeating-linear-gradient(-45deg,#1e3a8a 0 3px,#172554 3px 6px);box-shadow:0 1px 2px #0006,inset 0 0 0 2px #ffffff59;color:#0000!important}.card.down:after,.card.down:before,.card.down .card-idx{display:none!important}.card.red{color:var(--suit-red)}.suit-S{color:var(--suit-black)}.suit-H,.suit-D{color:var(--suit-red)}.suit-C{color:var(--suit-black)}[data-suitcolors="4"] .suit-D{color:var(--suit-blue)}[data-suitcolors="4"] .suit-C{color:var(--suit-green)}.card.selected{outline-offset:-1px;outline:3px solid #ffd54d}.card.hinted,.card[data-hint=true]{outline-offset:-1px;outline:3px solid #ffd24a;animation:1.2s ease-in-out infinite hint-pulse}@keyframes hint-pulse{0%,to{outline-color:#ffd24a;box-shadow:0 0 8px #ffd24acc}50%{outline-color:#ffd24a59;box-shadow:0 0 2px #ffd24a33}}.card.clickable{cursor:pointer}.card.dragging{opacity:.35!important}.spider-cols .col.drop-ok{outline-offset:2px;background:#4ade800d;outline:2px dashed #4ade80bf}.spider-cols .col.drop-hover{outline-offset:2px;background:#4ade8026!important;outline:3px solid #22c55e!important}.drag-ghost{pointer-events:none;z-index:1000;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 8px 16px #00000073);position:fixed}.drag-ghost .card{width:100%;position:relative}.drag-ghost .card+.card{margin-top:calc(22px - 100% / var(--card-ar))}.card.flipping{z-index:50;will-change:transform;transition:transform .2s cubic-bezier(.2,0,0,1)}.foundation-card.win-bounce{animation:.6s cubic-bezier(.34,1.56,.64,1) infinite both win-bounce}@keyframes win-bounce{0%{transform:translateY(0)scale(1)}40%{transform:translateY(-14px)scale(1.06)}70%{transform:translateY(0)scale(.98)}to{transform:translateY(0)scale(1)}}.action-pill{display:contents}@media (width<=720px){.topbar{gap:8px;padding:8px 10px}.spider-top-row,.spider-cols{gap:3px}.board.spider-board{padding:10px 4px 88px}.spider-cols .col .card{margin-top:calc(18px - 100% / var(--card-ar))}.spider-cols .col .card.down{margin-top:calc(12px - 100% / var(--card-ar))}.action-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000b8;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:8px 12px;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 4px 14px #00000080}.action-pill button{border-radius:999px}}@media (prefers-reduced-motion:reduce){.card.flipping{transition:none!important}.foundation-card.win-bounce,.card.hinted,.card[data-hint=true]{animation:none!important}}