:root[data-game=mosty]{--brand-100:#ccfbf1;--brand-300:#5eead4;--brand-400:#14b8a6;--brand-text:#000}.mosty-board{--mosty-ink:#16191d;--mosty-island:#fff;--mosty-on-ink:#fff;--mosty-level:#dfe3e0;--mosty-dot:#c3cac6;--mosty-pick:#1f5fa8;--mosty-reach:#6aa3dd;--mosty-bad:#c62f2f;--mosty-good:#2c7a4b;--mosty-panel:#f3f5f4}.dark .mosty-board{--mosty-ink:#e5e9e7;--mosty-island:var(--color-slate-900);--mosty-on-ink:var(--color-slate-900);--mosty-level:var(--color-slate-600);--mosty-dot:var(--color-slate-600);--mosty-pick:#7fb0e3;--mosty-reach:#4b7fb3;--mosty-bad:#f87171;--mosty-good:#4ade80;--mosty-panel:var(--color-slate-800)}.mosty-panel{fill:var(--mosty-panel)}.mosty-dot{fill:var(--mosty-dot)}.mosty-bridge{stroke:var(--mosty-ink);stroke-width:4px;stroke-linecap:round}.mosty-bridge.mosty-closed,.mosty-bridge.mosty-hinted{stroke:var(--mosty-bad)}.mosty-bridge.mosty-blocked{stroke:var(--mosty-bad);animation:.45s 2 mosty-blink}.mosty-won .mosty-bridge{stroke:var(--mosty-good)}.mosty-island{transform-box:fill-box;transform-origin:50%;outline:none}.mosty-body{fill:var(--mosty-island)}.mosty-level{fill:var(--mosty-level)}.mosty-outline{fill:none;stroke:var(--mosty-ink);stroke-width:2.5px}.mosty-number{fill:var(--mosty-ink);pointer-events:none;font-size:19px;font-weight:600}.mosty-focus{fill:none;stroke:var(--mosty-pick);stroke-width:2px;opacity:0}.mosty-island:focus-visible .mosty-focus{opacity:1}.is-full .mosty-body{fill:var(--mosty-ink)}.is-full .mosty-number{fill:var(--mosty-on-ink)}.is-over .mosty-body,.is-closed .mosty-body{fill:var(--mosty-bad)}.is-over .mosty-outline,.is-closed .mosty-outline{stroke:var(--mosty-bad)}.is-over .mosty-number,.is-closed .mosty-number{fill:#fff}.is-reachable .mosty-outline{stroke:var(--mosty-reach);stroke-width:3.5px}.is-selected .mosty-outline{stroke:var(--mosty-pick);stroke-width:4px}.is-hinted .mosty-outline{stroke:var(--mosty-bad);stroke-width:4px;animation:1.6s ease-in-out infinite mosty-hint-pulse}.mosty-won .mosty-body{fill:var(--mosty-good)}.mosty-won .mosty-outline{stroke:var(--mosty-good)}.mosty-won .mosty-number{fill:#fff}.mosty-won .mosty-island{animation:.6s ease-out both mosty-win}@keyframes mosty-win{0%,to{transform:scale(1)}40%{transform:scale(1.14)}}@keyframes mosty-blink{50%{opacity:.2}}@keyframes mosty-hint-pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.mosty-bridge.mosty-blocked,.is-hinted .mosty-outline,.mosty-won .mosty-island{animation:none}}