html{--gutter:2vmin;--off-color:#342861;--off-color-highlight:#564784;--on-color:#fd4ca5;--on-color-highlight:#ff68bd;--game-background-color:#dad4dc;--game-background-color-highlight:#f3f1f7;--page-background-color:#221a41}body,html{height:100%;margin:0;padding:0}*{box-sizing:border-box}body{display:flex;justify-content:center;align-items:center;background-color:var(--page-background-color)}.grid{border-radius:3vmin;background:linear-gradient(var(--game-background-color-highlight),var(--game-background-color));background-clip:padding-box;width:92vmin;height:92vmin;display:grid;grid-template-columns:repeat(5,1fr);row-gap:var(--gutter);column-gap:var(--gutter);padding:var(--gutter)}.cell{border-radius:2vmin;background:linear-gradient(var(--off-color-highlight),var(--off-color));background-clip:padding-box}.cell--on{background:radial-gradient(var(--on-color-highlight),var(--on-color) 66%);background-clip:padding-box}@media (hover:hover){.cell:hover{background:var(--off-color-highlight)}.cell--on:hover{background:var(--on-color-highlight)}.cell:active{background:var(--off-color)}.cell--on:active{background:var(--on-color)}}