.fp-root{--arcade-hud-height:236px}.fp-board{font-family:var(--arcade-font);grid-template-rows:auto minmax(0,1fr);gap:1.6cqw;padding:2cqw;display:grid;position:absolute;inset:0;container-type:inline-size}.fp-frame{border-radius:calc(var(--arcade-radius) * 1.2);background:var(--arcade-wall);padding:2.2cqw}.fp-stack{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;display:grid}.fp-stack>*{grid-area:1/1}.fp-floor,.fp-marks{grid-template-columns:repeat(var(--fp-n), minmax(0, 1fr));grid-template-rows:repeat(var(--fp-n), minmax(0, 1fr));aspect-ratio:1;pointer-events:none;display:grid}.fp-floor{--fp-line:color-mix(in srgb, var(--arcade-border) 70%, var(--arcade-floor));border:1px solid var(--fp-line);border-radius:calc(var(--arcade-radius) * .5);background-color:var(--arcade-floor);background-image:linear-gradient(90deg, var(--fp-line) 1px, transparent 1px), linear-gradient(180deg, var(--fp-line) 1px, transparent 1px);background-size:calc(100% / var(--fp-n)) calc(100% / var(--fp-n)), calc(100% / var(--fp-n)) calc(100% / var(--fp-n));background-position:-1px -1px;overflow:hidden}.fp-marks{z-index:2;position:relative}.fp-board .puzzle-board{z-index:1;position:relative}.fp-board .puzzle-grid{background:0 0;border-radius:0;gap:0;padding:0}.fp-board .puzzle-cell{--fp-fs:5.4cqw;touch-action:none;background:0 0;border-radius:0}.fp-board[data-size="6"] .puzzle-cell{--fp-fs:4.5cqw}.fp-board[data-size="7"] .puzzle-cell{--fp-fs:3.1cqw}.fp-board[data-playing] .puzzle-cell[tabindex="0"]{outline:.6cqw solid var(--arcade-accent);outline-offset:-.6cqw}.fp-board [data-tint="0"],.fp-board [data-tone~=t0]{--fp-rc:var(--arcade-accent)}.fp-board [data-tint="1"],.fp-board [data-tone~=t1]{--fp-rc:color-mix(in srgb, var(--arcade-success) 45%, var(--arcade-text))}.fp-board [data-tint="2"],.fp-board [data-tone~=t2]{--fp-rc:var(--arcade-glow)}.fp-board [data-tint="3"],.fp-board [data-tone~=t3]{--fp-rc:color-mix(in srgb, var(--arcade-danger) 55%, var(--arcade-glow))}.fp-board [data-tint="4"],.fp-board [data-tone~=t4]{--fp-rc:var(--arcade-success)}.fp-board [data-tint="5"],.fp-board [data-tone~=t5]{--fp-rc:var(--arcade-steel)}.fp-room,.fp-draft{border-radius:calc(var(--arcade-radius) * .35);margin:.6cqw;position:relative}.fp-room{background:color-mix(in srgb, var(--fp-rc) 30%, var(--arcade-floor));border:max(1.5px, .4cqw) solid color-mix(in srgb, var(--fp-rc) 80%, var(--arcade-floor))}.fp-draft{background:color-mix(in srgb, var(--arcade-accent) 14%, var(--arcade-floor));border:max(2px, .6cqw) dashed var(--arcade-accent)}.fp-room.fp-bad{--fp-rc:var(--arcade-danger);z-index:1;background:color-mix(in srgb, var(--arcade-danger) 16%, var(--arcade-floor));border-style:dashed;animation:.4s ease-in-out fp-shake}@keyframes fp-shake{0%,to{transform:none}20%,60%{transform:translate(-.9cqw)rotate(-1.2deg)}40%,80%{transform:translate(.9cqw)rotate(1.2deg)}}@media (prefers-reduced-motion:reduce){.fp-room.fp-bad{animation:none}}.fp-size{position:relative}.fp-size b{background:var(--arcade-accent);color:var(--arcade-on-accent);font-size:3.4cqw;font-weight:var(--arcade-weight-strong);white-space:nowrap;border-radius:999px;padding:.5cqw 1.8cqw;line-height:1.3;position:absolute;bottom:-2.6cqw;right:-1cqw}.fp-size-bad b{background:var(--arcade-danger);color:var(--arcade-bg)}.fp-chip{border:1px solid var(--arcade-border);border-radius:calc(var(--arcade-radius) * .3);background:var(--arcade-surface);max-width:calc(100% - 2px);color:var(--arcade-text);font-size:var(--fp-fs);font-weight:var(--arcade-weight-strong);letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums;padding:.28em .3em .24em;line-height:1}.puzzle-cell[data-tone~=done] .fp-chip{background:color-mix(in srgb, var(--fp-rc) 78%, var(--arcade-bg));color:var(--arcade-bg);border-color:#0000}.puzzle-cell[data-tone~=hint] .fp-chip{background:var(--arcade-accent);min-width:2.2em;color:var(--arcade-on-accent);font-size:calc(var(--fp-fs) * 1.35);text-align:center;box-shadow:0 0 0 .9cqw var(--arcade-floor), 0 0 0 1.7cqw var(--arcade-accent);border-color:#0000}.fp-under{font-size:3.4cqw;font-weight:var(--arcade-weight-strong);text-align:center;color:var(--arcade-muted);margin:0;padding:0 2cqw;line-height:1.3}.fp-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.fp-root .fp-undo{min-height:40px}.fp-result{gap:12px;display:grid}.fp-tip{text-align:left;background:var(--arcade-bg);border-radius:calc(var(--arcade-radius) * .5);gap:6px;padding:12px 16px;display:grid}.fp-tip p{margin:0}.fp-tip-label{letter-spacing:.1em;color:var(--arcade-muted);font-size:12px;font-weight:var(--arcade-weight-strong)}.fp-tip a{color:var(--arcade-accent);font-weight:var(--arcade-weight-strong);justify-self:start}