.puzzle--hashi{--hashi-water:#143a4a;--hashi-sand:#d8b884;--hashi-sand-edge:#a88251;--hashi-grass:#5d9a5a;--hashi-grass-edge:#3a6e3a;--hashi-bridge:#c89263;--hashi-sparkle:#7fc7d3;--hashi-ripple:#c8e0e8}@media (prefers-color-scheme:light){.puzzle--hashi{--hashi-water:#aed8e6;--hashi-sand:#f1dca4;--hashi-sand-edge:#c9a36a;--hashi-grass:#82c873;--hashi-grass-edge:#4f9550;--hashi-bridge:#8b6132;--hashi-sparkle:#ffffff;--hashi-ripple:#ffffff}}.hashi-board{width:100%;height:100%;display:block;user-select:none;border-radius:var(--radius);overflow:hidden}.hashi-water{fill:var(--hashi-water)}.hashi-waves{pointer-events:none}.hashi-waves .hashi-wave{fill:none;stroke:var(--hashi-ripple);stroke-width:.014;stroke-linecap:round}.hashi-dots circle{fill:var(--hashi-sparkle);opacity:.32}.hashi-bridges .bridge{stroke:var(--hashi-bridge);stroke-width:.11;stroke-linecap:butt;stroke-dasharray:.32 .1;opacity:.92;transition:stroke var(--dur) var(--ease),opacity var(--dur) var(--ease);animation:bridge-in 280ms var(--ease) both;pointer-events:none}.bridge-hit{stroke:#fff;stroke-opacity:0;stroke-width:.45;fill:none;cursor:pointer;pointer-events:stroke}@keyframes bridge-in{from{opacity:0;stroke-dashoffset:.9}to{opacity:.92;stroke-dashoffset:0}}.island{cursor:pointer}.island .island-disk{fill:var(--hashi-sand);stroke:var(--hashi-sand-edge);stroke-width:.04;transition:fill var(--dur) var(--ease),stroke var(--dur) var(--ease)}.island .island-inner{fill:var(--hashi-grass);stroke:var(--hashi-grass-edge);stroke-width:.025;pointer-events:none;transition:fill var(--dur) var(--ease),stroke var(--dur) var(--ease)}.island .island-tuft{fill:var(--hashi-grass-edge);opacity:.75;pointer-events:none;transition:fill var(--dur) var(--ease),opacity var(--dur) var(--ease)}.island .island-rim{fill:none;stroke:var(--hashi-ripple);stroke-width:.022;stroke-dasharray:.1 .12;opacity:.3;pointer-events:none;transition:stroke var(--dur) var(--ease),opacity var(--dur) var(--ease)}.island.is-source .island-disk{fill:color-mix(in srgb,var(--accent) 30%,var(--hashi-sand));stroke:var(--accent);stroke-width:.06}.island.is-source .island-inner{fill:color-mix(in srgb,var(--accent) 14%,var(--hashi-grass))}.island.is-source .island-tuft{fill:color-mix(in srgb,var(--accent) 30%,var(--hashi-grass-edge))}.island.is-source .island-rim{stroke:var(--accent);opacity:.55}.island.is-source .island-glow{fill:var(--accent);opacity:.32;animation:none}.island.is-target .island-disk{stroke:var(--accent);stroke-width:.06;stroke-dasharray:.18 .1;animation:target-spin 1.4s linear infinite}@keyframes target-spin{from{stroke-dashoffset:0}to{stroke-dashoffset:1.12}}.preview-line{stroke:var(--accent);stroke-width:.1;stroke-linecap:round;stroke-dasharray:.1 .08;opacity:.7;pointer-events:none}.island .island-num{fill:var(--text);font:700 .4px var(--font);pointer-events:none}.island .island-glow{fill:var(--hashi-grass-edge);opacity:0;transition:opacity 280ms var(--ease);pointer-events:none}.island.is-satisfied .island-disk{fill:color-mix(in srgb,var(--accent) 22%,var(--hashi-sand));stroke:var(--accent)}.island.is-satisfied .island-inner{fill:color-mix(in srgb,var(--accent) 8%,var(--hashi-grass))}.island.is-satisfied .island-tuft{fill:color-mix(in srgb,var(--accent) 22%,var(--hashi-grass-edge))}.island.is-satisfied .island-rim{stroke:var(--accent);opacity:.45}.island.is-satisfied .island-glow{animation:none;opacity:.2;fill:var(--accent)}.island.is-satisfied .island-num{fill:var(--accent)}.island.is-over .island-disk{fill:color-mix(in srgb,var(--warn) 30%,var(--hashi-sand));stroke:var(--warn)}.island.is-over .island-inner{fill:color-mix(in srgb,var(--warn) 18%,var(--hashi-grass))}.island.is-over .island-tuft{fill:color-mix(in srgb,var(--warn) 30%,var(--hashi-grass-edge))}.island.is-over .island-rim{stroke:var(--warn);opacity:.45}.island.is-over .island-glow{animation:none;opacity:0}.island.is-over .island-num{fill:var(--warn)}.hashi-board.is-solved .bridge{stroke:var(--good)}.hashi-board.is-solved .island-disk{stroke:var(--good);fill:color-mix(in srgb,var(--good) 20%,var(--hashi-sand))}.hashi-board.is-solved .island-inner{stroke:var(--good);fill:color-mix(in srgb,var(--good) 14%,var(--hashi-grass))}.hashi-board.is-solved .island-tuft{fill:color-mix(in srgb,var(--good) 30%,var(--hashi-grass-edge))}.hashi-board.is-solved .island-rim{stroke:var(--good);opacity:.55}.hashi-board.is-solved .island-glow{animation:none;opacity:.28;fill:var(--good)}.hashi-board.is-solved .island-num{fill:var(--good)}@media (prefers-reduced-motion:reduce){.hashi-bridges .bridge{animation:none}.island.is-target .island-disk{animation:none}}