:root{--card-width:60px;--card-height:90px;--pile-gap:12px;--pile-border:2px dashed #bfc9d1;--red:#e53935;--black:#222;--card-bg:#fff;--card-border:#bfc9d1;--card-radius:8px;--card-shadow:0 2px 8px rgba(0,0,0,0.08);--back-bg:repeating-linear-gradient(135deg, #bfc9d1 0 10px, #e0e7ef 10px 20px)}body{margin:0;background:linear-gradient(135deg,#e0e7ef 60%,#f8fafc 100%);font-family:segoe ui,Arial,sans-serif}.solitaire-container{max-width:480px;margin:0 auto;padding:12px 4px 32px}h1{text-align:center;margin:12px 0 18px;font-size:2rem;color:#2d3a4a;letter-spacing:.04em}#top-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;gap:12px}#stock-waste{display:flex;gap:var(--pile-gap)}#foundation-piles{display:flex;gap:var(--pile-gap)}.pile{min-width:var(--card-width);min-height:var(--card-height);border-radius:var(--card-radius);position:relative;background:0 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.foundation:empty::before{content:'';display:block;width:var(--card-width);height:var(--card-height);border:var(--pile-border);border-radius:var(--card-radius);background:#f3f6fa;position:absolute;top:0;left:0}#foundation-0:empty::before{content:'\2660';color:var(--black);font-size:2rem;text-align:center;line-height:var(--card-height)}#foundation-1:empty::before{content:'\2665';color:var(--red);font-size:2rem;text-align:center;line-height:var(--card-height)}#foundation-2:empty::before{content:'\2666';color:var(--red);font-size:2rem;text-align:center;line-height:var(--card-height)}#foundation-3:empty::before{content:'\2663';color:var(--black);font-size:2rem;text-align:center;line-height:var(--card-height)}.tableau:empty::before{content:'';display:block;width:var(--card-width);height:var(--card-height);border:var(--pile-border);border-radius:var(--card-radius);background:#f3f6fa;position:absolute;top:0;left:0}#tableau-piles{display:flex;gap:var(--pile-gap);justify-content:center;margin-bottom:18px}.card{width:var(--card-width);height:var(--card-height);background:var(--card-bg);border:2px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;font-size:1.2rem;font-weight:600;color:var(--black);position:absolute;left:0;top:0;margin-top:0;z-index:1;cursor:grab;user-select:none;transition:box-shadow .2s,opacity .2s;background-clip:padding-box;padding:6px 8px 0}.card[data-suit=hearts],.card[data-suit=diamonds]{color:var(--red)}.card[data-suit=spades],.card[data-suit=clubs]{color:var(--black)}.card.face-down{background:var(--back-bg);color:transparent;border:2px solid #94a3b8;cursor:pointer}.card.dragging{opacity:.5;box-shadow:0 0 12px 2px #38bdf8;z-index:10}.pile.drag-over,.foundation.drag-over,.tableau.drag-over{background:#e0f2fe;box-shadow:0 0 0 3px #38bdf8 inset}.card:first-child{margin-top:0}#controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:10px}button{padding:8px 18px;font-size:1rem;background:#38bdf8;color:#fff;border:none;border-radius:6px;cursor:pointer;box-shadow:0 1px 4px rgba(56,189,248,8%);transition:background .2s}button:hover{background:#0ea5e9}#win-message{margin-left:16px;font-size:1.1rem;color:#16a34a;font-weight:700}@media(max-width:600px){:root{--card-width:38px;--card-height:56px;--pile-gap:6px}.solitaire-container{max-width:99vw;padding:2vw 0 16vw}#top-row,#foundation-piles,#stock-waste,#tableau-piles{gap:4px}h1{font-size:1.2rem}#controls{flex-direction:column;gap:8px}}