.page-shell.svelte-17hpbo{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.page-shell.svelte-17hpbo .tool-layout{height:auto;flex:1;min-height:0}.page-shell.svelte-17hpbo .tool-layout.stacked-mode{overflow-y:auto;min-height:0}.page-shell.svelte-17hpbo .tool-sidebar,.page-shell.svelte-17hpbo .tool-controls{background:#faf4ed;border-color:#dfdad9}.page-shell.svelte-17hpbo .tool-title{color:#286983}.nav-bar.svelte-17hpbo{padding:.5rem 1rem;border-bottom:1px solid #dfdad9;background:#fffaf3}.canvas-area.svelte-17hpbo{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f2e9de;overflow:auto;padding:1rem}.grid-container.svelte-17hpbo{display:flex;flex-direction:column;align-items:center}.puzzle-grid.svelte-17hpbo{display:grid;grid-template-columns:38px repeat(var(--n),1fr);gap:4px;width:calc(var(--n) * 90px + 40px);max-width:88vw}.corner-spacer.svelte-17hpbo{height:28px}.col-btn-bar.svelte-17hpbo{display:flex;gap:2px;height:28px}.col-btn-bar.svelte-17hpbo .op-btn:where(.svelte-17hpbo){flex:1;height:100%}.row-btn-bar.svelte-17hpbo{display:flex;flex-direction:column;gap:2px;width:38px}.row-btn-bar.svelte-17hpbo .op-btn:where(.svelte-17hpbo){flex:1;width:100%}.op-btn.svelte-17hpbo{display:flex;align-items:center;justify-content:center;border:1.5px solid;border-radius:5px;cursor:pointer;transition:all .12s;padding:0;touch-action:manipulation}.op-btn.svelte-17hpbo svg:where(.svelte-17hpbo){width:12px;height:12px}.op-btn.rotate.svelte-17hpbo{background:#e2f1f4;color:#286983;border-color:#9ccfd8}.op-btn.rotate.svelte-17hpbo:hover:not(:disabled){background:#c4e8ee;border-color:#286983}.op-btn.flip.svelte-17hpbo{background:#fae8ec;color:#b4637a;border-color:#ebbcba}.op-btn.flip.svelte-17hpbo:hover:not(:disabled){background:#f5d0d6;border-color:#b4637a}.op-btn.svelte-17hpbo:disabled{opacity:.35;cursor:default}.op-btn.svelte-17hpbo:focus-visible{outline:2px solid #286983;outline-offset:1px}.tile-cell.svelte-17hpbo{aspect-ratio:1;padding:0;border:2px solid #dfdad9;border-radius:6px;cursor:default;background:transparent;transition:border-color .15s;box-shadow:0 2px 6px #1f1d2e26}.tile-cell.match.svelte-17hpbo{border-color:#56949f;box-shadow:0 0 0 1px #56949f}.tile-cell.svelte-17hpbo svg:where(.svelte-17hpbo){display:block;width:100%;height:100%;border-radius:4px}.solved-banner.svelte-17hpbo{text-align:center;font-size:1rem;font-weight:700;color:#286983;padding:.4rem .75rem;margin-bottom:.5rem;background:#e2f1f4;border-radius:8px}.mobile-controls.svelte-17hpbo{display:contents}.target-scores-row.svelte-17hpbo{display:flex;flex-direction:column;align-items:center;gap:.5rem}.target-section.svelte-17hpbo{display:flex;flex-direction:column;align-items:center}.settings-row.svelte-17hpbo{display:contents}.target-grid.svelte-17hpbo{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:2px;width:160px;border:2px solid #dfdad9;border-radius:8px;overflow:hidden;background:#dfdad9}.target-tile.svelte-17hpbo{aspect-ratio:1;background:transparent}.target-tile.svelte-17hpbo svg:where(.svelte-17hpbo){display:block;width:100%;height:100%}.tile-picker.svelte-17hpbo{display:flex;gap:.4rem}.tile-pick-btn.svelte-17hpbo{width:38px;height:38px;padding:4px;border:2px solid #dfdad9;border-radius:8px;background:transparent;cursor:pointer;transition:all .12s;overflow:hidden}.tile-pick-btn.svelte-17hpbo:hover:not(.active){border-color:#907aa9}.tile-pick-btn.active.svelte-17hpbo{border-color:#907aa9;box-shadow:0 0 0 2px #d7cce8}.tile-pick-btn.svelte-17hpbo:focus-visible{outline:2px solid #286983;outline-offset:1px}.tile-pick-btn.svelte-17hpbo svg:where(.svelte-17hpbo){display:block;width:100%;height:100%}.section.svelte-17hpbo{margin-bottom:.75rem}.section-label.svelte-17hpbo{display:block;font-size:.7rem;font-weight:600;color:#797593;margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.04em}.mode-toggle.svelte-17hpbo{display:flex;border:1.5px solid #dfdad9;border-radius:8px;overflow:hidden}.mode-btn.svelte-17hpbo{flex:1;display:flex;align-items:center;justify-content:center;padding:.4rem;border:none;background:#fffaf3;font-size:.72rem;font-weight:500;color:#575279;cursor:pointer;transition:all .12s}.mode-btn.svelte-17hpbo+.mode-btn:where(.svelte-17hpbo){border-left:1.5px solid #dfdad9}.mode-btn.active.svelte-17hpbo{background:#d7cce8;color:#1f1d2e;font-weight:600}.mode-btn.svelte-17hpbo:hover:not(.active){background:#f2e9de}.mode-btn.svelte-17hpbo:focus-visible{outline:2px solid #286983;outline-offset:-2px}.btn-row.svelte-17hpbo{display:flex;gap:.3rem;flex-wrap:wrap}.solution-steps.svelte-17hpbo{background:#f2e9de;border:1px solid #dfdad9;border-radius:8px;padding:.5rem .5rem .5rem 1.5rem}.solution-steps.svelte-17hpbo ol:where(.svelte-17hpbo){margin:0;padding:0;font-size:.75rem;color:#575279;line-height:1.6}.scores.svelte-17hpbo{display:flex;gap:1.25rem}.score.svelte-17hpbo{display:flex;flex-direction:column;align-items:center}.score-label.svelte-17hpbo{font-size:.65rem;font-weight:600;color:#797593;text-transform:uppercase;letter-spacing:.04em}.score-value.svelte-17hpbo{font-size:1.6rem;font-weight:700;color:#286983;font-variant-numeric:tabular-nums;line-height:1.2}.score-value.par.svelte-17hpbo{color:#907aa9}.legend.svelte-17hpbo{display:flex;flex-direction:column;gap:.25rem;font-size:.7rem;color:#575279;line-height:1.4}.legend-item.svelte-17hpbo{display:flex;align-items:center;gap:.35rem}.legend-icon.svelte-17hpbo{width:14px;height:14px;flex-shrink:0}.legend-icon.rotate.svelte-17hpbo{color:#286983}.legend-icon.flip.svelte-17hpbo{color:#b4637a}@media (min-width: 701px){.puzzle-grid.svelte-17hpbo{max-width:min(88vw,88vh - 60px)}}@media (max-width: 700px){.mobile-controls.svelte-17hpbo{display:flex;flex-direction:column;align-items:center;width:100%;gap:.25rem;padding:.5rem 1rem}.target-scores-row.svelte-17hpbo{flex-direction:row;align-items:center;justify-content:center;gap:1.25rem;margin-bottom:.25rem}.target-grid.svelte-17hpbo{width:160px}.settings-row.svelte-17hpbo{display:contents}.section.svelte-17hpbo{margin-bottom:.4rem}.btn-row.svelte-17hpbo{justify-content:center}.legend.svelte-17hpbo{display:none}}@media (max-width: 640px){.puzzle-grid.svelte-17hpbo{width:calc(var(--n) * 70px + 38px);gap:3px}}@media (max-width: 380px){.puzzle-grid.svelte-17hpbo{width:calc(var(--n) * 56px + 32px);gap:2px}.row-btn-bar.svelte-17hpbo,.corner-spacer.svelte-17hpbo{width:30px}.puzzle-grid.svelte-17hpbo{grid-template-columns:30px repeat(var(--n),1fr)}}@media (prefers-reduced-motion: reduce){.tile-cell.svelte-17hpbo,.op-btn.svelte-17hpbo,.mode-btn.svelte-17hpbo,.tile-pick-btn.svelte-17hpbo{transition:none}}@media (prefers-contrast: high){.tile-cell.svelte-17hpbo{border-width:3px;border-color:#575279}.op-btn.svelte-17hpbo{border-width:2px}}