:root{--card-width: 80px;--card-height: 112px;--card-gap: 20px;--card-radius: 6px;--piles-gap: 30px}body{margin:0;padding:0;background-color:#2c974b;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;height:100vh;width:100vw;-webkit-user-select:none;user-select:none}#game-container{display:flex;flex-direction:column;align-items:center;padding-top:20px;height:100%;width:100%}.top-section{display:flex;justify-content:flex-start;gap:var(--card-gap);width:calc((var(--card-width) * 7) + (var(--card-gap) * 6));margin-bottom:var(--piles-gap)}.spacer{width:var(--card-width);height:var(--card-height);border:none}.card-slot{width:var(--card-width);height:var(--card-height);border:2px solid rgba(255,255,255,.2);border-radius:var(--card-radius);box-sizing:border-box;position:relative}.card{width:var(--card-width);height:var(--card-height);border-radius:var(--card-radius);background-color:#fff;position:absolute;box-shadow:1px 1px 3px #0000004d;display:flex;justify-content:center;align-items:center;cursor:pointer;box-sizing:border-box;border:1px solid #ccc;font-weight:700}.card.back{background:repeating-linear-gradient(45deg,#606dbc,#606dbc 10px,#465298 10px,#465298 20px);border:2px solid #fff}.card.front[data-color=red]{color:#e44145}.card.front[data-color=black]{color:#222}.card-top-left{position:absolute;top:4px;left:4px;font-size:14px;display:flex;flex-direction:column;align-items:center;line-height:1}.card-bottom-right{position:absolute;bottom:4px;right:4px;font-size:14px;display:flex;flex-direction:column;align-items:center;line-height:1;transform:rotate(180deg)}.card-center{font-size:32px}.tableau{display:flex;gap:var(--card-gap);width:calc((var(--card-width) * 7) + (var(--card-gap) * 6));flex-grow:1;padding-bottom:20px}.tableau-column{position:relative;width:var(--card-width);height:100%;min-height:var(--card-height);border-radius:var(--card-radius);background-color:#0000000d;border:2px solid rgba(255,255,255,.1)}.tableau-column .card{position:absolute;top:0}.controls-bar{position:absolute;bottom:20px;right:20px;width:auto;display:flex;justify-content:flex-end;padding:0;pointer-events:none}.btn-reset{background-color:#f0f0f0;border:none;border-radius:4px;padding:10px 20px;cursor:pointer;font-weight:700;color:#333;box-shadow:0 2px 4px #0003;pointer-events:auto}.btn-reset:hover{background-color:#fff}