:root{--card-w: 84px;--card-h: 118px;--felt: #0b6b3a;--felt-dark: #084d2a}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at top,var(--felt),var(--felt-dark));color:#fff;min-height:100vh}.app{display:flex;flex-direction:column;align-items:center;padding:16px;min-height:100vh}.app-header{width:100%;max-width:960px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.app-header h1{font-size:22px;margin:0;letter-spacing:.5px}.stats{display:flex;align-items:center;gap:16px;font-size:14px}.stats button{background:#1f8a4c;border:none;color:#fff;padding:8px 14px;border-radius:6px;cursor:pointer;font-weight:600}.stats button:hover{background:#23a259}.board{width:100%;max-width:960px;display:flex;flex-direction:column;gap:28px}.row{display:flex;justify-content:space-between;gap:12px}.stock-waste,.foundations{display:flex;gap:12px}.tableau-row{display:flex;justify-content:space-between}.pile{position:relative;width:var(--card-w);height:var(--card-h)}.tableau-column{height:auto;min-height:calc(var(--card-h) + 26px * 12);flex:1;margin-right:8px}.tableau-column:last-child{margin-right:0}.pile-placeholder{width:var(--card-w);height:var(--card-h);border:2px dashed rgba(255,255,255,.25);border-radius:8px}.pile-placeholder.suit-hint{display:flex;align-items:center;justify-content:center;font-size:32px;color:#ffffff40}.pile-placeholder.recycle{display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff9;cursor:pointer}.stock-pile{cursor:pointer}.card{position:absolute;top:0;left:0;width:var(--card-w);height:var(--card-h);border-radius:8px;background:#fff;box-shadow:0 2px 4px #00000059;-webkit-user-select:none;user-select:none}.card.face-down{background:repeating-linear-gradient(45deg,#1a4fa0,#1a4fa0 6px,#2f66c2 6px,#2f66c2 12px);border:2px solid #fff}.card.face-up{border:1px solid rgba(0,0,0,.15)}.card.interactable{cursor:pointer}.card.interactable:hover{box-shadow:0 4px 10px #00000073}.card.selected{outline:3px solid #ffd54a;outline-offset:1px;transform:translateY(-4px)}.card.red{color:#c0392b}.card.black{color:#1c1c1c}.corner{position:absolute;font-size:15px;font-weight:700;line-height:1;display:flex;flex-direction:column;align-items:center}.corner.top-left{top:6px;left:6px}.corner.bottom-right{bottom:6px;right:6px;transform:rotate(180deg)}.pip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:34px}.win-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center}.win-modal{background:#fff;color:#111;padding:32px 40px;border-radius:12px;text-align:center;box-shadow:0 10px 40px #0006}.win-modal button{margin-top:16px;background:#1f8a4c;border:none;color:#fff;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;font-size:15px}@media (max-width: 700px){:root{--card-w: 46px;--card-h: 66px}.pip{font-size:20px}.corner{font-size:10px}.row,.foundations,.stock-waste{gap:6px}.tableau-row{gap:0}}