*{box-sizing:border-box}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}.card.dragging{opacity:.5}.col.drop-ok,.freecells>.cell.drop-ok,.foundations>.cell.drop-ok,.cell.drop-ok{outline-offset:2px;border-radius:8px;outline:2px solid #7de67dd9}.col.drop-hover,.freecells>.cell.drop-hover,.foundations>.cell.drop-hover,.cell.drop-hover{outline-offset:1px;background-color:#7de67d1f;outline:3px solid #7de67d}.drag-ghost{-webkit-user-select:none;user-select:none}.drag-ghost .card.drag-ghost-face{box-shadow:0 4px 12px #0006,inset 0 0 0 1px #0f172a14}: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:1.4}[data-theme=dark]{--felt:var(--felt-slate)}.screen{background:var(--felt);flex-direction:column;min-height:100vh;display:flex}.topbar{background:#00000040;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.deal-label{font-weight:600}.topbar button{color:#f5f2ea;cursor:pointer;font:inherit;background:#2c5b3a;border:1px solid #ffffff40;border-radius:6px;padding:6px 10px}.topbar input{color:#111;background:#fff;border:1px solid #ffffff4d;border-radius:6px;padding:6px 8px}.banner{text-align:center;padding:12px 16px;font-weight:600}.banner.win{background:#2c5b3a}.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}.card[data-hint=true]{outline-offset:-2px;outline:3px solid #ffd24a}.topbar button:disabled{opacity:.45;cursor:not-allowed}.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}.board{flex-direction:column;gap:16px;width:100%;max-width:1120px;margin-left:auto;margin-right:auto;padding:16px;display:flex}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;display:flex}.empty-state h1{margin:0;font-size:28px}.empty-state p{opacity:.85;margin:0}.empty-state button{color:#f5f2ea;cursor:pointer;font:inherit;background:#2c5b3a;border:1px solid #ffffff40;border-radius:6px;padding:10px 18px;font-weight:600}.top-row{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;width:100%;display:grid}.freecells,.foundations{grid-column:span 4;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.cell{width:100%;aspect-ratio:var(--card-ar);border:2px dashed #ffffff59;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.cell.occupied{border-style:solid}.cell.foundation{cursor:pointer}.found-count{color:#ffffffb3;font-size:11px;position:absolute;bottom:2px;left:4px}.foundation-suit{opacity:.85;pointer-events:none;font-size:13px;line-height:1.1;position:absolute;top:3px;left:4px}.cols{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.col{flex-direction:column;min-height:68px;display:flex}.card{width:100%;aspect-ratio:var(--card-ar);background:var(--card-bone);color:var(--suit-black);border-radius:8px;font-size:15px;font-weight:700;position:relative;box-shadow:0 1px 2px #0006,inset 0 0 0 1px #0f172a14;container-type:inline-size}.col .card{margin-top:calc(24px - 100% / var(--card-ar))}.card-idx{pointer-events:none;font-size:clamp(11px,3.4vw,14px);font-weight:700;line-height:1.15;position:absolute;top:2px;left:3px}.card:after{content:attr(data-suit);opacity:.22;pointer-events:none;justify-content:center;align-items:center;font-size:55cqw;line-height:1;display:flex;position:absolute;inset:0}.card:before{content:attr(data-rank) attr(data-suit);pointer-events:none;font-size:clamp(11px,3.4vw,14px);font-weight:700;line-height:1.15;position:absolute;bottom:2px;right:3px;transform:rotate(180deg)}.col .card:first-child{margin-top:0}.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:3px solid #ffd54d}.card.hinted{outline:3px solid #4dd5ff}.card.clickable{cursor:pointer}.action-pill{display:contents}.action-pill .pill-more{display:inline-flex}.action-pill .pill-secondary{display:none}.action-pill.expanded .pill-secondary{display:inline-flex}@media (width<=720px){.action-pill{z-index:10;background:#000000a6;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 2px 8px #00000080}.action-pill button{border-radius:999px}.board{padding-bottom:88px}}.spider-cols{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;display:grid}.spider-cols .col{min-height:60px}.spider-cols .card{width:100%;height:60px;margin-top:-48px;font-size:13px}.spider-cols .card:first-child{margin-top:0}.card.down{color:#0000;background:#1d3557;border:1px solid #ffffff40}.spider-foundations{font-weight:600}.card.flipping{z-index:50;transition:transform .2s cubic-bezier(.2,0,0,1)}.cell.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)}}.card[data-hint=true]{outline-offset:-2px;outline:3px solid #ffd24a;animation:1.2s ease-in-out infinite hint-pulse}@keyframes hint-pulse{0%,to{outline-color:#ffd24a}50%{outline-color:#ffd24a66}}@media (prefers-reduced-motion:reduce){.card.flipping{transition:none}.cell.foundation .card.win-bounce,.card[data-hint=true]{animation:none}}