:root{color:#263d3c;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f1e9;font-family:ui-rounded,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:460px;margin:0 auto;padding:20px 16px 32px}h1{letter-spacing:-.035em;margin:6px 0 8px;font-size:25px;font-weight:720;line-height:1.15}h2{margin:0 0 8px;font-size:18px}p{margin:8px 0;line-height:1.45}button,input{font:inherit}button{min-height:44px;color:inherit;cursor:pointer;touch-action:manipulation;background:#fffcf5;border:1px solid #c7d1c9;border-radius:12px;padding:8px 12px;font-size:14px}button:disabled{opacity:.42;cursor:default}button[aria-pressed=true],.submit{background:var(--accent,#326a60);border-color:var(--accent,#326a60);color:#fff}button:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:3px solid #6565ad}.eyebrow{color:#57736b;text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:11px}.muted,.meta{color:#5c6e67;font-size:12px}.submit{width:100%;font-weight:650}.quiet{color:#697a72;background:0 0;border-color:#0000;font-size:12px}.concept-A{--accent:#326a60}.concept-B{--accent:#3d668c}.concept-D{--accent:#786347}body.playing{overscroll-behavior:none;overflow:hidden}.game-screen{height:100dvh;padding:max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom));flex-direction:column;gap:8px;display:flex;position:relative}.game-header{flex:none;align-items:center;gap:5px;min-height:44px;display:flex}.game-back{background:0 0;border:0;min-width:44px;padding:0;font-size:30px}.game-header strong{flex:1;min-width:0;font-size:15px;line-height:1.15}.game-header>span{white-space:nowrap;font-size:12px}.sound-control{white-space:nowrap;padding:6px 8px;font-size:13px}.game-header .sound-control{min-width:44px;font-size:19px}.rule-strip{background:#fffcf5;border:1px solid #d4ded3;border-radius:14px;flex:none;gap:4px;padding:10px 12px;display:grid}.rule-strip h2{letter-spacing:.1em;color:#59736a;margin:0 0 2px;font-size:11px}.rule-item{align-items:center;gap:9px;display:flex}.instruction-icon{flex:none;width:28px;height:30px}.rule-item>div{font-size:13px;line-height:1.3}.rule-item strong{font-size:13px;line-height:1.3;display:inline}.rule-item p{margin:0;font-size:13px;line-height:1.3;display:inline}.board-stage{flex:1 1 0;min-height:0;position:relative}.board-window{justify-content:center;align-items:center;width:100%;height:100%;padding-top:48px;display:flex;overflow:hidden}.board{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;filter:drop-shadow(0 3px 4px #223d3610);flex:none;overflow:visible}.hint-button{z-index:2;background:#fff6d8;border-color:#dcc98e;min-height:44px;padding:8px 12px;position:absolute;top:0;right:4px;box-shadow:0 2px 8px #78634710}.controls{flex:none;gap:5px;display:flex}.controls button{flex:1;min-width:0;min-height:44px;padding:8px 4px}.game-screen>.submit{flex:none;min-height:48px}.board text{text-anchor:middle;fill:#263d3c;pointer-events:none}.tile{fill:#fffcf5;stroke:#c5d2c9;stroke-width:1px;pointer-events:none}.tile.highlight{fill:#dcebf8}.tile.violated{stroke:#bd7959;stroke-width:2px}.coordinate{font-size:10px;fill:#59736a!important}.row-coordinate{font-size:8px}.token-name{font-size:9px}.token-art{pointer-events:none;fill:#35444c}.target{font-size:20px;font-weight:700}.tiny{font-size:10px;font-weight:500}.water-total{font-size:9px}.cell-hit{fill:#0000}.gesture-hit{touch-action:none;cursor:pointer}.sprinkler-icon{pointer-events:none}.sprinkler-body{fill:#f1f0eb;stroke:#879793;stroke-width:1.7px}.sprinkler-icon.water-active .sprinkler-body{fill:#268bcc;stroke:#176caa}.sprinkler-pipe,.sprinkler-spray{stroke:#748984;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none}.sprinkler-icon.water-active .sprinkler-pipe,.sprinkler-icon.water-active .sprinkler-spray{stroke:#fff}.board .sprinkler-arrow{fill:#fff;font-size:20px;font-weight:700}.sprinkler-icon.off .sprinkler-body{fill:#f1d6d0;stroke:#b17e75}.sprinkler-icon.off .sprinkler-pipe{stroke:#946a63}.sprinkler-off-mark{fill:none;stroke:#986157;stroke-width:3px;stroke-linecap:round}.sprinkler-question{fill:#647873;font-size:21px;font-weight:650}.requirement-badge{fill:#fffdf7;fill-opacity:.93;stroke:#c6d2cc;stroke-width:1px}.requirement-badge.validation-warning{fill:#ffe1c8;stroke:#bd643b;stroke-width:2px}.receiver-water{pointer-events:none}.water-halo{fill:#43a2dc;stroke:#79b9e2;stroke-width:1px}.water-ripple{fill:none;stroke:#4098d0;stroke-width:1.2px}.water-pip{fill:#2e8fcb}.coverage{stroke:#4c9ed7;opacity:.35;stroke-width:5px;pointer-events:none}.cross-lines{stroke:#277eba;stroke-width:1.5px;fill:none;opacity:.8;pointer-events:none}.lantern{fill:#efd29a;stroke:#786347;stroke-width:2px;pointer-events:none}.edge{stroke:#869489;stroke-width:2.5px;stroke-dasharray:4 3;pointer-events:none}.edge.fence{stroke:#4b5448;stroke-width:7px;stroke-dasharray:none}.edge.join{stroke:#aaa}.join-mark{stroke:#444;stroke-width:5px;pointer-events:none}.edge-hit{stroke:#0000;stroke-width:44px;cursor:crosshair}.vertex-hit{fill:#0000;cursor:crosshair}.vertex{fill:#4b5448;pointer-events:none}.border{fill:none;stroke:#4b5448;stroke-width:3px;pointer-events:none}.camp-board .border{stroke-width:5px}.camp-tile{stroke-width:2px;stroke:#aaa99c}.ghost{fill:#eee;stroke:#666;stroke-dasharray:3 3;pointer-events:none}.ghost text{stroke:none}.floating-panel{z-index:5;background:#fffcf5;border:1px solid #c5d2c9;border-radius:18px;max-height:90%;padding:16px;position:absolute;bottom:8px;left:8px;right:8px;overflow:auto;box-shadow:0 -8px 40px #263d3c24}.floating-panel p{font-size:15px}.result.failure{z-index:3;background:#fff3e9;border:1px solid #bc8065;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex;position:absolute;bottom:4px;left:8px;right:8px;box-shadow:0 3px 14px #263d3c18}.result.failure strong{flex:1}.result.failure button{background:0 0;border:0;flex:none;min-width:44px;padding:4px;font-size:22px}.flow-screen{padding-top:max(28px, env(safe-area-inset-top))}.flow-sound{justify-content:flex-end;margin-bottom:12px;display:flex}.welcome{padding:28px 12px}.welcome h1{margin:18px 0;font-size:34px}.welcome .submit{margin-top:22px}.welcome-tokens{letter-spacing:16px;color:#508275;margin-top:32px;font-size:50px}.hub-cards{gap:12px;margin:24px 0;display:grid}.hub-cards button{text-align:left;align-items:center;gap:14px;padding:18px 14px;display:flex}.hub-cards button>span:nth-child(2){flex:1}.hub-cards small{color:#5c6e67;margin-top:6px;font-size:13px;line-height:1.4;display:block}.hub-icon{text-align:center;color:#326a60;width:36px;font-size:30px}.completed{color:#326a60;margin-top:8px;font-weight:700;display:block}.hub-cards button:disabled{opacity:.65}.feedback-form{background:#fffcf5;border:1px solid #d7ded2;border-radius:20px;padding:20px;box-shadow:0 4px 20px #293e3210}.feedback-form h1{font-size:27px}fieldset{border:0;margin:22px 0;padding:0}legend{margin-bottom:8px;font-size:14px;font-weight:650}fieldset label{align-items:center;gap:8px;min-height:44px;font-size:14px;display:flex}.rating{gap:8px;display:flex}.rating label{background:#edf2ea;border-radius:10px;flex:1;justify-content:center}input{accent-color:#326a60}.comment{margin:20px 0;font-size:14px;display:block}textarea,select{font:inherit;width:100%;color:inherit;background:#fffef9;border:1px solid #b7c8bb;border-radius:10px;margin-top:8px;padding:10px}textarea{resize:vertical;min-height:85px}.summary{-webkit-user-select:text;user-select:text;height:330px;margin-bottom:16px;font-size:12px}.results-actions{gap:10px;margin:22px 0 12px;display:grid}.results-actions button{min-height:52px;font-weight:700}.copy-results{color:#326a60;background:#eef4eb;border:2px solid #326a60;width:100%}.results-help{font-size:15px}.delivery-status:not(:empty){background:#edf0ec;border-radius:12px;padding:12px;font-weight:600}.delivery-status[data-kind=success]:not(:empty){color:#30613b;background:#e4efe0}.delivery-status[data-kind=fallback]:not(:empty){color:#80501e;background:#fff0d1}.results-screen .quiet{margin-top:16px;display:block}footer{border-top:1px solid #ccc;margin-top:24px;padding-top:12px}footer>button{width:100%;margin:10px 0;display:block}.solved-backdrop{z-index:10;background:#edf3e644;border-radius:16px;place-items:center;display:grid;position:absolute;inset:0}.solved-card{border:2px solid var(--accent);text-align:center;background:#fffcf5;border-radius:22px;width:min(310px,85%);padding:26px 22px;animation:.3s ease-out solved;box-shadow:0 12px 45px #263d3c33}.solved-card h2{letter-spacing:-.025em;color:var(--accent);margin:0;font-size:30px}.solved-card p{margin:12px 0 20px;font-size:14px}@keyframes solved{50%{background:#d9e9d8;transform:scale(1.02)}}@media (height<=620px){.game-screen{scrollbar-gutter:stable;overflow-y:auto}.board-stage{flex:none;min-height:340px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.solved-card{animation:none}}