:root{--sky-top:#2a1e3f;--sky-bottom:#4c3a63;--water:#14555c;--water-deep:#0b2f38;--moss:#5fa855;--cattail:#7a5230;--amber:#ffd479;--text:#eaf3e2;--text-dim:#9bb39a;--panel:#0b2f38b8;--edge:#eaf3e229}*{box-sizing:border-box}html,body{background:var(--sky-top);color:var(--text);margin:0;padding:0;font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace;overflow-x:hidden}a{color:var(--amber)}.wrap{max-width:980px;margin:0 auto;padding-block:48px;padding-inline:20px}.pond-frame{aspect-ratio:16/10;border:2px solid var(--edge);background:var(--water-deep);border-radius:10px;width:100%;max-width:100%;position:relative;overflow:hidden}.pond-canvas{width:100%;height:100%;display:block}.addr-row{flex-wrap:wrap;gap:10px;margin-block:20px;display:flex}.addr-row input{min-width:0;font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--edge);border-radius:8px;flex:280px;padding:12px 14px}button{font:inherit;cursor:pointer;color:#10231b;background:var(--moss);border:0;border-radius:8px;padding:12px 18px}button:disabled{opacity:.5;cursor:progress}.readout{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-block:20px;display:grid}.stat{background:var(--panel);border:1px solid var(--edge);border-radius:8px;padding:14px}.stat dt{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:12px}.stat dd{margin:0;font-size:20px}.notice{border:1px solid var(--edge);background:var(--panel);border-radius:8px;padding:14px}.steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}@media (max-width:480px){.wrap{padding-block:28px}.stat dd{font-size:17px}.readout{grid-template-columns:1fr}}.valley-map{position:absolute;inset:0}.valley-canvas{touch-action:none;cursor:grab;background:#2f5f3b;outline:none;width:100%;height:100%;display:block}.valley-canvas:focus-visible{box-shadow:inset 0 0 0 3px var(--amber)}.valley-canvas.is-hovering{cursor:pointer}.valley-canvas.is-dragging{cursor:grabbing}.valley-vignette{pointer-events:none;background:radial-gradient(#0000 55%,#100c1e8c 100%);position:absolute;inset:0}.valley-tip{pointer-events:none;background:var(--panel);border:1px solid var(--edge);white-space:nowrap;z-index:2;border-radius:8px;padding:6px 10px;font-size:12px;position:absolute;transform:translate(-50%,-100%)}.valley-zoom{z-index:2;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:16px;right:16px}.valley-zoom button{width:40px;height:40px;padding:0;font-size:20px;line-height:1}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.valley{background:#2f5f3b;height:100dvh;min-height:480px;position:relative;overflow:hidden}.valley-hud{pointer-events:none;z-index:2;gap:12px;display:flex;position:absolute;left:16px;right:16px}.valley-hud>*{pointer-events:auto}.valley-hud-top{justify-content:space-between;align-items:flex-start;top:16px}.valley-hud-bottom{justify-content:space-between;align-items:flex-end;bottom:16px;right:72px}.valley-panel{background:var(--panel);border:1px solid var(--edge);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;margin:0;padding:10px 14px}.valley-brand h1{letter-spacing:.14em;margin:0;font-size:clamp(22px,3vw,30px)}.valley-brand p{color:var(--text-dim);margin:4px 0 0;font-size:14px}.valley-search{gap:8px;display:flex}.valley-search input{width:min(440px,46vw);min-width:0;font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--edge);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;padding:12px 14px}.valley-about{color:var(--amber);background:var(--panel);border:1px solid var(--edge);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.valley-count{color:var(--text-dim);font-size:13px}.valley-notice{z-index:2;max-width:min(560px,100vw - 32px);position:absolute;top:92px;left:50%;transform:translate(-50%)}.pond-card{background:var(--panel);border:1px solid var(--edge);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3;border-radius:10px;width:min(380px,100vw - 32px);padding:14px 16px;position:absolute;bottom:76px;left:50%;transform:translate(-50%)}.pond-card p{margin:0 0 8px}.pond-card-title{font-size:16px}.pond-card-meta,.pond-card-note{color:var(--text-dim);font-size:13px}.pond-card-open{margin-top:4px;display:inline-block}.pond-card-close{width:28px;height:28px;color:var(--text-dim);background:0 0;padding:0;font-size:18px;line-height:1;position:absolute;top:8px;right:8px}@media (max-width:600px){.valley-hud-top{flex-direction:column;align-items:stretch}.valley-brand h1{font-size:22px}.valley-search input{flex:auto;width:100%}.valley-notice{top:168px}.valley-hud-bottom{flex-direction:column;align-items:flex-start;gap:8px}.pond-card{bottom:156px}}