@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap";:root{color-scheme:dark;--bg:#090e17;--ink:#edf1f3;--muted:#81909e;--line:#26303b;--accent:#8cdcc9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,Arial,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.masthead{max-width:1490px;margin:auto;padding:30px 56px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:36px}.wordmark{color:var(--ink);text-decoration:none;display:flex;gap:12px;align-items:center;font-size:17px;font-weight:700;letter-spacing:4px}.wordmark svg{width:29px;height:29px;stroke:var(--accent);stroke-width:1.5;fill:none}.edition{font-size:10px;letter-spacing:1.8px;color:var(--muted);display:flex;gap:24px}.edition b{font-weight:500;color:#bcc8cf}.text-button{background:none;border:0;padding:6px 0;font-size:12px;color:#a6b6c0}.text-button span{margin-left:9px;color:var(--accent)}.masthead>.text-button{margin-left:auto}main{max-width:1280px;padding:38px 48px 34px;margin:auto;display:grid;grid-template-columns:minmax(0,736px) 280px;gap:75px;align-items:start}.film{min-width:0}.canvas-wrap{position:relative;width:100%;background:#0b1019;overflow:hidden;box-shadow:0 15px 90px #0003}canvas{display:block;width:100%;height:auto;aspect-ratio:4/5}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0b1019;color:var(--muted);font-size:14px;gap:12px}#loading span{width:8px;height:8px;border-radius:100%;background:var(--accent);animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.2}}.transport{height:60px;display:flex;gap:15px;align-items:center}.icon-button{background:none;border:0;width:28px;height:30px;flex-shrink:0;font-size:21px;padding:0;color:#b7c6cf}#timeline{width:100%;height:2px;accent-color:var(--accent);cursor:pointer}#time{white-space:nowrap;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.sidebar{padding-top:19px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:600;display:flex;align-items:center;gap:8px}.live-dot{background:var(--accent);width:5px;height:5px;border-radius:100%}h1{font-family:DM Sans,Arial,sans-serif;font-weight:600;font-size:34px;letter-spacing:-.8px;line-height:1.2;margin:20px 0 18px}h1 em{color:var(--accent);font-weight:500}.intro{font-size:13px;color:#9eacb7;line-height:1.9;max-width:270px}.chapter{margin:30px 0 24px;padding:19px 0;display:flex;gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.chapter>span{font-family:Georgia,serif;font-size:29px;color:var(--accent);line-height:1}.chapter small{display:block;font-size:8px;letter-spacing:1.6px;color:#71808c;margin-bottom:6px}.chapter strong{font-size:12px;font-weight:500}.settings{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.speed-options{display:flex;gap:5px}.speed-options button{font-size:11px;border:1px solid transparent;background:none;padding:6px 11px;border-radius:3px;color:var(--muted)}.speed-options button.selected{border-color:#3b524f;background:#132723;color:var(--accent)}.view-options{display:flex;gap:19px;margin:18px 0 24px}.view-options button{border:0;background:none;padding:0;font-size:10px;color:#a9b6bf}.check{display:inline-flex;width:13px;height:13px;align-items:center;justify-content:center;border:1px solid #4d6e64;border-radius:2px;font-size:9px;color:var(--accent);margin-right:5px}.view-options button[aria-pressed=false] .check{color:transparent;border-color:#3d4750}.sidebar-rule{height:1px;background:var(--line);margin:25px 0}.muted{color:#6f838d}.note{font-family:Playfair Display,Georgia,serif;line-height:1.5;font-size:20px;margin:15px 0}.fine{color:#748591;font-size:10px;line-height:1.8}.export-button{background:#142621;border:1px solid #345046;color:#b5dccc;width:100%;text-align:left;padding:13px 15px;margin-top:22px;font-size:11px;border-radius:3px}.export-button span{float:right}.reuse{font-size:10px;margin-top:15px}.page-footer{max-width:1378px;margin:0 auto 25px;padding:22px 0 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:8px;letter-spacing:1.4px;color:#617481}.footer-dot{margin:0 10px}dialog{max-width:610px;border:1px solid #34414b;border-radius:5px;padding:42px;background:#111b26;color:var(--ink);box-shadow:0 30px 150px #0009}dialog::backdrop{background:#02060cc7;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:18px;top:10px;background:none;border:0;color:#9dafb9;font-size:28px}dialog h2{font-family:Playfair Display,Georgia,serif;font-size:37px;font-weight:500;line-height:1.15;margin:20px 0}dialog h3{font-size:13px;margin-top:25px}dialog p,dialog li{font-size:12px;line-height:1.8;color:#a8b7c2}dialog a{color:var(--accent)}dialog ul{padding-left:18px}.capture .masthead,.capture .sidebar,.capture .transport,.capture .page-footer{display:none}.capture main{padding:0;display:block;margin:0;max-width:none}.capture .film,.capture .canvas-wrap{width:1080px;height:1350px;box-shadow:none}.capture canvas{width:1080px;height:1350px}.canvas-wrap:fullscreen{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:#090e17}.canvas-wrap:fullscreen canvas{width:auto;height:100%;max-width:100%;object-fit:contain}@media(min-width:1600px){main{padding-top:45px}}@media(max-width:1100px){main{gap:40px;padding:30px;grid-template-columns:minmax(0,1fr) 245px}.masthead{padding:24px 30px}h1{font-size:30px}.edition{display:none}.page-footer{margin:0 30px 20px}}@media(max-width:960px){.masthead{padding:21px 20px}.wordmark{font-size:14px}.masthead>.text-button{font-size:10px}main{display:flex;flex-direction:column;padding:20px;gap:17px}.film{width:100%}.sidebar{width:100%;padding:10px 4px;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}h1{font-size:30px;margin:15px 0;grid-row:2}h1 br{display:none}h1 em{display:block}.sidebar>.eyebrow:first-child{grid-column:1/-1}.intro{grid-column:2;grid-row:2;font-size:11px;line-height:1.8;margin:14px 0}.chapter{grid-column:1/-1;margin:10px 0 20px}.view-options{justify-content:end;margin:5px 0}.sidebar-rule,.sidebar>.muted,.note,.sidebar>.fine{display:none}.export-button{margin-top:20px}.reuse{align-self:center;margin:20px 0 0;font-size:9px}.page-footer{margin:0 20px 20px;display:block;line-height:2;font-size:7px}.page-footer>span{display:block}dialog{margin:20px;padding:30px}.transport{gap:10px}}#record-status{display:block;grid-column:1/-1}#record:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}.export-spec{margin:8px 0 0}.export-result{margin-top:14px}.download-ready{display:block;text-align:center;padding:13px 16px;border:1px solid #7cae98;border-radius:3px;background:#1d3b2e;color:#daf0df;font-size:13px;text-decoration:none}.export-result .fine{margin:7px 0}.export-preview{font-size:11px;color:#a7b9c5;margin-top:13px}.export-preview summary{cursor:pointer}.export-preview video{width:100%;height:auto;margin-top:10px;background:#0b1019;border:1px solid #26303b}.export-button:disabled{opacity:.65;cursor:progress}#cancel-export{margin-top:12px}@media(max-width:960px){.export-spec,.export-result,.export-preview,#cancel-export,#record-status{grid-column:1/-1}}.sidebar>.export-spec{display:block}#record-status{display:block}@media(max-width:960px){.sidebar>#record{grid-column:1/-1}}.toronto-view{margin-top:18px}.toronto-view button{white-space:nowrap}@media(max-width:960px){.sidebar>.toronto-view{grid-column:1/-1}}.map-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;min-height:36px}.map-heading .speed-options button{min-height:36px;padding:8px 15px;font-size:12px}.map-hint{font-size:10px;color:var(--muted);text-align:right}#explore-atlas{touch-action:none;cursor:grab}#explore-atlas:active{cursor:grabbing}#explore-atlas:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}#explore-tools{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:3px;padding:4px;border:1px solid #344552;border-radius:5px;background:#0d1724ed;box-shadow:0 4px 16px #0003}#explore-tools button{background:none;border:0;border-radius:3px;color:#cfdae1;min-width:36px;min-height:36px;padding:7px 9px;font-size:11px}#explore-tools button:hover{background:#243542;color:#fff}#map-zoom-in,#map-zoom-out{font-size:22px!important;padding:3px!important}#map-zoom{min-width:36px;text-align:center;font-size:10px;color:#91a3b1;font-variant-numeric:tabular-nums}#river-tooltip{position:absolute;z-index:2;max-width:235px;padding:10px 12px;border:1px solid #425360;border-radius:4px;background:#0b1522f2;box-shadow:0 5px 22px #0005;pointer-events:none;font-size:12px;color:#e6edf1}#tooltip-name{display:block;font-weight:600}#tooltip-detail{display:block;margin-top:5px;font-size:10px;line-height:1.5;color:#a4b6c3}#river-browser{margin:22px 0 18px}#river-browser>label{display:block;margin:0 0 9px;font-size:11px;color:#a7b7c2}#river-search{width:100%;min-height:40px;border:1px solid #344452;border-radius:4px;padding:10px 12px;font:inherit;font-size:12px;background:#101c29;color:#e2eaf0}#river-search::placeholder{color:#718594}#river-results{display:flex;flex-direction:column;gap:2px;max-height:180px;overflow-y:auto;margin-top:7px;scrollbar-width:thin;scrollbar-color:#354a58 transparent}#river-results button{display:flex;align-items:center;gap:9px;width:100%;min-height:34px;border:1px solid transparent;border-radius:3px;background:none;padding:7px 9px;text-align:left;font-size:11px;color:#b6c5ce}#river-results button:hover,#river-results button[aria-pressed=true]{background:#172a35;border-color:#36505d;color:#e2eef4}#river-results .river-swatch{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--river-color,var(--accent))}#river-results .river-result-meta{margin-left:auto;font-size:9px;color:#7d94a3}#map-summary{font-size:10px;line-height:1.7;margin:12px 0 0;color:#859ba8}#river-detail{margin-top:17px;border-top:1px solid #2b3c48;padding-top:17px}#river-name{font-family:DM Sans,Arial,sans-serif;font-size:22px;font-weight:500;line-height:1.2;margin:0;color:var(--river-color,var(--ink))}#river-receiver{font-size:11px;line-height:1.65;margin:8px 0 16px;color:#a3b6c3}#river-detail dl{margin:0}#river-detail dl>div{display:flex;justify-content:space-between;gap:15px;margin:10px 0;font-size:10px;line-height:1.5}#river-detail dt{color:#8196a4}#river-detail dd{margin:0;text-align:right;color:#d0dce4;font-variant-numeric:tabular-nums}#river-clear{margin-top:5px;font-size:10px;color:var(--accent)}.capture .map-heading,.capture #explore-atlas,.capture #explore-tools,.capture #river-tooltip{display:none!important}.capture #atlas[hidden]{display:block!important}@media(max-width:960px){.sidebar>#river-browser{grid-column:1/-1;margin:12px 0 20px}#river-results{max-height:136px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 8px}#river-results button{min-width:0}#river-detail dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#river-detail dl>div{display:block;margin:0}#river-detail dd{text-align:left;margin-top:5px}#explore-tools{top:10px;right:10px}.map-heading{margin-bottom:10px}.map-hint{font-size:9px}.map-heading .speed-options button{padding:8px 13px}#river-tooltip{max-width:210px}}@media(max-width:480px){#explore-tools{gap:0;padding:3px}#explore-tools button{padding:6px;font-size:10px}#map-zoom{min-width:30px}.map-hint{max-width:130px;line-height:1.5}#river-detail dl{gap:10px}#river-results .river-result-meta{display:none}}#explore-distance{width:100%;height:2px;accent-color:var(--accent);cursor:pointer}#explore-distance-label{font-size:10px;color:#92a9b7;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:64px;text-align:right}@media(min-width:961px){.exploring .film{position:sticky;top:20px}}#explore-atlas{aspect-ratio:auto}#river-detail a{color:var(--accent);text-underline-offset:2px;overflow-wrap:anywhere}#drainage-source-row dd{max-width:175px}.selection-scope{display:flex;gap:5px;margin:0 0 16px}.selection-scope[hidden]{display:none}.selection-scope button{border:1px solid #344452;border-radius:3px;background:#101c29;color:#8fa4b0;padding:7px 8px;font-size:10px}.selection-scope button[aria-pressed=true]{border-color:#52756b;color:#b9e5d6;background:#162d27}.selection-scope button:disabled{opacity:.45;cursor:default}