/* Futoshiki — Ma */
.fg{display:grid;align-items:center;justify-items:center}
.fc{width:100%;aspect-ratio:1;display:grid;place-items:center;border-radius:10px;background:var(--cell);border:1.5px solid transparent;font-family:Fraunces,serif;font-size:clamp(20px,5vw,30px);color:var(--acc);box-shadow:0 3px 0 var(--soft)}
.fc.giv{color:var(--fg);font-weight:700;background:transparent;box-shadow:none;font-size:clamp(24px,6vw,36px)}
.fc.sel{border-color:var(--mark);box-shadow:0 0 0 3px color-mix(in srgb,var(--fg) 45%,transparent)}
.fc.bad{color:#C0262D}
.fs{width:100%;height:100%;display:grid;place-items:center;color:var(--fg)}
.fs svg{width:min(70%,22px);height:min(70%,22px)}
.fs.bad{color:var(--err)}
.pad{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.pad button{width:48px;height:52px;border-radius:14px;background:var(--cell);border:0;box-shadow:0 3px 0 var(--soft);font-family:Fraunces,serif;font-size:22px;color:var(--oncell)}
.pad button:active{transform:scale(.93)}