.card{width:80px;height:112px;background:#fff;border:1px solid #333;border-radius:8px;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 2px 4px #0000001a}.card--red{color:#d32f2f}.card--black{color:#333}.card--face-down{background:#1976d2;cursor:pointer}.card--dragging{opacity:.5;transform:rotate(5deg)}.card__back{width:100%;height:100%;background:linear-gradient(45deg,#1976d2 25%,#1565c0 25%,#1565c0 50%,#1976d2 50%,#1976d2 75%,#1565c0 75%);background-size:8px 8px;border-radius:7px}.card__rank{position:absolute;font-weight:700;font-size:14px}.card__rank--top-left{top:4px;left:4px}.card__rank--bottom-right{bottom:4px;right:4px;transform:rotate(180deg)}.card__suit{position:absolute;font-size:12px}.card__suit--top-left{top:18px;left:4px}.card__suit--center{top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px}.card__suit--bottom-right{bottom:18px;right:4px;transform:rotate(180deg)}.game-board{min-height:100vh;background:#2e7d32;padding:20px;max-width:1200px;margin:0 auto}@media (max-width: 768px){.game-board{padding:10px}}.game-board__header{display:flex;justify-content:space-between;margin-bottom:40px;max-width:620px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.game-board__header{margin-bottom:20px;max-width:450px}}.game-board__stock-area{display:flex;gap:20px}@media (max-width: 768px){.game-board__stock-area{gap:10px}}.game-board__foundation{display:flex;gap:10px}@media (max-width: 768px){.game-board__foundation{gap:5px}}.game-board__tableau{display:flex;gap:10px;max-width:620px;margin:0 auto}@media (max-width: 768px){.game-board__tableau{gap:5px;max-width:450px}}.game-board__win-message{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.game-board__controls{position:fixed;top:20px;right:20px}.stock{width:80px;height:112px;border:2px dashed #fff;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}@media (max-width: 768px){.stock{width:60px;height:84px;border-radius:6px}}.stock__empty{font-size:24px;color:#fff;font-weight:700}@media (max-width: 768px){.stock__empty{font-size:18px}}.waste{width:140px;height:112px;position:relative;display:flex;gap:10px}@media (max-width: 768px){.waste{width:100px;height:84px}}.waste__card{position:absolute;top:0;left:0}.waste__card--0{transform:translate(0)}.waste__card--1{transform:translate(30px)}@media (max-width: 768px){.waste__card--1{transform:translate(20px)}}.waste__card--2{transform:translate(60px)}@media (max-width: 768px){.waste__card--2{transform:translate(40px)}}.foundation__pile{width:80px;height:112px;border:2px dashed #fff;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative}@media (max-width: 768px){.foundation__pile{width:60px;height:84px;border-radius:6px}}.foundation__empty{font-size:24px;color:#fff;opacity:.5}@media (max-width: 768px){.foundation__empty{font-size:18px}}.tableau__column{width:80px;min-height:112px;position:relative}@media (max-width: 768px){.tableau__column{width:60px;min-height:84px}}.tableau__column .card{position:absolute}.tableau__column .card:nth-child(1){top:0}.tableau__column .card:nth-child(2){top:20px}.tableau__column .card:nth-child(3){top:40px}.tableau__column .card:nth-child(4){top:60px}.tableau__column .card:nth-child(5){top:80px}.tableau__column .card:nth-child(6){top:100px}.tableau__column .card:nth-child(7){top:120px}.tableau__column .card:nth-child(8){top:140px}.tableau__column .card:nth-child(9){top:160px}.tableau__column .card:nth-child(10){top:180px}.tableau__column .card:nth-child(11){top:200px}.tableau__column .card:nth-child(12){top:220px}.tableau__column .card:nth-child(13){top:240px}.tableau__column .card:nth-child(14){top:260px}.tableau__column .card:nth-child(15){top:280px}.tableau__column .card:nth-child(16){top:300px}.tableau__column .card:nth-child(17){top:320px}.tableau__column .card:nth-child(18){top:340px}.tableau__column .card:nth-child(19){top:360px}@media (max-width: 768px){.tableau__column .card:nth-child(1){top:0}.tableau__column .card:nth-child(2){top:15px}.tableau__column .card:nth-child(3){top:30px}.tableau__column .card:nth-child(4){top:45px}.tableau__column .card:nth-child(5){top:60px}.tableau__column .card:nth-child(6){top:75px}.tableau__column .card:nth-child(7){top:90px}.tableau__column .card:nth-child(8){top:105px}.tableau__column .card:nth-child(9){top:120px}.tableau__column .card:nth-child(10){top:135px}.tableau__column .card:nth-child(11){top:150px}.tableau__column .card:nth-child(12){top:165px}.tableau__column .card:nth-child(13){top:180px}.tableau__column .card:nth-child(14){top:195px}.tableau__column .card:nth-child(15){top:210px}.tableau__column .card:nth-child(16){top:225px}.tableau__column .card:nth-child(17){top:240px}.tableau__column .card:nth-child(18){top:255px}.tableau__column .card:nth-child(19){top:270px}}.tableau__empty-slot{width:80px;height:112px;border:2px dashed #fff;border-radius:8px;opacity:.3}@media (max-width: 768px){.tableau__empty-slot{width:60px;height:84px;border-radius:6px}}.win-message{background:#fff;padding:40px;border-radius:12px;text-align:center;box-shadow:0 8px 32px #0000004d}.win-message__title{color:#2e7d32;margin:0 0 16px;font-size:28px}.win-message__text{color:#666;margin:0 0 24px;font-size:18px}.win-message__button{background:#2e7d32;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:16px;cursor:pointer}.win-message__button:hover{background:#1b5e20}.controls__button{background:#1976d2;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer}.controls__button:hover{background:#1565c0}.App{margin:0;padding:0}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#2e7d32}#root{width:100%;min-height:100vh;background:#2e7d32}