@import"https://fonts.googleapis.com/css2?family=Lilita+One&display=swap";*{box-sizing:border-box;font-family:Lilita One,cursive}.board{position:relative}.board .row{display:grid;grid-template-columns:repeat(var(--board-size),var(--cell-size));width:fit-content;margin:0 auto}.board .cell[data-filled=false]{border:1px solid #ccc}.block{user-select:none;cursor:no-drop;border-radius:4px}.block[draggable=true]{cursor:grab}.block[draggable=true]:active{cursor:grabbing}.block,.block section{display:grid}.block[data-height="1"]{grid-template-rows:var(--cell-size)}.block[data-height="2"]{grid-template-rows:repeat(2,var(--cell-size))}.block[data-height="3"]{grid-template-rows:repeat(3,var(--cell-size))}.block[data-height="4"]{grid-template-rows:repeat(4,var(--cell-size))}.block[data-height="5"]{grid-template-rows:repeat(5,var(--cell-size))}.block[data-width="1"] section{grid-template-columns:1,var(--cell-size)}.block[data-width="2"] section{grid-template-columns:repeat(2,var(--cell-size))}.block[data-width="3"] section{grid-template-columns:repeat(3,var(--cell-size))}.block[data-width="4"] section{grid-template-columns:repeat(4,var(--cell-size))}.block[data-width="5"] section{grid-template-columns:repeat(5,var(--cell-size))}.block div,.cell{width:var(--cell-size);height:var(--cell-size);border-radius:4px}.remaining-blocks{display:flex;align-items:end;gap:var(--cell-size);justify-content:left;align-items:start;flex-wrap:wrap;max-width:450px}.remaining-blocks{--cell-size: 3mm}footer{text-align:center}ul{max-width:300px;display:flex;flex-direction:column;gap:8px;margin:0;margin-inline:auto;padding:0;list-style:none}ul button{width:100%;padding:16px;font-size:18px;text-transform:uppercase}