:root{--bg: #f4f1ea;--board: #e7e2d6;--cell: #f4f1ea;--tile: #2a2a2a;--tile-ink: #f4f1ea;--accent: #c45c26;--muted: #6b6560;--stuck: #8b3a3a;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--tile);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.35}button{font:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{width:min(360px,100%);min-height:100dvh;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px 24px}.bar{display:flex;align-items:center;gap:8px;min-height:44px;margin-bottom:20px}.bar h1{flex:1;margin:0;font-size:18px;font-weight:650;letter-spacing:-.02em}.moves{margin:0;color:var(--accent);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.reset,.again,.stuck button{min-height:44px;border-radius:8px;font-weight:700;cursor:pointer}.reset,.stuck button{border:1px solid var(--accent);color:var(--accent);background:transparent;padding:8px 12px}.again{border:0;border-radius:10px;background:var(--accent);color:var(--tile-ink);padding:10px 22px}.play{position:relative}.board{position:relative;width:min(318px,100%);aspect-ratio:1;margin:0 auto;background:var(--board);border-radius:14px;overflow:hidden}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;width:100%;height:100%}.cell{background:var(--cell);border-radius:10px}.pieces{position:absolute;top:0;right:0;bottom:0;left:0}.tile{position:absolute;left:0;top:0;display:grid;place-items:center;padding:0;border:0;border-radius:10px;background:var(--tile);color:var(--tile-ink);box-shadow:inset 0 0 0 1px #f4f1ea24;transform:translate3d(var(--x, 0px),var(--y, 0px),0) scale(var(--s, 1));touch-action:manipulation;cursor:pointer;-webkit-tap-highlight-color:transparent}.tile svg{display:block}.glyph[data-dir=S] svg{transform:rotate(90deg)}.glyph[data-dir=W] svg{transform:rotate(180deg)}.glyph[data-dir=N] svg{transform:rotate(-90deg)}.tile.is-shaking{animation:tile-shake .12s linear}@keyframes tile-shake{0%,to{transform:translate3d(var(--x),var(--y),0) scale(var(--s, 1))}25%{transform:translate3d(calc(var(--x) + 4px),var(--y),0) scale(var(--s, 1))}75%{transform:translate3d(calc(var(--x) - 4px),var(--y),0) scale(var(--s, 1))}}.hint,.stuck p{margin:16px 8px 0;text-align:center;font-size:13px}.hint{color:var(--muted)}.stuck{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:16px}.stuck p{margin:0;color:var(--stuck);font-weight:650}.win{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#f4f1eaeb}.win p{margin:0;font-size:32px;font-weight:650;letter-spacing:-.03em}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){.tile,.tile.is-shaking{animation:none!important;transition:none!important}}