*{box-sizing:border-box;margin:0;padding:0}body{font-family:SF Mono,Fira Code,monospace;background:var(--page-bg);color:var(--page-text);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px;padding:62px 0 20px}h1{font-size:1.8rem;color:var(--accent)}.subtitle{color:var(--subtitle);font-size:1rem}.score{display:flex;flex-direction:column;gap:6px;width:min(90vw,450px)}.moves-total{font-size:2.5rem;font-weight:700;color:var(--accent);line-height:1}.bar{position:relative;display:flex;height:14px;border-radius:7px;background:var(--bar-track)}.bar-zone{height:100%}.bar-zone:first-child{border-top-left-radius:7px;border-bottom-left-radius:7px}.bar-zone:last-child{border-top-right-radius:7px;border-bottom-right-radius:7px}.bar-3{background:var(--bar-3)}.bar-2{background:var(--bar-2)}.bar-1{background:var(--bar-1)}.bar-marker{position:absolute;top:-4px;width:3px;height:22px;background:var(--marker);border-radius:2px;transform:translate(-50%);transition:left .15s}.bar-marker.over{background:var(--accent)}.bar-ticks{position:relative;height:1.2em;font-size:.95rem;color:var(--tick-text)}.tick{position:absolute;transform:translate(-50%)}.tick-end{right:0;transform:none}#board{display:grid;grid-template-columns:repeat(9,1fr);gap:2px;padding:4px;background:var(--board-gutter);border-radius:8px;width:min(90vw,450px);aspect-ratio:1}.cell{display:flex;align-items:center;justify-content:center;background:var(--cell-bg);font-size:clamp(1rem,4vw,1.6rem);font-weight:700;cursor:pointer;user-select:none;transition:background .15s,transform .15s;border-radius:3px;position:relative}.cell.swappable:hover{background:var(--cell-hover)}.cell.selected{box-shadow:inset 0 0 0 3px var(--accent),0 2px 8px color-mix(in srgb,var(--accent) 35%,transparent);transform:scale(1.06);z-index:2}.cell.fixed{color:var(--fixed-text);cursor:not-allowed;background:var(--fixed-bg);font-weight:600}.cell.swappable{color:var(--cell-text);font-weight:700}.cell.conflict{color:var(--conflict-text)}.cell.border-left{border-left:3px solid var(--grid-line)}.cell.border-top{border-top:3px solid var(--grid-line)}.btn{padding:10px 24px;background:var(--accent);color:var(--btn-text);border:none;border-radius:6px;font-size:1rem;cursor:pointer;font-family:inherit}.btn:hover{background:var(--accent-dark)}.solved{display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:2rem}.solved.show{display:flex}.solved-stars{font-size:2.4rem;letter-spacing:8px}.solved-stars .filled{color:var(--accent)}.solved-stars .empty{color:var(--star-empty)}.solved-text{font-size:1.2rem;font-weight:700;color:var(--accent)}#board.solved-board{box-shadow:0 0 0 4px var(--accent)}.controls{display:flex;gap:12px;align-items:center}.difficulty{display:flex;gap:8px}.difficulty button{padding:6px 14px;background:var(--cell-bg);color:var(--muted-text);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-family:inherit}.difficulty button.active{border-color:var(--accent);color:var(--accent);font-weight:700}.intro{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#14141e8c;backdrop-filter:blur(2px)}.intro.hidden{display:none}.intro-card{background:var(--cell-bg);color:var(--page-text);width:min(92vw,380px);border-radius:14px;padding:40px 36px;box-shadow:0 14px 44px #00000073;display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px}.intro-title{color:var(--accent);font-size:1.7rem}.intro-rules{list-style:none;display:flex;flex-direction:column;gap:16px;font-size:1rem;line-height:1.5}.intro .btn{padding:12px 44px;font-size:1.05rem}.st-bar{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--page-bg);padding:12px 18px}.st-logo{--st-a: #0d9488;--st-c: #7c3aed;--st-r: #059669;--st-o: #dc2626;display:inline-block;font-family:Space Mono,ui-monospace,monospace;font-weight:700;font-size:1.6rem;letter-spacing:-.02em;color:var(--page-text);text-decoration:none}.st-rot{display:inline-block;position:relative}.st-rot.is-typo{text-decoration-line:underline;text-decoration-style:wavy;text-decoration-color:var(--st-o);text-decoration-thickness:2px;text-underline-offset:6px}.st-rot.exit{opacity:0;transform:translateY(4px);transition:opacity .12s var(--ease-in, ease-in),transform .12s var(--ease-in, ease-in)}.st-rot.enter{animation:stLetterEnter .18s ease-out forwards}@keyframes stLetterEnter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.st-rot.exit,.st-rot.enter{animation:none;transition:none;opacity:1;transform:none}}@media(max-width:640px){body{gap:12px;padding:54px 0 10px;justify-content:flex-start}.st-bar{padding:10px 16px}.st-logo{font-size:1.35rem}h1{font-size:1.6rem}.moves-total{font-size:2rem}.difficulty{gap:6px;flex-wrap:wrap;justify-content:center;max-width:96vw}.difficulty button{padding:6px 10px;font-size:.85rem}}