body.freecell-page{--card-width:clamp(35px, 10vw, 85px);--card-height:calc(var(--card-width) * 1.42);--gap:clamp(1px, .75vw, 15px)}.freecell-page .freecell-board{gap:var(--gap);padding:var(--gap);flex-direction:column;max-width:1000px;margin:0 auto;display:flex}.freecell-page .freecell-top-row{justify-content:center;gap:calc(var(--gap) * 2.5);display:flex}.freecell-page .freecell-group{gap:var(--gap);display:flex}.freecell-page .freecell-top-row .slot{width:var(--card-width);height:var(--card-height);font-size:calc(var(--card-width) * .6);color:#fff3;background-color:#0000001a;border:2px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 0 10px #0003}.freecell-page .freecell-top-row .slot .card{position:absolute;top:0;left:0}.freecell-page .freecell-tableau{gap:var(--gap);grid-template-columns:repeat(8,1fr);display:grid}.freecell-page .tableau-column{min-height:calc(var(--card-height) * 2.5);position:relative}.freecell-page .tableau-bg{cursor:pointer;border-radius:6px;width:100%;height:100%;position:absolute;top:0;left:0}.freecell-page .tableau-column .card{width:var(--card-width);height:var(--card-height);--vert-overlap:calc(var(--card-height) * .3);position:absolute;left:50%;transform:translate(-50%)}