*{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}: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)}[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;padding:16px;display:flex}.freecells,.foundations{gap:8px;display:flex}.foundations{justify-content:flex-end}.cell{border:2px dashed #ffffff59;border-radius:8px;justify-content:center;align-items:center;width:56px;height:68px;display:flex;position:relative}.cell.occupied{border-style:solid}.cell.foundation{cursor:pointer}.found-count{color:#ffffffb3;font-size:11px;position:absolute;top:2px;left:4px}.cols{grid-template-columns:repeat(8,minmax(56px,1fr));gap:8px;display:grid}.col{flex-direction:column;min-height:68px;display:flex}.card{background:var(--card-bone);width:56px;height:68px;color:var(--suit-black);border-radius:8px;justify-content:center;align-items:center;margin-top:-54px;font-size:15px;font-weight:700;display:flex;box-shadow:0 1px 2px #0006}.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}@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:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000080}.action-pill button{border-radius:999px}}.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}