.patika-board{display:grid;gap:12px;width:100%;max-width:540px;margin-inline:auto}.patika-paper{border-radius:18px;padding:clamp(6px,2vw,12px);background:repeating-linear-gradient(0deg,rgba(60,90,150,.07) 0 1px,transparent 1px 14px),repeating-linear-gradient(90deg,rgba(60,90,150,.07) 0 1px,transparent 1px 14px),linear-gradient(160deg,#fbf9f2,#efeadc);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 18px 40px -18px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.25);outline:none;transition:box-shadow .2s ease}.patika-paper:focus-visible{box-shadow:0 0 0 3px rgba(217,84,30,.55),0 18px 40px -18px rgba(0,0,0,.55)}.patika-svg{display:block;width:100%;height:auto;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.patika-grid line{stroke:rgba(42,51,70,.16);stroke-width:2}.patika-frame{fill:none;stroke:#2a3346;stroke-width:5}.patika-fill rect{fill:var(--patika-ink);opacity:.14}.patika-line{fill:none;stroke:var(--patika-ink);stroke-width:44;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 0 rgba(0,0,0,.12))}.patika-dot{fill:var(--patika-ink)}.patika-ghost{fill:none;stroke:var(--patika-ink);stroke-opacity:.55;stroke-width:18;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2 30;animation:patika-ghost 1s linear infinite}@keyframes patika-ghost{to{stroke-dashoffset:-32}}.patika-head{fill:#fff;opacity:.9}.patika-walls line{stroke:#1d2433;stroke-width:12;stroke-linecap:round}.patika-numbers circle{fill:#1d2433;stroke:#fbf9f2;stroke-width:4;transition:fill .18s ease}.patika-numbers text{fill:#fff;font-weight:800;font-size:34px;font-family:ui-rounded,system-ui,sans-serif;pointer-events:none}.patika-numbers g[data-done] circle{fill:var(--patika-ink)}.patika-numbers g[data-next] circle{animation:patika-next 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes patika-next{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.patika-board[data-solved] .patika-paper{animation:patika-solved .6s cubic-bezier(.3,1.4,.5,1)}.patika-board[data-solved] .patika-line{stroke-dasharray:10000;animation:patika-shine 1.1s ease-out}@keyframes patika-solved{0%{transform:scale(1)}45%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes patika-shine{0%{stroke:#fff4c2}to{stroke:var(--patika-ink)}}.patika-tools{display:flex;justify-content:center;gap:8px}.patika-tools button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--foreground));font-size:13px;font-weight:700}.patika-tools button:disabled{opacity:.45}@media (prefers-reduced-motion:reduce){.patika-board[data-solved] .patika-line,.patika-board[data-solved] .patika-paper,.patika-ghost,.patika-numbers g[data-next] circle{animation:none}}