body{-webkit-font-smoothing:antialiased;background-color:#faf8ef;margin:0}#root,body,main{height:100vh;width:100vw}main{--min-game-size:300px;--max-game-size:600px;--preferred-game-size:25vw;--field-border-radius:clamp(2px,0.5vw,8px);--grid-gap:clamp(7px,0.75vw,12px);align-items:center;display:flex;justify-content:center;position:relative}#game{grid-gap:var(--grid-gap);align-self:center;background-color:#bbada0;border-radius:calc(var(--field-border-radius) + var(--grid-gap)/2);grid-template-rows:repeat(4,1fr);height:clamp(var(--min-game-size),var(--preferred-game-size),var(--max-game-size));justify-self:center;padding:var(--grid-gap);position:relative;width:clamp(var(--min-game-size),var(--preferred-game-size),var(--max-game-size))}#game,.row{display:grid;gap:var(--grid-gap)}.row{grid-gap:var(--grid-gap);grid-template-columns:repeat(4,1fr)}.field{align-items:center;border-radius:var(--field-border-radius);color:#776e65;display:flex;font-family:Helvetica,Arial,sans-serif;font-size:clamp(25px,2.5vw,48px);font-weight:700;justify-content:center;overflow:hidden;position:relative;transition:background-color .05s ease-in-out}main button{background-color:#bbada0;border:none;border-radius:3px;bottom:20px;color:#f9f6f2;cursor:pointer;font-size:18px;left:50%;padding:10px 20px;position:absolute;transform:translateX(-50%)}
/*# sourceMappingURL=main.ba817109.css.map*/