:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0d1915;color:#f6f0d4}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#0d1915}button,input{font:inherit}button{color:inherit}.watershed-game,#watershedViewport,#watershedViewport canvas{position:absolute;inset:0;width:100%;height:100%}#watershedViewport canvas{display:block;cursor:crosshair}.watershed-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,16,13,.23),transparent 24%,transparent 72%,rgba(7,14,12,.38)),radial-gradient(circle at 50% 48%,transparent 45%,rgba(5,12,10,.34) 115%);mix-blend-mode:multiply}.watershed-hud{position:absolute;inset:0;pointer-events:none;padding:24px 28px 26px;text-shadow:0 2px 14px rgba(3,10,8,.72)}.watershed-topbar{display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr);align-items:start;gap:24px}.watershed-objective{max-width:360px;padding-left:14px;border-left:2px solid rgba(194,232,159,.62)}.watershed-objective span,.aquifer-progress>span,.loading-overlay>span,.settings-panel header span,.water-pulse span{display:block;color:#c8e29b;font-family:Arial Narrow,Inter,sans-serif;font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.watershed-objective strong{display:block;margin-top:4px;color:#fff8d9;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:600;letter-spacing:0}.watershed-objective p{max-width:330px;margin:5px 0 0;color:#f1efd6bf;font-size:12px;line-height:1.45}.aquifer-progress{min-width:220px;padding:10px 18px 12px;text-align:center;border-top:1px solid rgba(219,239,189,.35);background:linear-gradient(180deg,#071512b8,#07151200)}.aquifer-nodes{display:flex;align-items:center;justify-content:center;gap:25px;margin:8px 0 5px}.aquifer-nodes i{position:relative;display:block;width:13px;height:13px;border:1px solid rgba(218,235,195,.62);border-radius:50%;background:#0f211bcc;box-shadow:0 0 0 4px #a0c68a0d;transition:background .6s ease,box-shadow .6s ease,transform .6s ease}.aquifer-nodes i:not(:last-child):after{position:absolute;top:5px;left:17px;width:22px;height:1px;content:"";background:#daebc347}.aquifer-nodes i.active{transform:scale(1.12);border-color:#c8fff1;background:#59d9cb;box-shadow:0 0 9px 2px #59d9cbb3}.aquifer-progress output{color:#f5f1d6c2;font-size:11px;font-variant-numeric:tabular-nums}.icon-button{justify-self:end;width:42px;height:42px;padding:10px;pointer-events:auto;border:1px solid rgba(225,236,207,.28);border-radius:4px;background:#081511a6;backdrop-filter:blur(12px);cursor:pointer}.icon-button:hover,.icon-button:focus-visible{border-color:#d3efb8b8;background:#193026d1;outline:none}.root-reticle{position:absolute;top:50%;left:50%;display:none;width:88px;height:88px;align-items:center;justify-content:center;transform:translate(-50%,-50%)}[data-mode=root] .root-reticle{display:flex}.root-reticle:before,.root-reticle:after{position:absolute;width:54px;height:54px;content:"";border:1px solid rgba(117,234,201,.58);border-radius:50%;animation:root-listen 2.2s ease-out infinite}.root-reticle:after{animation-delay:-1.1s}.root-reticle i{width:7px;height:7px;border-radius:50%;background:#e7ffe1;box-shadow:0 0 18px #5ee3c2}.root-reticle span{position:absolute;top:67px;color:#e7ffe1c7;font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.12em}@keyframes root-listen{0%{opacity:.8;transform:scale(.55)}to{opacity:0;transform:scale(1.35)}}.watershed-controls{position:absolute;bottom:24px;left:50%;display:flex;align-items:center;gap:18px;transform:translate(-50%);color:#f4f1d699;font-size:10px;letter-spacing:.12em;white-space:nowrap}.watershed-controls>span{transition:opacity .25s ease}[data-mode=root] #lookHint{opacity:0}kbd{display:inline-flex;min-width:24px;height:23px;align-items:center;justify-content:center;margin-right:6px;padding:0 6px;color:#f6f1d6;font-family:inherit;font-size:9px;border:1px solid rgba(235,238,210,.35);border-radius:3px;background:#091612bd;box-shadow:inset 0 -2px #00000038}#rootDiveButton{display:grid;min-width:214px;height:54px;grid-template-columns:34px 1fr 30px;align-items:center;gap:8px;padding:7px 9px 7px 12px;pointer-events:auto;text-align:left;border:1px solid rgba(204,231,176,.36);border-radius:4px;background:#081914c7;box-shadow:0 10px 34px #02090747;backdrop-filter:blur(14px);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}#rootDiveButton:not(:disabled):hover,#rootDiveButton:not(:disabled):focus-visible{transform:translateY(-1px);border-color:#7eeac2e0;background:#123428e6;outline:none}#rootDiveButton:disabled{opacity:.54;cursor:default}#rootDiveButton small,#rootDiveButton strong{display:block;letter-spacing:0}#rootDiveButton small{color:#8ed7ae;font-size:9px;letter-spacing:.16em}#rootDiveButton strong{margin-top:3px;color:#fff6d6;font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:500}#rootDiveButton kbd{margin:0}.root-dive-icon{position:relative;display:block;width:24px;height:30px}.root-dive-icon:before,.root-dive-icon:after{position:absolute;content:"";background:#8de3ba;box-shadow:0 0 9px #5ee3c252}.root-dive-icon:before{top:1px;left:11px;width:2px;height:27px;transform:rotate(10deg);border-radius:2px}.root-dive-icon:after{top:16px;left:6px;width:11px;height:2px;transform:rotate(-28deg);border-radius:2px}.water-pulse{position:absolute;top:23%;left:50%;min-width:360px;padding:15px 28px 17px;text-align:center;border-top:1px solid rgba(170,244,223,.7);border-bottom:1px solid rgba(170,244,223,.28);background:linear-gradient(90deg,transparent,rgba(7,28,24,.8) 18%,rgba(7,28,24,.8) 82%,transparent);transform:translate(-50%)}.water-pulse[hidden]{display:none}.water-pulse strong{display:block;margin-top:5px;color:#f4f2d8;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:500}.settings-panel{position:absolute;top:76px;right:28px;width:286px;padding:16px;border:1px solid rgba(217,235,199,.22);border-radius:5px;background:#081712e6;box-shadow:0 24px 64px #01070561;backdrop-filter:blur(18px)}.settings-panel[hidden]{display:none}.settings-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.settings-panel header strong{display:block;margin-top:2px;font-family:Georgia,Times New Roman,serif;font-size:18px;font-weight:500}.settings-panel header button{width:30px;height:30px;border:0;background:transparent;color:#f4f1d6b3;font-size:22px;cursor:pointer}.settings-panel label{display:grid;min-height:40px;grid-template-columns:1fr auto auto;align-items:center;gap:9px;color:#f1efd6c2;font-size:12px;border-top:1px solid rgba(220,236,202,.09)}.settings-panel input[type=range]{width:100px;accent-color:#7ed7b4}.settings-panel input[type=checkbox]{width:17px;height:17px;accent-color:#5fc8a7}.settings-panel output{width:34px;color:#dcebc9;font-size:10px;font-variant-numeric:tabular-nums}.settings-panel>p{margin:11px 0 0;color:#dbe8c866;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.loading-overlay{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 50% 47%,rgba(78,128,96,.2),transparent 35%),#0d1915;transition:opacity .8s ease,visibility .8s ease}[data-state=running] .loading-overlay{visibility:hidden;opacity:0;pointer-events:none}.loading-overlay h1{margin:3px 0 10px;color:#f4edce;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,6vw,78px);font-weight:400;letter-spacing:0}.loading-overlay p{min-height:15px;margin:0 0 14px;color:#d6e7c18f;font-size:9px;letter-spacing:.18em}.loading-mark{position:relative;width:48px;height:55px;margin-bottom:14px}.loading-mark i{position:absolute;bottom:0;left:23px;width:2px;height:51px;transform-origin:bottom;border-radius:2px;background:linear-gradient(#d7f2a6,#48b999);animation:listen-root 1.9s ease-in-out infinite alternate}.loading-mark i:nth-child(2){transform:rotate(38deg) scaleY(.72);animation-delay:-.7s}.loading-mark i:nth-child(3){transform:rotate(-42deg) scaleY(.6);animation-delay:-1.2s}@keyframes listen-root{to{filter:brightness(1.55);box-shadow:0 0 16px #54d3abb8}}.loading-track{width:230px;height:1px;margin-bottom:22px;overflow:hidden;background:#d7ebc024}.loading-track i{display:block;width:10%;height:100%;background:#92ddb7;box-shadow:0 0 10px #60dfb6c7;transition:width .5s ease}.loading-overlay button,.error-state button{min-width:190px;padding:11px 18px;color:#ecf4dc;font-size:10px;font-weight:700;letter-spacing:.13em;border:1px solid rgba(201,231,174,.45);border-radius:3px;background:#1f4232a3;cursor:pointer}.loading-overlay button:disabled{opacity:.3;cursor:wait}.error-state{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#0a1310f0}.error-state[hidden]{display:none}.error-state strong{font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:500}.error-state span{max-width:560px;color:#f0ecd5b3;font-size:12px}@media(max-width:820px){.watershed-hud{padding:16px}.watershed-topbar{grid-template-columns:1fr auto}.aquifer-progress{position:absolute;top:16px;left:50%;min-width:170px;transform:translate(-50%)}.watershed-objective p,.watershed-controls>span{display:none}.watershed-objective strong{max-width:180px;font-size:16px}.settings-panel{top:66px;right:16px}}