:root{--bg:#f4f5f7;--surface:#fff;--text:#1a1d23;--muted:#6b7280;--border:#e2e5ea;--accent:#b4532a;--on-accent:#fff;--wood:#c8a57a;--wrong:#e5484d;--selected:#f2b200;--good:#2fa36b;--radius:18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121418;--surface:#1b1e24;--text:#e8eaee;--muted:#9aa1ad;--border:#2c3038;--accent:#f0a070;--on-accent:#3a1606;--wood:#7a6248;--wrong:#ff6b6f;--good:#4cc38a}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1,h2,p{margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}.app{max-width:480px;padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);gap:14px;margin:0 auto;display:grid}.header{justify-content:space-between;align-items:center;gap:8px;padding:4px 0 2px 4px;display:flex}.header__title{align-items:center;gap:8px;min-width:0;display:flex}.header__title h1{text-overflow:ellipsis;min-width:0;font-size:clamp(1.1rem,5vw,1.5rem);overflow:hidden}.home-link{border-radius:25%;flex:none;width:clamp(32px,10vw,40px);height:clamp(32px,10vw,40px);display:block}.home-link svg{width:100%;height:100%;display:block}.header__actions{gap:8px;display:flex}h1{white-space:nowrap;letter-spacing:-.02em;font-size:1.5rem;font-weight:700}h2{font-size:1.05rem;font-weight:650}.muted{color:var(--muted);font-size:.85rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:minmax(0,1fr);gap:14px;padding:18px;display:grid}.icon{flex:none;width:22px;height:22px}.button{background:var(--accent);color:var(--on-accent);border:0;border-radius:14px;padding:14px 18px;font-weight:650}.button--secondary{background:var(--bg);color:var(--text)}.button--small{white-space:nowrap;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:7px 12px;font-size:.9rem}.button--icon{place-items:center;padding:6px 10px;display:grid}.button--icon .icon{width:20px;height:20px}.app--play{grid-template-rows:auto minmax(0,1fr);height:100dvh}.stage{place-items:center;min-height:0;display:grid;container-type:size}.board{-webkit-user-select:none;user-select:none;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;height:100%;max-height:420px;display:grid}.peg{background:0 0;border:0;min-width:0;min-height:0;padding:0}.peg svg{width:100%;height:100%;display:block;overflow:visible}.peg__pole,.peg__base{fill:var(--wood)}.peg__star{fill:var(--selected);stroke:color-mix(in srgb, var(--selected) 60%, #000);stroke-width:1px;stroke-linejoin:round}.ring rect{stroke:#00000040;stroke-width:1px}.ring{transition:transform .18s ease-out}.ring--lifted{transform:translateY(var(--lift))}.shake0{animation:.35s shake0}.shake1{animation:.35s shake1}@keyframes shake0{25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}@keyframes shake1{25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}.bar{justify-content:center;display:grid}.tools{grid-auto-flow:column;gap:8px;display:grid}.tool{border:1px solid var(--border);background:var(--surface);width:54px;color:var(--muted);border-radius:14px;place-items:center;padding:12px 2px;display:grid}.tool:disabled{opacity:.4}.solved{text-align:center;gap:8px;animation:.3s ease-out pop}.solved h2{font-size:1.6rem}.solved__actions{gap:8px;margin-top:8px;display:grid}.confetti{z-index:10;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}@keyframes pop{0%{opacity:0;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.ring{transition:none}.shake0,.shake1,.solved{animation:none!important}}.levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.level{background:var(--bg);border:0;border-radius:16px;justify-items:center;gap:12px;padding:28px 12px 20px;font-size:1.2rem;font-weight:700;transition:transform .1s;display:grid}.level:active{transform:scale(.97)}.level__pips{gap:5px;display:flex}.pip{background:color-mix(in srgb, var(--muted) 30%, transparent);border-radius:50%;width:9px;height:9px}.pip--on{background:var(--accent)}.stats{border-collapse:collapse;width:100%;font-size:.95rem}.stats th,.stats td{text-align:right;border-top:1px solid var(--border);padding:8px 4px}.stats thead th{color:var(--muted);border-top:0;font-size:.8rem;font-weight:600}.stats tbody th{text-align:left;font-weight:600}.footer{flex-wrap:wrap;justify-content:center;gap:20px;padding-top:4px;display:flex}.footer a{color:var(--muted);font-size:.85rem}.footer__version{text-align:center;color:var(--muted);flex-basis:100%;font-size:.75rem}.field{gap:10px;font-weight:600;display:grid}.field .muted{font-weight:400;display:block}.segmented{background:var(--bg);border-radius:12px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:3px;display:grid}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:9px 4px;font-size:.9rem;font-weight:600}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001f}