:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#222a29;background:#edf1ef;font-synthesis:none;text-rendering:optimizeLegibility;letter-spacing:0;--ink: #222a29;--muted: #65706e;--paper: #fbfcfa;--paper-deep: #f0f3f1;--rule: #d3dad6;--accent: #df5f50;--teal: #0f8177;--amber: #d69a2d;--shadow: 0 18px 44px rgba(30, 42, 39, .11);--spring: cubic-bezier(.2, .9, .25, 1.25)}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow-x:hidden;overscroll-behavior:none}button{color:inherit;font:inherit;letter-spacing:0;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid rgba(20,125,118,.3);outline-offset:2px}::selection{color:#fff;background:var(--teal)}.app-shell{min-height:100dvh;display:flex;flex-direction:column;background:#edf1ef}.topbar{height:calc(84px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding-left:max(28px,env(safe-area-inset-left,0px));padding-right:max(28px,env(safe-area-inset-right,0px));border-bottom:1px solid rgba(50,64,60,.12);background:#fbfcfaeb;box-shadow:0 1px #fffc;-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15)}.brand-lockup{display:flex;align-items:center;gap:13px}.topbar-actions{display:flex;align-items:center;gap:10px}.debug-badge{padding:5px 7px;border:1px solid #b4473f;border-radius:5px;color:#a13d36;background:#fff3f1;font-size:10px;font-weight:800;line-height:1}.brand-lockup p,.brand-lockup h1,.level-picker p,.level-picker h2{margin:0}.brand-lockup p{color:var(--muted);font-size:12px;font-weight:650}.brand-lockup h1{margin-top:2px;font-size:23px;line-height:1;font-weight:780}.brand-mark{width:42px;height:42px;position:relative;display:grid;place-items:center;border:1px solid #18201f;border-radius:8px;background:#222b2a;box-shadow:inset 0 1px #ffffff1f,0 4px 10px #161f1d2e;overflow:hidden}.brand-mark i{position:absolute;height:5px;border-radius:3px;transform-origin:left center}.brand-mark i:nth-child(1){width:22px;left:9px;top:10px;background:#df5f50;transform:rotate(45deg)}.brand-mark i:nth-child(2){width:18px;left:9px;top:26px;background:#e0ad38;transform:rotate(-42deg)}.brand-mark i:nth-child(3){width:17px;left:22px;top:25px;background:#65b6ad;transform:rotate(90deg)}.icon-button{width:46px;height:46px;flex:0 0 46px;display:inline-grid;place-items:center;padding:0;border:1px solid #cbd3cf;border-radius:8px;background:#fbfcfaf5;cursor:pointer;box-shadow:0 1px #ffffffe6 inset,0 2px 5px #1f2b2814;transition:background-color .12s ease,border-color .12s ease,color .12s ease,transform .12s var(--spring),box-shadow .12s ease}@media(hover:hover){.icon-button:hover:not(:disabled){border-color:#8b9894;background:#fff;transform:translateY(-1px);box-shadow:0 1px #fffffff2 inset,0 5px 12px #1f2b281a}}.icon-button:active:not(:disabled){transform:translateY(1px) scale(.94);box-shadow:0 1px 2px #1f2b2814}.icon-button:disabled{color:#aeb1ad;cursor:default;opacity:.55}.level-button{width:84px;min-width:84px;grid-template-columns:20px 3ch;justify-content:center;align-items:center;column-gap:8px;padding:0 9px}.level-button svg{width:20px;height:20px}.level-button span{width:3ch;display:block;font-size:14px;font-variant-numeric:tabular-nums lining-nums;font-weight:760;line-height:1;text-align:center}.game-layout{width:min(1180px,100%);min-height:calc(100dvh - 84px);margin:0 auto;display:grid;grid-template-columns:220px minmax(300px,690px) 58px;align-items:center;justify-content:center;gap:32px;padding:30px 24px 34px}.level-meta{align-self:center;display:flex;flex-direction:column;gap:16px}.tutorial-button.is-active{border-color:var(--teal);color:#fff;background:var(--teal);box-shadow:0 5px 14px #0f81773d}.tutorial-coach{width:100%;min-height:166px;padding:14px;border:1px solid #b9cec9;border-left:4px solid var(--teal);border-radius:8px;background:#fbfdfcf0;box-shadow:0 10px 24px #1d2f2a17}.tutorial-coach header{display:flex;align-items:center;justify-content:space-between;gap:10px}.tutorial-coach header>div{display:flex;align-items:baseline;gap:7px}.tutorial-kicker{color:var(--teal);font-size:11px;font-weight:800}.tutorial-count{color:var(--muted);font-size:10px;font-weight:750;font-variant-numeric:tabular-nums}.tutorial-coach header button{width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;color:var(--muted);background:transparent;cursor:pointer}.tutorial-coach header button:hover{color:var(--ink);background:var(--paper-deep)}.tutorial-progress{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;margin:7px 0 12px}.tutorial-progress span{height:3px;border-radius:2px;background:#d8d5ce}.tutorial-progress span.is-active{background:var(--teal)}.tutorial-copy{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:9px;animation:tutorial-step-in .18s ease-out}.tutorial-step-icon{width:26px;height:26px;display:grid;place-items:center;border:1px solid #9fc3bc;border-radius:50%;color:var(--teal);background:#e6f1ee}.tutorial-copy strong{display:block;margin:1px 0 4px;font-size:14px;line-height:1.25}.tutorial-copy p{margin:0;color:var(--muted);font-size:12px;font-weight:550;line-height:1.45}.app-shell:has(.tutorial-coach[data-tutorial-target=board]) .board-shell{border-color:#147d7694}.app-shell:has(.tutorial-coach[data-tutorial-target=endpoint]) .endpoint,.app-shell:has(.tutorial-coach[data-tutorial-target=number-endpoint]) .endpoint,.app-shell:has(.tutorial-coach[data-tutorial-target=thermometer]) .thermometer-bulb,.app-shell:has(.tutorial-coach[data-tutorial-target=white-pearl]) .loop-clue.white,.app-shell:has(.tutorial-coach[data-tutorial-target=black-pearl]) .loop-clue.black,.app-shell:has(.tutorial-coach[data-tutorial-target=midpoint]) .loop-clue.mid-cell,.app-shell:has(.tutorial-coach[data-tutorial-target=midpoint]) .loop-clue.mid-edge,.app-shell:has(.tutorial-coach[data-tutorial-target=edge-midpoint]) .loop-clue.mid-edge,.app-shell:has(.tutorial-coach[data-tutorial-target=balance]) .loop-clue.white,.app-shell:has(.tutorial-coach[data-tutorial-target=length-clue]) .loop-clue.length,.app-shell:has(.tutorial-coach[data-tutorial-target=traffic]) .loop-clue.white,.app-shell:has(.tutorial-coach[data-tutorial-target=black-light]) .loop-clue.black{animation:tutorial-focus 1.1s ease-in-out infinite}.app-shell:has(.tutorial-coach[data-tutorial-target=zero-clue]) .slither-clue.clue-0{animation:tutorial-focus 1.1s ease-in-out infinite;fill:var(--teal)}.app-shell:has(.tutorial-coach[data-tutorial-target=zero-clue]) .slither-tools button:nth-child(2){border-color:var(--teal);box-shadow:0 0 0 3px #147d7629}.app-shell:has(.tutorial-coach[data-tutorial-target=three-clue]) .slither-clue.clue-3{animation:tutorial-focus 1.1s ease-in-out infinite;fill:var(--teal)}.app-shell:has(.tutorial-coach[data-tutorial-target=number-clue]) .slither-clue{animation:tutorial-focus 1.1s ease-in-out infinite}.app-shell:has(.tutorial-coach[data-tutorial-target=three-clue]) .slither-tools button:first-child,.app-shell:has(.tutorial-coach[data-tutorial-target=number-clue]) .slither-tools button:first-child{border-color:var(--teal);box-shadow:0 0 0 3px #147d7629}.app-shell:has(.tutorial-coach[data-tutorial-target=region]) .slither-grid-edge.is-region-boundary{animation:tutorial-stroke-focus 1.1s ease-in-out infinite}.app-shell:has(.tutorial-coach[data-tutorial-target=pipe]) .pipe-clue-segment{animation:tutorial-stroke-focus 1.1s ease-in-out infinite}.app-shell:has(.tutorial-coach[data-tutorial-target=crossing]) .pipe-crossing,.app-shell:has(.tutorial-coach[data-tutorial-target=crossing]) .pipe-clue-shape{animation:tutorial-focus 1.1s ease-in-out infinite}.app-shell:has(.tutorial-coach[data-tutorial-target=bridge]) .hashi-guide{animation:tutorial-stroke-focus 1.1s ease-in-out infinite}.eyebrow{margin:0 0 2px;color:var(--teal);font-size:13px;font-weight:760;text-transform:uppercase;letter-spacing:0}.level-heading{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:9px}.level-heading .icon-button{width:40px;height:40px;min-width:40px}.level-heading div{min-width:0;text-align:center}.level-heading strong,.level-heading span{display:block}.level-heading strong{overflow:hidden;font-size:26px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.level-heading span{margin-top:4px;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.chapter-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px}.chapter-progress button{height:22px;display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:pointer}.chapter-progress button:disabled{cursor:default}.chapter-progress span{width:100%;height:4px;display:block;border-radius:2px;background:#cfd6d2;transition:height .16s var(--spring),background-color .16s ease,transform .16s var(--spring)}.chapter-progress button.is-solved span{background:var(--teal)}.chapter-progress button.is-current span{height:8px;background:var(--ink);transform:scaleX(1.04);box-shadow:0 2px 5px #1e2b282e}.chapter-progress button:disabled span{background:#ddd9d1}.play-area{width:100%;min-width:0}.board-status{min-height:38px;display:grid;grid-template-columns:auto minmax(100px,1fr) auto;align-items:center;gap:15px;margin:0 2px 12px}.board-status>div:first-child,.board-status>div:last-child{display:flex;align-items:baseline;gap:6px}.board-status span{color:var(--muted);font-size:12px;font-weight:650}.board-status strong{font-size:16px;font-variant-numeric:tabular-nums}.coverage-track{height:6px;border-radius:3px;background:#d2d9d5;box-shadow:inset 0 1px 2px #1f2b2814;overflow:hidden}.coverage-track span{height:100%;display:block;border-radius:inherit;background:var(--teal);box-shadow:inset 0 1px #ffffff38;transition:width .32s var(--spring)}.status-center{min-width:0;display:flex;flex-direction:column;gap:5px}.status-center small{min-height:15px;overflow:hidden;color:var(--muted);font-size:11px;font-weight:650;line-height:15px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.status-center small.is-warning{color:#b4473f}.board-stage{position:relative;width:100%}.board-shell{position:relative;width:100%;max-width:min(68dvh,680px);max-height:min(68dvh,680px);margin:0 auto;border:2px solid #cdd5d1;border-radius:8px;background:var(--paper);box-shadow:inset 0 1px #ffffffe6,0 18px 40px #1c2a261a,0 3px 8px #1c2a2612;overflow:hidden;touch-action:none;transition:border-color .16s ease,box-shadow .16s ease;animation:board-enter .22s ease-out}.board-shell.is-interacting{border-color:#0f81779e;box-shadow:inset 0 0 0 1px #0f817714,0 14px 34px #1c2a261f}.board-shell.is-interacting .numberlink-board,.board-shell.is-interacting .slitherlink-board,.board-shell.is-interacting .cell-loop-board,.board-shell.is-interacting .thermometer-board{cursor:grabbing}.numberlink-board{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none}.slitherlink-board{width:100%;height:100%;display:block;overflow:visible;touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none}.slitherlink-background{fill:#fff}.mejilink-region{stroke:none;pointer-events:none;transition:fill .18s ease,filter .18s ease}.mejilink-region.region-0{fill:#f7f1df}.mejilink-region.region-1{fill:#e8f4ef}.mejilink-region.region-2{fill:#f7e9e7}.mejilink-region.region-3{fill:#eaf0f7}.mejilink-region.region-4{fill:#f0ebf6}.mejilink-region.is-open{fill:#fff}.mejilink-region.is-matched{fill:#cce8df;filter:drop-shadow(0 0 .08px rgba(22,134,125,.42))}.mejilink-region.is-exceeded{fill:#f2d4d0}.slither-grid-edge.is-region-boundary{stroke:#9da9a5;stroke-width:.04}.slither-grid-edge{stroke:#d7ddd9;stroke-width:.025}.slither-line{stroke:var(--ink);stroke-width:.12;stroke-linecap:round;filter:drop-shadow(0 .025px .035px rgba(31,43,40,.18));animation:mark-settle .14s var(--spring)}.slither-cross{stroke:#9d625d;stroke-width:.045;stroke-linecap:round;pointer-events:none;animation:mark-pop .14s var(--spring);transform-box:fill-box;transform-origin:center}.slither-clue{fill:var(--ink);font-family:inherit;font-size:.4px;font-weight:750;text-anchor:middle;dominant-baseline:central;pointer-events:none;transition:fill .15s ease,filter .15s ease;transform-box:fill-box;transform-origin:center}.slither-clue.is-matched{fill:#16867d;filter:drop-shadow(0 .03px .04px rgba(22,134,125,.25));animation:clue-confirm .22s var(--spring)}.slither-clue.is-exceeded{fill:#c43f36;filter:drop-shadow(0 .03px .04px rgba(196,63,54,.25));animation:clue-reject .24s ease-out}.slither-dot{fill:#555d5d;pointer-events:none}.cell-loop-board{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none}.cell-loop-background{fill:#fff}.loop-cell{fill:transparent;stroke:#dce2de;stroke-width:.02}.loop-cell.has-pipe-clue{fill:#edf3f0;stroke:#bdd4ce;stroke-width:.035}.blocked-cell{fill:#313738;stroke:#fdfbfa;stroke-width:.04}.cell-loop-guide{stroke:#d5dcd8;stroke-width:.025;stroke-dasharray:.06 .08}.cell-loop-line{stroke:var(--ink);stroke-width:.14;stroke-linecap:round;stroke-linejoin:round;animation:mark-settle .14s var(--spring)}.cell-loop-line.is-prefilled{stroke:var(--teal);stroke-width:.17}.pipe-clue-shape,.pipe-clue-segment{pointer-events:none}.pipe-clue-segment{fill:none;stroke:var(--teal);stroke-width:.17;stroke-linecap:butt;stroke-linejoin:round}.pipe-crossing{pointer-events:none}.pipe-crossing-gap{stroke:#fdfbfa;stroke-width:.26;stroke-linecap:butt}.pipe-crossing.is-prefilled .pipe-crossing-gap{stroke:#edf3f0}.pipe-crossing-over{stroke:var(--ink);stroke-width:.14;stroke-linecap:round}.pipe-crossing.is-prefilled .pipe-crossing-over{stroke:var(--teal);stroke-width:.17}.cell-loop-cross{stroke:#9d625d;stroke-width:.045;stroke-linecap:round;pointer-events:none;animation:mark-pop .14s var(--spring);transform-box:fill-box;transform-origin:center}.loop-clue{pointer-events:none}.loop-clue-disc{fill:#fff;stroke:#495051;stroke-width:.055;transition:fill .15s ease,stroke .15s ease;transform-box:fill-box;transform-origin:center}.loop-clue.black .loop-clue-disc{fill:#2f3536;stroke:#2f3536}.loop-clue.gray .loop-clue-disc{fill:#a8adab;stroke:#707675}.loop-cat-clue{filter:drop-shadow(0 .025px .025px rgba(99,56,78,.18));transform-box:fill-box;transform-origin:center}.loop-cat-head{stroke-width:.045;stroke-linejoin:round;transition:fill .15s ease,stroke .15s ease}.loop-clue.white .loop-cat-head{fill:#fffaf2;stroke:#70425a}.loop-clue.black .loop-cat-head{fill:#594052;stroke:#fff5e8}.loop-clue.gray .loop-cat-head{fill:#aaa1ad;stroke:#69445a}.loop-cat-ear{fill:#f28eaa}.loop-clue.white .loop-cat-eye,.loop-clue.white .loop-cat-nose{fill:#63384e}.loop-clue.black .loop-cat-eye,.loop-clue.black .loop-cat-nose,.loop-clue.gray .loop-cat-eye,.loop-clue.gray .loop-cat-nose{fill:#fff3dc}.loop-cat-mouth,.loop-cat-whisker{fill:none;stroke-width:.022;stroke-linecap:round;stroke-linejoin:round}.loop-clue.white .loop-cat-mouth,.loop-clue.white .loop-cat-whisker{stroke:#63384e}.loop-clue.black .loop-cat-mouth,.loop-clue.black .loop-cat-whisker,.loop-clue.gray .loop-cat-mouth,.loop-clue.gray .loop-cat-whisker{stroke:#fff3dc}.loop-cat-number{fill:#3f2934;stroke:#fffaf2;stroke-width:.018;paint-order:stroke;font-family:inherit;font-weight:900;text-anchor:middle;dominant-baseline:central}.loop-clue.black .loop-cat-number,.loop-clue.gray .loop-cat-number{fill:#fff3dc;stroke:#63384e}.midpoint-clue{fill:#495051;stroke:#fff;stroke-width:.035;transition:fill .15s ease;transform-box:fill-box;transform-origin:center}.loop-clue-number{fill:var(--ink);font-family:inherit;font-size:.27px;font-weight:800;text-anchor:middle;dominant-baseline:central}.loop-clue.black .loop-clue-number,.loop-clue.gray .loop-clue-number{fill:#fff}.loop-clue.is-matched .loop-clue-disc,.loop-clue.is-matched .midpoint-clue{stroke:#16867d;stroke-width:.075;filter:drop-shadow(0 .03px .04px rgba(22,134,125,.25));animation:clue-confirm .22s var(--spring)}.loop-clue.is-matched .loop-cat-head{stroke:#25ad9d;stroke-width:.06}.loop-clue.is-matched .loop-cat-clue{filter:drop-shadow(0 .035px .055px rgba(37,173,157,.42));animation:clue-confirm .22s var(--spring)}.loop-clue.is-invalid .loop-clue-disc,.loop-clue.is-invalid .midpoint-clue{stroke:#c43f36;stroke-width:.08;filter:drop-shadow(0 .03px .04px rgba(196,63,54,.25));animation:clue-reject .24s ease-out}.loop-clue.is-invalid .loop-cat-head{stroke:#dc4f67;stroke-width:.065}.loop-clue.is-invalid .loop-cat-clue{filter:drop-shadow(0 .035px .05px rgba(220,79,103,.38));animation:clue-reject .24s ease-out}.loop-clue.is-invalid .loop-clue-number{fill:#c43f36}.thermometer-board{width:100%;height:100%;display:block;touch-action:none;cursor:pointer;user-select:none;-webkit-user-select:none}.thermometer-background{fill:#fff}.thermometer-cell{fill:transparent;stroke:#d9dfdc;stroke-width:.025}.thermometer-tube,.thermometer-fill{fill:none;stroke-linecap:round;stroke-linejoin:round}.thermometer-tube{stroke:#d3dbd7;stroke-width:.32}.thermometer-fill{stroke:#de5c55;stroke-width:.2;filter:drop-shadow(0 .02px .035px rgba(190,67,60,.22))}.thermometer-bulb{fill:#fdfbfa;stroke:#9a9e9b;stroke-width:.075;transform-box:fill-box;transform-origin:center}.thermometer-bulb.is-filled,.thermometer-fill-tip{fill:#de5c55;stroke:#fff;stroke-width:.035;animation:fill-settle .16s var(--spring);transform-box:fill-box;transform-origin:center}.thermometer-count{fill:#656c6c;font-family:inherit;font-size:.22px;font-weight:750;text-anchor:middle;dominant-baseline:central;transition:fill .15s ease;transform-box:fill-box;transform-origin:center}.thermometer-count.is-matched{fill:#16867d;animation:clue-confirm .22s var(--spring)}.thermometer-count.is-exceeded{fill:#c43f36;animation:clue-reject .24s ease-out}.hashi-board{width:100%;height:100%;display:block;touch-action:none;cursor:pointer;user-select:none;-webkit-user-select:none}.hashi-background{fill:#fff}.hashi-guide{stroke:#d4ddd9;stroke-width:.035;stroke-dasharray:.06 .08}.hashi-bridge{stroke:var(--ink);stroke-width:.075;stroke-linecap:round;animation:mark-settle .14s var(--spring)}.hashi-island{pointer-events:none}.hashi-island circle{fill:#fff;stroke:#515859;stroke-width:.06;transition:fill .15s ease,stroke .15s ease;transform-box:fill-box;transform-origin:center}.hashi-island text{fill:var(--ink);font-family:inherit;font-size:.32px;font-weight:850;text-anchor:middle;dominant-baseline:central}.hashi-island.is-matched circle{fill:#dceeea;stroke:#16867d;animation:clue-confirm .22s var(--spring)}.hashi-island.is-exceeded circle{fill:#f5d9d5;stroke:#c43f36;animation:clue-reject .24s ease-out}.hashi-island.is-exceeded text{fill:#a92f29}.board-background{fill:#fff}.board-cell{fill:transparent;transition:fill .2s ease}.board-cell:nth-of-type(2n){fill:#22343003}.grid-line{stroke:#dce2de;stroke-width:2;vector-effect:non-scaling-stroke}.flow-halo,.flow-line{fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;transition:stroke-width .18s cubic-bezier(.34,1.56,.64,1),opacity .18s ease}.flow-halo{stroke-width:.55;opacity:.82;filter:drop-shadow(0 1px 3px rgba(25,38,34,.12))}.flow-line{stroke-width:.25;opacity:.9}.flow-path.is-active .flow-halo{stroke-width:.65;opacity:1;filter:drop-shadow(0 3px 7px rgba(25,38,34,.2))}.flow-path.is-active .flow-line{stroke-width:.3}.flow-path.is-complete .flow-halo{animation:settle-halo .35s cubic-bezier(.34,1.56,.64,1)}.flow-path.is-complete .flow-line{animation:settle-path .35s cubic-bezier(.34,1.56,.64,1)}.endpoint{pointer-events:none;filter:drop-shadow(0 2px 3px rgba(25,38,34,.18));transform-box:fill-box;transform-origin:center;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.endpoint.is-active{transform:scale(1.12);filter:drop-shadow(0 4px 7px rgba(25,38,34,.28))}.number-endpoint{stroke:#fff;stroke-width:.055}.endpoint-number{fill:#fff;font-family:inherit;font-weight:800;text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:#00000014;stroke-width:.025}.active-length{position:absolute;z-index:4;min-width:42px;padding:5px 7px;border:2px solid #fff;border-radius:8px;color:#fff;background:var(--ink);box-shadow:0 5px 12px #242a2b3d;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;text-align:center;pointer-events:none;transform:translate(-50%,-145%)}.active-length.is-at-limit{background:var(--accent);animation:limit-pulse .38s ease-out}.active-length.is-below{transform:translate(-50%,45%)}.invalid-cell{fill:#be3c3526;stroke:#bd4c43;stroke-width:2;vector-effect:non-scaling-stroke;animation:invalid-bounce .4s cubic-bezier(.36,0,.66,-.56);pointer-events:none;transform-origin:center;transform-box:fill-box}.completion-sweep{position:absolute;top:0;bottom:0;left:-20%;width:15%;background:linear-gradient(to right,#fff0,#fffc,#fff0);opacity:0;pointer-events:none;transform:skew(-15deg);filter:blur(4px)}.board-shell.is-solved .completion-sweep{animation:completion-sweep .7s .1s ease-in-out}.tool-rail{width:58px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:5px;border:1px solid rgba(190,201,196,.9);border-radius:8px;background:#fbfcfae0;box-shadow:0 8px 22px #1e2b2814;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tool-divider{width:32px;height:1px;margin:4px 0;background:#cdd5d1}.slither-tools .icon-button.is-active,.loop-tools .icon-button.is-active{border-color:var(--teal);color:#fff;background:var(--teal);box-shadow:0 4px 12px #0f817738}.win-overlay{position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;z-index:10;display:flex;align-items:center;justify-content:center;background:#edf1ef7a;-webkit-backdrop-filter:blur(8px) saturate(1.05);backdrop-filter:blur(8px) saturate(1.05);border-radius:12px;animation:overlay-fade .22s ease-out}.win-panel{position:relative;width:min(340px,calc(100% - 32px));display:flex;flex-direction:column;align-items:center;gap:16px;padding:36px 32px;border:1px solid rgba(193,204,199,.72);border-radius:8px;background:#fffffff7;box-shadow:0 24px 54px #1c2a2629,inset 0 1px #fff;text-align:center;animation:win-pop .36s var(--spring)}.win-check{position:relative;width:64px;height:64px;border-radius:50%;color:#fff;background:var(--teal);box-shadow:0 9px 20px #0f817740,inset 0 1px #ffffff52;margin-bottom:4px;animation:success-mark .44s .1s var(--spring) both}.win-check svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px}.win-panel strong,.win-panel span{display:block}.win-panel strong{font-size:24px;font-weight:800;color:var(--teal);letter-spacing:0}.win-panel div span{margin-top:6px;color:var(--muted);font-size:13px;font-weight:500}.win-panel .win-next{margin-top:8px;width:100%;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;border:0;border-radius:8px;font-size:16px;font-weight:600;color:#fff;background:var(--ink);cursor:pointer;box-shadow:0 5px 14px #1c2a262e;transition:transform .12s var(--spring),box-shadow .12s ease}.win-panel .win-next:active{transform:translateY(1px) scale(.97);box-shadow:0 2px 5px #1c2a2624}.win-panel .win-close{position:absolute;top:12px;right:12px;width:36px;height:36px;min-height:36px;display:grid;place-items:center;padding:0;border:1px solid #d7d3ca;border-radius:8px;color:var(--muted);background:#f8f6f1;cursor:pointer;box-shadow:0 2px 5px #242a2b1a;transition:color .14s ease,background-color .14s ease,transform .14s ease}.win-panel .win-close:hover{color:var(--ink);background:#fff}.win-panel .win-close:active{transform:translateY(1px)}@keyframes overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes win-pop{0%{opacity:0;transform:scale(.9) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.rules-modal{width:min(440px,calc(100% - 32px));padding:32px;border:1px solid rgba(193,204,199,.72);border-radius:8px;background:#fffffffa;box-shadow:0 24px 54px #1c2a262b,inset 0 1px #fff;text-align:center;animation:modal-rise .24s var(--spring)}.rules-modal h2{margin:0 0 16px;color:var(--teal);font-size:24px;font-weight:800;letter-spacing:0}.rules-modal .rules-kicker{margin:0 0 5px;color:var(--muted);font-size:12px;font-weight:750}.rules-list{display:flex;flex-direction:column;gap:16px;margin:0 0 28px;padding:0;list-style:none;text-align:left}.rules-list li{display:flex;align-items:flex-start;gap:12px;color:var(--ink);font-size:15px;line-height:1.5;font-weight:500}.rules-list .rule-icon{flex:0 0 28px;height:28px;display:grid;place-items:center;border-radius:8px;color:#fff;background:var(--teal)}.rules-list li:nth-child(2) .rule-icon{background:var(--amber)}.rules-list li:nth-child(3) .rule-icon{background:var(--accent)}.rules-list li:nth-child(4) .rule-icon{background:var(--ink)}.rules-modal button{width:100%;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;border:0;border-radius:8px;font-size:16px;font-weight:600;color:#fff;background:var(--ink);cursor:pointer;box-shadow:0 5px 14px #1c2a262e;transition:transform .12s var(--spring),box-shadow .12s ease}.rules-modal button:active{transform:translateY(1px) scale(.97);box-shadow:0 2px 5px #1c2a2624}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:18px;background:#1922206b;-webkit-backdrop-filter:blur(9px) saturate(.9);backdrop-filter:blur(9px) saturate(.9);animation:overlay-fade .18s ease-out}.level-picker{width:min(560px,100%);max-height:min(700px,calc(100dvh - 36px));padding:22px;border:1px solid #c3cdc8;border-radius:8px;background:var(--paper);box-shadow:0 26px 70px #18252138;overflow:auto;animation:panel-rise .22s ease-out}.chapter-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:20px;padding:4px;border-radius:8px;background:var(--paper-deep)}.chapter-tabs button{min-width:0;padding:10px 12px;border:0;border-radius:6px;color:var(--muted);background:transparent;cursor:pointer;text-align:left}.chapter-tabs button span,.chapter-tabs button strong{display:block}.chapter-tabs button span{margin-bottom:2px;font-size:10px;font-weight:700}.chapter-tabs button strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.chapter-tabs button.is-active{color:#fff;background:var(--ink);box-shadow:0 3px 8px #242a2b2e}.level-chapter-heading{display:grid;grid-template-columns:1fr auto;align-items:end;gap:2px 12px;margin-bottom:12px}.level-chapter-heading h3{margin:0;font-size:18px}.level-chapter-heading>span{color:var(--muted);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.level-picker header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.level-picker p{color:var(--teal);font-size:12px;font-weight:790}.level-picker h2{margin-top:3px;font-size:24px}.level-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.level-grid>button{position:relative;min-width:0;min-height:104px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:12px;border:1px solid #d0d8d4;border-radius:7px;background:#f2f5f3;cursor:pointer;text-align:left;box-shadow:0 2px #00000008;transition:background-color .14s ease,border-color .14s ease,transform .14s var(--spring),box-shadow .14s ease}.level-grid>button:hover:not(:disabled){border-color:#8e938d;background:#fff;transform:translateY(-2px);box-shadow:0 6px 12px #0000000f,0 2px #00000008}.level-grid>button:active:not(:disabled){transform:translateY(1px) scale(.97);box-shadow:0 1px 2px #1f2b280f}.level-grid>button.is-current{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.level-grid>button:disabled{color:#a4a6a2;cursor:default;opacity:.64}.level-grid>button>span{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;font-weight:700}.level-grid>button>strong{max-width:100%;overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.level-grid>button>small{color:var(--muted);font-size:10px}.level-grid>button>svg{position:absolute;top:10px;right:10px;color:var(--teal)}:root{color:#63384e;background:#fff4e9;--ink: #63384e;--muted: #927181;--paper: #fffaf3;--paper-deep: #ffebe2;--rule: #ecd1cc;--accent: #f76f91;--teal: #32b7a1;--amber: #efb43b;--purple: #7664d7;--sky: #63aede;--lime: #82bf67;--shadow: 0 18px 44px rgba(104, 59, 74, .15);--spring: cubic-bezier(.22, 1.35, .36, 1)}body{background:#fff4e9}button:focus-visible{outline-color:#ff668b6b}::selection{background:var(--accent)}.app-shell{background-color:#fff4e9;background-image:radial-gradient(circle at 18px 17px,rgba(255,129,156,.11) 0 4px,transparent 4.5px),radial-gradient(circle at 30px 17px,rgba(255,129,156,.11) 0 4px,transparent 4.5px),radial-gradient(circle at 13px 27px,rgba(255,129,156,.11) 0 3px,transparent 3.5px),radial-gradient(circle at 35px 27px,rgba(255,129,156,.11) 0 3px,transparent 3.5px),radial-gradient(ellipse at 24px 29px,rgba(255,129,156,.11) 0 7px,transparent 7.5px);background-position:0 0,0 0,0 0,0 0,0 0;background-size:128px 128px}.topbar{position:relative;z-index:5;border-bottom:3px solid #d95f80;color:#fff;background-color:#ef7f9c;background-image:radial-gradient(circle at 24px 17px,rgba(255,255,255,.13) 0 4px,transparent 4.5px),radial-gradient(circle at 36px 17px,rgba(255,255,255,.13) 0 4px,transparent 4.5px),radial-gradient(ellipse at 30px 28px,rgba(255,255,255,.13) 0 7px,transparent 7.5px);background-size:112px 78px;box-shadow:0 4px #6736461f,0 9px 24px #853e5529;-webkit-backdrop-filter:none;backdrop-filter:none}.brand-lockup{gap:12px}.brand-lockup p{color:#ffffffd1;font-weight:800}.brand-lockup h1{color:#fff;text-shadow:0 2px 0 rgba(93,53,71,.22)}.brand-mark{width:48px;height:48px;border:2px solid #6d3f51;border-radius:8px;color:var(--ink);background:#ffdc5f;box-shadow:inset 0 2px #ffffff9e,0 4px #b94c6b,0 7px 13px #632f4033;overflow:hidden}.brand-mark .cat-mascot{width:calc(100% - 4px);height:auto;margin:2px auto 0;--cat-fur: #fff5d2;--cat-ear: #ff91ad;--cat-patch: #f2b92f}.cat-mascot{display:block;overflow:visible;filter:drop-shadow(0 2px 0 rgba(93,53,71,.16));--cat-fur: #fff1c9;--cat-ear: #ff8fab;--cat-patch: #ffbc42;--cat-line: #5d3547}.cat-mascot-head{fill:var(--cat-fur);stroke:var(--cat-line);stroke-width:2.7;stroke-linejoin:round}.cat-mascot-ear{fill:var(--cat-ear)}.cat-mascot-patch{fill:var(--cat-patch)}.cat-mascot-eye,.cat-mascot-nose{fill:var(--cat-line)}.cat-mascot-glint{fill:#fff}.cat-mascot-mouth,.cat-mascot-whisker{fill:none;stroke:var(--cat-line);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(hover:hover){.brand-mark:hover .cat-mascot{animation:cat-hello .52s var(--spring)}}.topbar .icon-button{border:2px solid #6d3f51;color:#654052;background:#fff5c5;box-shadow:inset 0 2px #ffffffb8,0 4px #b94c6b,0 7px 12px #632f402b}.topbar .tutorial-button{color:#267f70;background:#baf1d9}.topbar .level-button{color:#5b408f;background:#d9c8ff}@media(hover:hover){.topbar .icon-button:hover:not(:disabled){border-color:#6d3f51;background:#fff;transform:translateY(-2px) rotate(-2deg);box-shadow:inset 0 2px #fffc,0 6px #b94c6b,0 10px 16px #632f402b}.topbar .level-button:hover:not(:disabled){transform:translateY(-2px) rotate(1deg)}}.topbar .icon-button:active:not(:disabled){transform:translateY(3px) scale(.95);box-shadow:inset 0 2px #ffffffa6,0 1px #b94c6b}.game-layout{position:relative}.eyebrow{width:fit-content;padding:6px 9px;border:2px solid #67ad9e;border-radius:7px;color:#267f70;background:#c9f3df;box-shadow:0 3px #458a7b2e}.level-heading strong{color:var(--ink);text-shadow:0 2px 0 rgba(255,255,255,.9)}.level-heading .icon-button,.tool-rail .icon-button{border:2px solid #bf8b96;color:var(--ink);background:#fffaf1;box-shadow:inset 0 2px #fff,0 3px #d5a5ad,0 6px 10px #673b4b1a}@media(hover:hover){.level-heading .icon-button:hover:not(:disabled),.tool-rail .icon-button:hover:not(:disabled){border-color:#9d6374;background:#fff;transform:translateY(-2px);box-shadow:inset 0 2px #fff,0 5px #d5a5ad,0 9px 14px #673b4b1f}}.level-heading .icon-button:active:not(:disabled),.tool-rail .icon-button:active:not(:disabled){transform:translateY(2px) scale(.94);box-shadow:0 1px #d5a5ad}.level-heading .icon-button:first-child{background:#cfeeff}.level-heading .icon-button:last-child{background:#ffe7a1}.chapter-progress span{height:6px;border-radius:3px;background:#e8cfc8}.chapter-progress button:nth-child(4n+1).is-solved span{background:#ff7197}.chapter-progress button:nth-child(4n+2).is-solved span{background:#35bfa4}.chapter-progress button:nth-child(4n+3).is-solved span{background:#f2b82f}.chapter-progress button:nth-child(4n).is-solved span{background:#8268df}.chapter-progress button.is-current span{height:10px;background:var(--purple);box-shadow:0 3px #5d354729}.board-status{padding:9px 12px;border:2px solid #e6b9b5;border-radius:8px;background:#fffaf2eb;box-shadow:inset 0 2px #fff,0 4px #ca7f8826}.board-status strong{color:var(--accent)}.board-status>div:last-child strong{color:var(--purple)}.coverage-track{height:8px;border:1px solid #e1bbb5;background:#f6dcd4;box-shadow:inset 0 2px 2px #76425014}.coverage-track span{background:linear-gradient(90deg,#ff7297,#f5bd39 34%,#42c4a8 67%,#8268df)}.status-center small.is-warning{color:#d43f63}.board-shell{z-index:1;border:3px solid #c6708b;border-radius:8px;background:#fffaf1;box-shadow:inset 0 2px #fffffff2,0 6px #ef9caf,0 16px 28px #703c4e29;animation:cat-board-enter .36s var(--spring)}.board-shell.is-interacting{border-color:#7961ce;box-shadow:inset 0 0 0 2px #8268df1f,0 4px #a997e7,0 12px 28px #5f459630}.slitherlink-background,.cell-loop-background,.thermometer-background,.hashi-background,.board-background{fill:#fffaf2}.board-cell:nth-of-type(4n+2),.board-cell:nth-of-type(4n+3),.board-cell:nth-of-type(4n){fill:transparent}.board-cell.is-tinted{fill:#f4a98e0e}.grid-line,.loop-cell,.thermometer-cell{stroke:#ead8d0}.grid-line{stroke-width:1.5}.slither-grid-edge,.cell-loop-guide,.hashi-guide{stroke:#e8cec5}.slither-dot{fill:#936c7b}.slither-line,.cell-loop-line,.hashi-bridge{stroke:#684055}.cell-loop-line.is-prefilled,.pipe-clue-segment,.pipe-crossing.is-prefilled .pipe-crossing-over{stroke:#36bfa4}.loop-cell.has-pipe-clue{fill:#e7f7ef;stroke:#8fd8c6}.blocked-cell{fill:#765266;stroke:#fff7ed}.thermometer-tube{stroke:#f1c7cf}.thermometer-fill{stroke:#ff668b;filter:drop-shadow(0 .03px .04px rgba(255,102,139,.28))}.thermometer-bulb.is-filled,.thermometer-fill-tip{fill:#ff668b}.hashi-island circle,.loop-clue-disc{fill:#fff9ed;stroke:#765266}.hashi-island.is-matched circle{fill:#d4f4e8;stroke:#31a990}.mejilink-region.region-0{fill:#fff0ae}.mejilink-region.region-1{fill:#c9f2df}.mejilink-region.region-2{fill:#ffd2dd}.mejilink-region.region-3{fill:#cdeaff}.mejilink-region.region-4{fill:#ddd2ff}.mejilink-region.is-open{fill:#fff9ed}.mejilink-region.is-matched{fill:#82dfba;filter:drop-shadow(0 0 .13px rgba(28,164,137,.72));animation:region-confirm .36s var(--spring)}.mejilink-region.is-exceeded{fill:#ffc0c8;filter:drop-shadow(0 0 .09px rgba(220,79,103,.48))}.flow-halo{stroke-width:.42;opacity:.5;filter:none}.flow-line{opacity:1;filter:none}.flow-path.is-active .flow-halo{stroke-width:.46;opacity:.62;filter:none;animation:none}.flow-path.is-complete .flow-halo{animation:centered-halo-settle .28s var(--spring)}.endpoint{filter:drop-shadow(0 0 2px rgba(93,53,71,.18));transform:scale(.88)}.endpoint.is-active{animation:cat-endpoint-pop .46s var(--spring)}.cat-endpoint-head{stroke:#fffaf1;stroke-width:.05;stroke-linejoin:round}.cat-endpoint-ear{fill:#ffffff6b;pointer-events:none}.cat-endpoint-eye,.cat-endpoint-nose{fill:#5d3547;pointer-events:none}.cat-endpoint-mouth,.cat-endpoint-whisker{fill:none;stroke:#5d3547;stroke-width:.026;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.endpoint-number{fill:#fff;stroke:#5d354785;stroke-width:.026}.invalid-cell{fill:#ff4f772e;stroke:#e4476d}.active-length{border-color:#fff8ed;color:#fff;background:#765266;box-shadow:0 3px #4f2b3d,0 7px 14px #542b3d33}.active-length.is-at-limit{background:var(--accent)}.tool-rail{width:62px;border:2px solid #dca8b1;background:#fff9eef0;box-shadow:inset 0 2px #fff,0 5px #cf859133,0 12px 20px #6439491a}.tool-divider{background:#e5bbb7}.tool-rail button:nth-of-type(1){background:#d6efff}.tool-rail button:nth-of-type(2){background:#e3d6ff}.tool-rail button:nth-of-type(3){background:#fff0a9}.tool-rail button:nth-of-type(4){background:#cef1df}.slither-tools .icon-button.is-active,.loop-tools .icon-button.is-active,.tutorial-button.is-active{border-color:#765266;color:#fff;background:var(--purple);box-shadow:inset 0 2px #ffffff47,0 4px #5945a4,0 8px 14px #5c469d33}.tutorial-coach{border:2px solid #82cdbd;border-left:6px solid #36bfa4;background:#f4fff9f7;box-shadow:inset 0 2px #fff,0 5px #3ca58e29,0 11px 20px #486e6617}.tutorial-step-icon{border:2px solid #69bbaa;color:#267f70;background:#c9f3df}.win-overlay{background:#ffeddfa8;-webkit-backdrop-filter:blur(8px) saturate(1.12);backdrop-filter:blur(8px) saturate(1.12)}.win-panel{gap:14px;padding:28px 32px 32px;border:3px solid #e88ba3;background:#fff9ed;box-shadow:0 7px #ef9caf,0 26px 54px #69364a33,inset 0 2px #fff}.win-check{width:92px;height:88px;margin-bottom:0;color:var(--ink);background:transparent;box-shadow:none}.win-check .win-cat{position:absolute;right:0;bottom:0;top:0;left:0;width:92px;height:88px;transform:none;--cat-fur: #ffdc61;--cat-ear: #ff7f9f;--cat-patch: #fff4cb}.win-cat .cat-mascot-patch{display:none}.win-spark{position:absolute;width:22px!important;height:22px!important;color:#ff668b;filter:drop-shadow(0 2px 0 rgba(93,53,71,.12));animation:sparkle-pop .82s var(--spring) infinite alternate}.win-spark-left{top:5px!important;left:-16px!important;transform:rotate(-14deg)!important}.win-spark-right{top:16px!important;right:-18px!important;left:auto!important;color:#36bfa4;transform:rotate(16deg)!important;animation-delay:.16s}.win-panel strong{color:#d8486c}.win-panel .win-next,.rules-modal button{border:2px solid #684055;color:#fff;background:#8268df;box-shadow:inset 0 2px #ffffff40,0 5px #5f49b0,0 10px 16px #5b439f2e}.win-panel .win-next:active,.rules-modal button:active{transform:translateY(4px) scale(.98);box-shadow:0 1px #5f49b0}.win-panel .win-close{border:2px solid #d9a7af;color:#8f6474;background:#ffe6eb;box-shadow:0 3px #e1aab5}.modal-backdrop{background:#5c324366;-webkit-backdrop-filter:blur(9px) saturate(1.08);backdrop-filter:blur(9px) saturate(1.08)}.rules-modal,.level-picker{position:relative;border:3px solid #df8ca1;background:#fff9ed;box-shadow:0 7px #eca0b2,0 26px 60px #582f3f3b,inset 0 2px #fff}.rules-cat{width:64px;height:60px;display:block;margin:0 auto 2px}.rules-cat .cat-mascot{width:64px;height:60px;--cat-fur: #bcefd8;--cat-ear: #ff91ad;--cat-patch: #ffcf50}.rules-cat .cat-mascot-patch{display:none}.rules-modal h2{color:#d8486c}.rules-list .rule-icon{border:2px solid #684055;background:#ff668b;box-shadow:0 3px #68405533}.rules-list li:nth-child(2) .rule-icon{background:#f6bd3e}.rules-list li:nth-child(3) .rule-icon{background:#36bfa4}.rules-list li:nth-child(4) .rule-icon{background:#8268df}.chapter-tabs{background:#ffe4df}.chapter-tabs button{border:2px solid transparent}.chapter-tabs button:nth-child(4n+1){color:#b53c60;background:#ffd7e0}.chapter-tabs button:nth-child(4n+2){color:#237d6e;background:#cef1df}.chapter-tabs button:nth-child(4n+3){color:#886315;background:#ffedaa}.chapter-tabs button:nth-child(4n){color:#5a429e;background:#dfd5ff}.chapter-tabs button.is-active{border-color:#684055;color:#fff;background:#8268df;box-shadow:inset 0 2px #ffffff40,0 4px #5f49b0}.level-picker p{color:#d8486c}.level-grid>button{border:2px solid #e0b6b4;background:#fff0e7;box-shadow:inset 0 2px #fff,0 4px #cb85892e}.level-grid>button:nth-child(4n+1){background:#ffe2e9}.level-grid>button:nth-child(4n+2){background:#daf5e9}.level-grid>button:nth-child(4n+3){background:#fff0b9}.level-grid>button:nth-child(4n){background:#e6ddff}.level-grid>button:hover:not(:disabled){border-color:#a66a7b;background:#fff;transform:translateY(-3px) rotate(-1deg);box-shadow:inset 0 2px #fff,0 7px #be707e33,0 12px 18px #6035451a}.level-grid>button:nth-child(2n):hover:not(:disabled){transform:translateY(-3px) rotate(1deg)}.level-grid>button.is-current{border-color:#8268df;box-shadow:inset 0 0 0 1px #8268df,0 4px #b1a0e9}.level-grid>button>svg{color:#31a990;filter:drop-shadow(0 2px 0 rgba(49,169,144,.16))}@keyframes cat-hello{0%,to{transform:rotate(0) scale(1)}35%{transform:rotate(-7deg) scale(1.06)}68%{transform:rotate(6deg) scale(1.04)}}@keyframes cat-board-enter{0%{opacity:0;transform:translateY(12px) scale(.96)}72%{transform:translateY(-2px) scale(1.008)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cat-endpoint-pop{0%{transform:scale(.88)}45%{transform:scale(1.02) rotate(-4deg)}75%{transform:scale(.94) rotate(3deg)}to{transform:scale(.92)}}@keyframes region-confirm{0%{fill:#fff9ed;filter:drop-shadow(0 0 0 rgba(28,164,137,0))}55%{fill:#57d7aa;filter:drop-shadow(0 0 .2px rgba(28,164,137,.88))}to{fill:#82dfba;filter:drop-shadow(0 0 .13px rgba(28,164,137,.72))}}@keyframes centered-halo-settle{0%,to{stroke-width:.42;opacity:.5}50%{stroke-width:.48;opacity:.64}}@keyframes sparkle-pop{0%{opacity:.55}to{opacity:1}}@keyframes settle-path{0%{stroke-width:.25}45%{stroke-width:.4}to{stroke-width:.25}}@keyframes board-enter{0%{opacity:0;transform:translateY(4px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes settle-halo{0%{stroke-width:.55;opacity:.9}45%{stroke-width:.7;opacity:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}to{stroke-width:.55;opacity:.9}}@keyframes mark-settle{0%{opacity:.3;filter:drop-shadow(0 0 0 rgba(15,129,119,0))}to{opacity:1}}@keyframes mark-pop{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@keyframes clue-confirm{0%{transform:scale(1)}45%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes clue-reject{0%,to{transform:translate(0)}35%{transform:translate(-.04px)}70%{transform:translate(.04px)}}@keyframes fill-settle{0%{opacity:.45;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes success-mark{0%{opacity:0;transform:scale(.55) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes invalid-bounce{0%{transform:scale(1)}30%{transform:scale(.9)}60%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes limit-pulse{0%{transform:translate(-50%,-145%) scale(1)}45%{transform:translate(-50%,-145%) scale(1.12)}to{transform:translate(-50%,-145%) scale(1)}}.active-length.is-below.is-at-limit{animation-name:limit-pulse-below}@keyframes limit-pulse-below{0%{transform:translate(-50%,45%) scale(1)}45%{transform:translate(-50%,45%) scale(1.12)}to{transform:translate(-50%,45%) scale(1)}}@keyframes completion-sweep{0%{left:-18%;opacity:0}20%{opacity:1}to{left:112%;opacity:0}}@keyframes panel-rise{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes tutorial-step-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes tutorial-focus{0%,to{filter:drop-shadow(0 0 0 rgba(20,125,118,0))}50%{filter:drop-shadow(0 0 .12px rgba(20,125,118,.9))}}@keyframes tutorial-stroke-focus{0%,to{stroke:#b9c3bf}50%{stroke:var(--teal)}}.level-picker{transform:none}.level-picker[role=dialog]{animation-name:modal-rise}@keyframes modal-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.game-layout{grid-template-columns:minmax(0,680px);gap:14px;padding-top:20px}.level-meta{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px}.level-meta:has(.tutorial-coach)>.eyebrow,.level-meta:has(.tutorial-coach)>.level-heading,.level-meta:has(.tutorial-coach)>.chapter-progress{visibility:hidden;pointer-events:none}.tutorial-coach{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;min-height:0;display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:14px;padding:9px 12px;overflow:hidden}.tutorial-coach header{align-self:start}.tutorial-progress{position:absolute;bottom:10px;left:12px;width:106px;margin:0}.tutorial-copy{align-items:center}.eyebrow{grid-column:1 / -1;margin-bottom:-12px}.level-heading{width:230px}.chapter-progress{width:min(270px,40vw);margin:0}.tool-rail{flex-direction:row;justify-content:center;order:3;padding-top:2px}.tool-divider{width:1px;height:32px;margin:0 6px}.board-shell{max-width:min(66dvh,680px);max-height:min(66dvh,680px)}}@media(max-width:620px){.topbar{height:calc(68px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px))}.brand-mark{width:38px;height:38px}.brand-lockup{gap:10px}.brand-lockup p{font-size:10px}.brand-lockup h1{font-size:19px}.topbar-actions{gap:7px}.debug-badge{padding:4px 5px;font-size:9px}.game-layout{min-height:calc(100dvh - 68px - env(safe-area-inset-top,0px));align-content:start;gap:12px;padding:14px 12px calc(14px + env(safe-area-inset-bottom,0px))}.level-meta{grid-template-columns:1fr;gap:12px}.tutorial-coach{grid-template-columns:minmax(0,1fr);grid-template-rows:25px minmax(0,1fr);gap:3px;padding:7px 10px}.tutorial-coach header{grid-row:1}.tutorial-progress{display:none}.tutorial-copy{grid-row:2;grid-template-columns:24px minmax(0,1fr);gap:7px}.tutorial-step-icon{width:24px;height:24px}.tutorial-copy strong{margin:0 0 2px;font-size:13px}.tutorial-copy p{font-size:11px;line-height:1.35}.eyebrow{margin:0}.level-heading{width:100%;grid-template-columns:42px minmax(0,1fr) 42px}.level-heading .icon-button{width:44px;height:44px}.level-heading strong{font-size:22px}.chapter-progress{width:100%;grid-template-columns:repeat(10,1fr);gap:5px}.chapter-progress button{height:14px}.board-status{margin-bottom:8px}.board-shell{width:min(100%,calc(100dvh - 286px));min-width:280px;max-width:100%;max-height:none}.tool-rail{position:sticky;bottom:max(8px,env(safe-area-inset-bottom,0px));z-index:8;width:max-content;margin:0 auto;padding:7px;border:1px solid rgba(190,201,196,.92);border-radius:8px;background:#fbfcfaf0;box-shadow:0 9px 24px #1c2a261f;-webkit-backdrop-filter:blur(14px) saturate(1.08);backdrop-filter:blur(14px) saturate(1.08)}.slither-tools,.loop-tools,.thermometer-tools,.hashi-tools{gap:5px;padding:6px}.slither-tools .icon-button,.loop-tools .icon-button,.thermometer-tools .icon-button,.hashi-tools .icon-button{width:42px;height:42px;flex-basis:42px}.slither-tools .tool-divider,.loop-tools .tool-divider,.thermometer-tools .tool-divider,.hashi-tools .tool-divider{margin:0 2px}.level-picker{padding:18px}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.level-grid>button{min-height:88px}}@media(max-width:380px){.level-button{width:76px;min-width:76px;column-gap:5px;padding:0 6px}.board-shell{min-width:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}