:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff3da;font-synthesis:none;background:#1b110c;font-family:Courier New,ui-monospace,monospace}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body{background:radial-gradient(circle at 50% 30%,#4a2f1b 0,#1b110c 56%,#0d0705 100%);width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;place-items:center;min-height:100dvh;display:grid}button,kbd{font:inherit}button{color:#fff3da;cursor:pointer;border:0}#game-shell{aspect-ratio:16/9;isolation:isolate;background:#1f3438;border:clamp(0px,.35vw,4px) solid #3c2317;width:min(100vw,177.778dvh);max-width:1280px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #a8562e,0 24px 80px #000a}#game-shell:after{z-index:20;pointer-events:none;content:"";mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000 0 2px,#00000014 3px,#0000 4px);position:absolute;inset:0}#game{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;display:block}.panel{z-index:10;text-align:center;text-shadow:2px 3px #3c2317;background:linear-gradient(#1b110c47,#1b110cd6),repeating-linear-gradient(135deg,#ffbe2e0d 0 2px,#0000 2px 9px);flex-direction:column;justify-content:center;align-items:center;padding:clamp(18px,4vw,48px);display:none;position:absolute;inset:0}.panel.is-visible{animation:.26s steps(5,end) both panel-in;display:flex}#end-screen{scrollbar-width:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#140d0ac7,#0d0705f0),repeating-linear-gradient(135deg,#ffbe2e0a 0 2px,#0000 2px 9px);justify-content:safe center;gap:clamp(5px,1vh,12px);padding:clamp(10px,2vh,28px) clamp(18px,4vw,48px);overflow-y:auto}#end-screen h2{font-size:clamp(28px,5.2vw,60px);line-height:.9}#end-screen .panel-actions{gap:8px}#end-screen .panel-actions>button:not(.secondary-button){min-width:min(260px,70vw);padding:11px 18px 9px;font-size:clamp(13px,1.7vw,19px)}#end-screen .eyebrow{margin:0}#end-screen .tagline{max-width:620px;margin:0;font-size:clamp(11px,1.5vw,17px)}#end-screen[data-reason=orca],#end-screen[data-reason=rampMiss]{-webkit-backdrop-filter:none;backdrop-filter:none}#end-screen[data-reason=orca]{background:radial-gradient(circle at 50% 42%,#e6482e4d,#0000 36%),linear-gradient(#0000007a,#261810eb),repeating-linear-gradient(135deg,#7c2d332e 0 4px,#0000 4px 12px)}#end-screen[data-reason=orca]:before{pointer-events:none;content:"";opacity:.82;background:linear-gradient(#e6482e,#e6482e) 8% 0/7% 9% no-repeat,linear-gradient(#e6482e,#e6482e) 11% 0/2% 18% no-repeat,linear-gradient(#7c2d33,#7c2d33) 72% 0/10% 7% no-repeat,linear-gradient(#7c2d33,#7c2d33) 76% 0/3% 15% no-repeat,linear-gradient(#e6482e,#e6482e) 90% 0/5% 12% no-repeat;animation:.7s steps(7,end) both blood-drip;position:absolute;inset:0}#end-screen[data-reason=orca].is-visible h2{color:#e6482e;text-shadow:4px 4px #7c2d33,8px 8px #000;animation:.62s steps(6,end) both orca-title-thump}#end-screen[data-reason=orca] .tagline{color:#fff3da}#end-screen[data-reason=win]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#140d0a94,#140d0abd 45%,#0d0705f2 100%);justify-content:flex-end;padding:clamp(10px,1.8vw,22px)}#end-screen[data-reason=win] h2{color:#ffbe2e;text-shadow:3px 3px #a8562e,6px 6px #3c2317;font-size:clamp(38px,7vw,82px)}#end-screen[data-reason=win] .tagline{color:#fff3da;max-width:640px;margin:8px 0}#end-screen[data-reason=win] .results{margin:2px 0 8px}#end-screen[data-reason=win] .panel-actions{flex-direction:row;gap:8px}#end-screen[data-reason=win] .panel-actions>button{min-width:0;padding:8px 14px 6px;font-size:clamp(10px,1.35vw,15px)}#end-screen[data-reason=rampMiss]{background:linear-gradient(#1a12108c 0 26%,#1f3438b8 48%,#140d0af7 100%);justify-content:flex-end;padding:clamp(10px,1.8vw,22px)}#end-screen[data-reason=rampMiss] h2{color:#d8c5a5;text-shadow:3px 3px #1f3438,6px 6px #1b110c;font-size:clamp(34px,6vw,72px)}#end-screen[data-reason=rampMiss] .tagline{color:#94788a;max-width:640px;margin:8px 0}#end-screen[data-reason=rampMiss] .results{margin:2px 0 8px}#end-screen[data-reason=rampMiss] .panel-actions{flex-direction:row;gap:8px}#start-screen{background:linear-gradient(90deg,#0000 0 14%,#101a1c6b 27%,#101a1c99 50%,#101a1c6b 73%,#0000 86% 100%)}#start-screen h1{font-size:clamp(46px,8.5vw,104px)}#start-screen .tagline{max-width:min(430px,44%)}#start-screen .controls{max-width:min(470px,46%)}#start-screen .controls-hint{max-width:min(430px,44%)}#start-screen .panel-actions>button:not(.secondary-button){min-width:min(260px,40%)}@media (width<=720px){#start-screen .tagline{max-width:88%}}.pause-panel{z-index:18;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d0705c7}.pause-panel h2{color:#ffbe2e;margin-bottom:clamp(24px,5vw,48px)}@keyframes panel-in{0%{opacity:0;transform:scale(1.04)}}@keyframes blood-drip{0%{opacity:0;transform:translateY(-24px)}}@keyframes orca-title-thump{0%{opacity:0;transform:scale(1.8)rotate(-4deg)}55%{opacity:1;transform:scale(.92)rotate(2deg)}75%{transform:scale(1.08)rotate(-1deg)}}.eyebrow{color:#ffbe2e;letter-spacing:.18em;text-transform:uppercase;margin:0 0 8px;font-size:clamp(10px,1.5vw,18px);font-weight:700}h1,h2{letter-spacing:-.08em;margin:0;font-weight:900;line-height:.75}h1{color:#f4846e;max-width:100%;font-size:clamp(52px,10.5vw,128px);transform:skew(-4deg)}h1 span{color:#f5871f;margin-left:.35em;display:inline-block}h2{color:#e6482e;font-size:clamp(54px,10vw,124px)}.tagline{color:#d8c5a5;max-width:520px;margin:clamp(12px,2vw,22px) 0;font-size:clamp(12px,1.65vw,20px);font-weight:700}.controls{background:#1b110ccc;border:2px solid #4aa8a2;flex-wrap:wrap;justify-content:center;gap:clamp(14px,2.6vw,36px);max-width:min(620px,92%);padding:clamp(10px,1.6vw,16px) clamp(16px,2.6vw,30px);display:flex;box-shadow:0 4px #140b07}.controls div{align-items:center;gap:5px;display:flex}.controls span{color:#fff3da;white-space:nowrap;margin-left:4px;font-size:clamp(11px,1.35vw,16px);font-weight:700}.controls-hint{color:#d8c5a5;margin:clamp(8px,1.4vw,14px) 0 clamp(14px,2.6vw,26px);font-size:clamp(10px,1.2vw,14px)}kbd{color:#fff3da;background:#3c2317;border:2px solid #4aa8a2;place-items:center;min-width:2.1em;min-height:2em;padding:.28em .5em;font-size:clamp(10px,1.1vw,14px);font-weight:900;display:grid;box-shadow:0 3px #000}.panel-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.secondary-actions{justify-content:center;gap:10px;display:flex}.secondary-actions>.secondary-button{color:#fff3da;background:#3c2317;border-color:#4aa8a2;min-width:0;padding:10px 18px 8px;font-size:clamp(11px,1.5vw,15px);box-shadow:0 4px #140b07,0 6px #0008}.panel>button,.panel-actions>button,.secondary-actions>button,.tip-card>button{color:#3c2317;letter-spacing:.08em;background:#ffbe2e;border:3px solid #fff3da;min-width:min(280px,76vw);padding:14px 20px 12px;font-size:clamp(14px,2vw,22px);font-weight:900;box-shadow:0 5px #a8562e,0 8px #0008}.panel-actions>.secondary-button{color:#fff3da;background:#3c2317;border-color:#4aa8a2;min-width:min(220px,68vw);padding:10px 16px 8px;font-size:clamp(12px,1.6vw,16px);box-shadow:0 4px #140b07,0 6px #0008}.panel>button:hover,.panel>button:focus-visible,.panel-actions>button:hover,.panel-actions>button:focus-visible,.secondary-actions>button:hover,.secondary-actions>button:focus-visible,.tip-card>button:hover,.tip-card>button:focus-visible{color:#fff3da;background:#e6482e;outline:3px solid #4aa8a2;transform:translateY(-2px)}.panel>button:active,.panel-actions>button:active,.secondary-actions>button:active,.tip-card>button:active{transform:translateY(3px);box-shadow:0 2px #a8562e}.tip-panel{text-align:left;background:linear-gradient(#0000 55%,#1b110c6b 100%);flex-direction:row;justify-content:flex-end;align-items:flex-end;padding:0 clamp(14px,3vw,40px) clamp(20px,5vw,52px) 0}.tip-card{background:#1b110ce0;border:3px solid #4aa8a2;flex-direction:column;align-items:center;gap:8px;max-width:min(380px,44vw);padding:clamp(14px,2vw,24px);display:flex;box-shadow:0 5px #140b07,0 9px #0008}.tip-panel h2{color:#ffbe2e;letter-spacing:-.04em;text-align:center;white-space:nowrap;font-size:clamp(16px,3.1vw,26px)}.tip-panel .tagline{color:#fff3da;text-align:left;margin:4px 0 8px}.tip-card>button{min-width:0;padding:10px 18px 8px;font-size:clamp(12px,1.6vw,17px)}.tip-card .fine-print{margin:6px 0 0}@media (width<=720px){.tip-panel{padding-right:10px}.tip-card{max-width:78vw}}#end-screen[data-reason=orca] .panel-actions>button:not(.secondary-button){color:#fff3da;background:#e6482e;box-shadow:0 5px #7c2d33,0 8px #0008}.fine-print{color:#94788a;margin:14px 0 0;font-size:clamp(8px,1vw,12px)}.results{gap:clamp(16px,5vw,54px);margin:6px 0 clamp(20px,4vw,38px);display:flex}#end-screen .results{background:#1b110cc7;border:2px solid #4aa8a2;margin:clamp(2px,.6vh,8px) 0;padding:clamp(6px,1.2vh,12px) clamp(16px,3vw,34px);box-shadow:0 4px #140b07}#end-screen .results strong{font-size:clamp(18px,2.8vw,36px)}.results div{gap:4px;display:grid}.results div[hidden]{display:none}.results span{color:#4aa8a2;text-transform:uppercase;font-size:clamp(9px,1.2vw,14px)}.results strong{color:#fff3da;font-size:clamp(20px,3.4vw,42px)}.end-river-recap{color:#fff3da;text-align:left;background:#29adff1a;border-left:4px solid #29adff;gap:3px;width:min(640px,94%);padding:7px 11px;display:grid}.end-river-recap[hidden]{display:none}.end-river-recap strong{color:#ffbe2e;text-transform:uppercase;font-size:clamp(10px,1.2vw,13px)}.end-river-recap span,.end-river-recap a{font-size:clamp(9px,1.05vw,12px);line-height:1.4}.end-river-recap a{color:#29adff}#session-score-result[data-goal=high] strong{color:#4aa8a2}#session-score-result[data-goal=pro] strong{color:#f5871f}#session-score-result[data-goal=sick] strong{color:#ffbe2e;text-shadow:2px 2px #a8562e,4px 4px #3c2317}.journey-stats{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,2vw,22px);width:min(820px,96%);margin:0;display:grid}.journey-stats[hidden]{display:none}.journey-stats section{background:#261810d1;border:2px solid #4aa8a2;min-width:0;padding:clamp(8px,1.4vw,14px);box-shadow:0 4px #140b07}.journey-stats .journey-bad{border-color:#f4846e}.journey-stats h3{color:#ffbe2e;letter-spacing:.06em;margin:0 0 8px;font-size:clamp(9px,1.2vw,13px)}.journey-stats .journey-bad h3{color:#f4846e}.item-grid{flex-wrap:wrap;gap:clamp(6px,.9vw,10px);display:flex}.item-card{background:#1b110cc7;border:1px solid #d8c5a54d;justify-items:center;gap:1px;width:clamp(64px,7.4vw,86px);margin:0;padding:5px 3px 4px;display:grid;position:relative}.item-icon{width:clamp(30px,3.6vw,44px);height:clamp(30px,3.6vw,44px);image-rendering:pixelated;image-rendering:crisp-edges}.item-card strong{color:#ffbe2e;font-size:clamp(13px,1.6vw,19px);line-height:1}.journey-bad .item-card strong{color:#f4846e}.item-card figcaption{color:#d8c5a5;text-align:center;text-transform:uppercase;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:clamp(6px,.75vw,9px);line-height:1.15;display:-webkit-box;overflow:hidden}.item-grid-empty{color:#94788a;margin:2px 0;font-size:clamp(9px,1.1vw,12px)}#mute-button{z-index:21;color:#d8c5a5;background:#261810b3;border:1px solid #4aa8a2;padding:6px 8px;font-size:clamp(8px,.9vw,11px);font-weight:700;position:absolute;top:10px;right:10px}#touch-controls{right:0;bottom:max(12px, env(safe-area-inset-bottom));z-index:22;pointer-events:none;justify-content:center;gap:16px;display:none;position:absolute;left:0}#touch-controls button{color:#fff3da;pointer-events:auto;touch-action:none;background:#261810c2;border:2px solid #4aa8a2;width:62px;height:48px;font-size:18px;font-weight:900;box-shadow:0 4px #00000073}#touch-controls button[data-control=action]{color:#3c2317;background:#ffbe2ee0;border-color:#fff3da;width:82px;font-size:12px}#start-screen.is-visible~#touch-controls,#end-screen.is-visible~#touch-controls,#training-tip.is-visible~#touch-controls,#pause-menu.is-visible~#touch-controls{display:none}@media (pointer:coarse),(width<=720px){#touch-controls{justify-content:flex-start;gap:8px;padding:0 10px;display:flex}#touch-controls button{width:52px;height:40px}#touch-controls button[data-control=action]{width:72px;margin-left:auto}.controls,.controls-hint{display:none}.fine-print{visibility:hidden}#mute-button{top:6px;right:6px}}.map-panel{background:linear-gradient(#1b110c1a,#1b110c7a),repeating-linear-gradient(135deg,#ffbe2e0a 0 2px,#0000 2px 9px);justify-content:flex-start;gap:clamp(8px,1.5vw,16px);padding-top:clamp(14px,2.5vw,28px)}.map-panel .map-layout{flex:1;grid-template-rows:minmax(0,1fr);min-height:0}.map-layout{grid-template-columns:minmax(196px,.56fr) minmax(0,1.55fr) minmax(250px,.78fr);align-items:stretch;gap:clamp(10px,1.6vw,20px);width:min(100%,1220px);display:grid}.river-list{background:#1b110cd1;border:2px solid #a8562e;flex-direction:column;min-height:300px;max-height:100%;display:flex;overflow:hidden}.river-list-heading{color:#ffbe2e;letter-spacing:.18em;border-bottom:2px solid #a8562e99;margin:0;padding:10px 12px 8px;font-size:11px;font-weight:700}.river-list-items{scrollbar-width:thin;scrollbar-color:#a8562e transparent;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.river-list-item{text-align:left;background:0 0;border-bottom:1px solid #a8562e47;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:8px 10px 8px 9px;transition:background .14s,border-color .14s;display:flex}.river-list-item:hover{background:#a8562e38}.river-list-item:focus-visible{outline-offset:-2px;outline:2px solid #fff3da}.river-list-item.is-selected{background:#e6482e2e;border-left-color:#e6482e}.river-list-index{color:#fff3da73;font-size:10px;font-weight:700}.river-list-item.is-selected .river-list-index{color:#e6482e}.river-list-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.river-list-name{color:#fff3da;letter-spacing:.08em;font-size:13px;font-weight:900}.river-list-item.is-selected .river-list-name{color:#ffbe2e}.river-list-meta{color:#fff3da9e;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.river-list-done{color:#ffbe2e;font-size:10px}.river-list-hint{color:#fff3da9e;letter-spacing:.06em;border-top:2px solid #a8562e99;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin:0;padding:7px 8px;font-size:9px;display:flex}.river-list-hint kbd{border-width:1px;min-width:auto;min-height:auto;padding:1px 4px;font-size:8px;box-shadow:0 1px #000}.map-root{background:#1f3438;border:2px solid #a8562e;flex-direction:column;min-height:300px;display:flex;position:relative;overflow:hidden}.na-map{background:linear-gradient(#254d58,#1f3438);flex:1;width:100%;min-height:270px;display:block}.na-map.is-zoomed{cursor:zoom-out}.na-map-graticule path{fill:none;stroke:#fff3da1a;stroke-width:1px;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.na-map-land path{fill:#4f6d31;stroke:#16282c;stroke-width:1.2px;vector-effect:non-scaling-stroke}.na-topo-base{fill:#4f6d31;background-color:#4f6d31}.na-topo-200{fill:#5e7a36;background-color:#5e7a36}.na-topo-500{fill:#7c853c;background-color:#7c853c}.na-topo-1000{fill:#9d8a4b;background-color:#9d8a4b}.na-topo-2000{fill:#8a5f3c;background-color:#8a5f3c}.na-topo-3500{fill:#eee1c3;background-color:#eee1c3}.na-map-terrain path{stroke:#1a121038;stroke-width:.7px;vector-effect:non-scaling-stroke;pointer-events:none}.na-terrain-labels{pointer-events:none;transition:opacity .24s}.na-map.is-zoomed .na-terrain-labels{opacity:0}.na-terrain-label{fill:#fff3da8c;letter-spacing:.28em;paint-order:stroke;stroke:#14232859;stroke-width:2.5px;stroke-linejoin:round;font-family:Courier New,ui-monospace,monospace;font-size:12px;font-weight:700}.na-water-label{fill:#fff3da61;letter-spacing:.28em;font-family:Courier New,ui-monospace,monospace;font-size:11px;font-weight:700}.na-map-endpoint{stroke-width:1.6px;vector-effect:non-scaling-stroke;pointer-events:none}.na-map-endpoint.is-source{fill:#1f3438;stroke:#ffbe2e}.na-map-endpoint.is-mouth{fill:#29adff;stroke:#fff3da}.na-map-endpoint-label{fill:#fff3da;letter-spacing:.06em;paint-order:stroke;stroke:#1f3438;stroke-width:3px;stroke-linejoin:round;pointer-events:none;opacity:0;font-family:Courier New,ui-monospace,monospace;font-weight:700;transition:opacity .26s}.na-map.is-zoomed .na-map-endpoint-label{opacity:1}.na-map-features{animation:.42s .3s both na-feature-fade}@keyframes na-feature-fade{0%{opacity:0}to{opacity:1}}.na-map-feature{cursor:help;outline:none}.na-map-feature-dot{fill:#ffbe2e;stroke:#1a1210;stroke-width:1.4px;vector-effect:non-scaling-stroke}.na-map-feature:hover .na-map-feature-dot,.na-map-feature:focus-visible .na-map-feature-dot{fill:#fff3da;stroke:#e6482e}.na-map-feature-label{fill:#fff3da;letter-spacing:.06em;paint-order:stroke;stroke:#17282ce0;stroke-linejoin:round;font-weight:700}.na-map-feature-label.is-area{fill:#fff3daad;letter-spacing:.26em}.na-map-river{color:#35c5ff;opacity:.95}.na-map-river.is-selected{color:#ffbe2e;opacity:1}.na-map-river-casing{fill:none;stroke:#0b191e9e;stroke-width:4.6px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.na-map-river.is-selected .na-map-river-casing{stroke-width:7px}.na-map-river-line{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.na-map-river.is-selected .na-map-river-line{stroke-width:4.5px;filter:drop-shadow(0 0 3px #ffbe2e99)}.na-map-river-hit{fill:none;stroke:#0000;stroke-width:14px;cursor:pointer;pointer-events:stroke;vector-effect:non-scaling-stroke}.na-map-river-hit:focus{stroke:#fff3da59;outline:none}.na-map-pin{fill:#ffbe2e;stroke:#fff3da;stroke-width:2px;cursor:pointer;vector-effect:non-scaling-stroke;transition:opacity .24s,visibility linear}.na-map.is-zoomed .na-map-pin,.na-map.is-zoomed .na-map-label{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s,visibility 0s linear .24s}.na-map-pin.is-selected,.na-map-pin:focus{fill:#e6482e;outline:none}.na-map-label{fill:#fff3da;paint-order:stroke;stroke:#1f3438;stroke-width:4px;stroke-linejoin:round;pointer-events:none;vector-effect:non-scaling-stroke;font-family:Courier New,ui-monospace,monospace;font-size:15px;font-weight:700;transition:opacity .24s,visibility linear}.na-orca-layer{transition:opacity .24s}.na-map.is-zoomed .na-orca-layer{opacity:0;pointer-events:none}.na-orca-marker{cursor:pointer;filter:drop-shadow(0 1px 2px #0a10128c)}.na-orca-marker:focus{outline:none}.na-orca-body{fill:#1a1210;stroke:#0b1316;stroke-width:1px;vector-effect:non-scaling-stroke}.na-orca-fin{fill:#1a1210}.na-orca-belly{fill:#fff3da}.na-orca-saddle{fill:#8a9a97;opacity:.6}.na-orca-eye-patch{fill:#fff3da}.na-orca-eye{fill:#1a1210}.na-orca-marker:hover .na-orca-body,.na-orca-marker:focus .na-orca-body{stroke:#ffbe2e;stroke-width:2px}.na-orca-label{fill:#fff3da;letter-spacing:.05em;paint-order:stroke;stroke:#14232a;stroke-width:3px;stroke-linejoin:round;pointer-events:none;font-family:Courier New,ui-monospace,monospace;font-weight:700}.na-orca-swim{transform-box:fill-box;transform-origin:50%;animation:3.6s ease-in-out infinite na-orca-swim}.na-orca-tail{transform-box:fill-box;transform-origin:0;animation:.85s ease-in-out infinite na-orca-tail}@keyframes na-orca-swim{0%,to{transform:translate(0)rotate(-2deg)}50%{transform:translate(-3px,-2px)rotate(2deg)}}@keyframes na-orca-tail{0%,to{transform:rotate(11deg)}50%{transform:rotate(-11deg)}}.na-orca-caption{color:#fff3da;background:#17282c;border-top:2px solid #1a1210;min-height:1.2em;margin:0;padding:7px 9px;font-size:10.5px;line-height:1.4}.na-orca-caption.is-zoomed{color:#d8c5a5}.na-orca-label{display:none}.map-zoom-actions{z-index:2;position:absolute;top:8px;right:8px}.map-zoom-button{background:#1f3438e0;border-color:#fff3da;min-width:auto;padding:7px 9px;font-size:10px}.na-map-legend{color:#fff3da;letter-spacing:.04em;background:#17282c;border-top:2px solid #1a1210;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0;padding:5px 9px;font-family:Courier New,ui-monospace,monospace;font-size:9px;display:flex}.na-map-legend-title{letter-spacing:.14em;color:#d8c5a5;font-weight:700}.na-map-legend-item{align-items:center;gap:4px;display:inline-flex}.na-map-legend-swatch{border:1px solid #1a121099;width:10px;height:10px;display:inline-block}.map-attribution{color:#fff3da;text-align:right;background:#1f3438;margin:0;padding:4px 7px;font-size:9px}.map-attribution a{color:#29adff}.level-card{text-align:left;scrollbar-width:thin;scrollbar-color:#a8562e transparent;background:#1b110cc7;border:2px solid #a8562e;flex-direction:column;align-items:flex-start;gap:6px;min-height:220px;padding:clamp(10px,1.6vw,16px);display:flex;overflow-y:auto}.level-card h2{margin:0;font-size:clamp(20px,2.6vw,27px)}.level-card .eyebrow{margin:0;font-size:clamp(9px,1vw,12px)}.level-card .tagline{margin:0;font-size:clamp(11px,1.3vw,14px)}.level-card .fine-print{margin:0}.level-card .panel-actions{background:linear-gradient(#1b110c00,#1b110c 14%);gap:7px;width:100%;margin-top:auto;margin-bottom:calc(-1*clamp(10px,1.6vw,16px));padding-top:14px;padding-bottom:clamp(10px,1.6vw,16px);position:sticky;bottom:calc(-1*clamp(10px,1.6vw,16px))}.level-card .panel-actions>button:not(.secondary-button){width:100%;min-width:0;padding:10px 14px 8px;font-size:clamp(12px,1.5vw,16px)}.card-secondary-row{gap:7px;width:100%;display:flex}.card-secondary-row>button{color:#fff3da;letter-spacing:.06em;background:#3c2317;border:3px solid #4aa8a2;flex:1;min-width:0;padding:7px 8px 5px;font-size:clamp(10px,1.15vw,12px);font-weight:900;box-shadow:0 3px #140b07,0 5px #0008}.card-secondary-row>button:hover,.card-secondary-row>button:focus-visible{border-color:#ffbe2e;outline:none}.map-river-highlights{color:#ffbe2e;margin:0;font-size:13px;line-height:1.45}.river-facts{background:#1f34388c;border:1px solid #a8562e73;grid-template-columns:1fr 1fr;gap:8px 14px;width:100%;margin:2px 0;padding:9px 12px 10px;display:grid}.river-fact{flex-direction:column;gap:3px;min-width:0;display:flex}.river-fact.is-hero{border-bottom:1px solid #a8562e73;grid-column:1/-1;padding-bottom:6px}.river-fact-label{color:#ffbe2e;letter-spacing:.16em;text-transform:uppercase;font-size:clamp(9px,1vw,11px);font-weight:700}.river-fact-value{color:#fff3da;font-size:clamp(12px,1.4vw,15px);font-weight:700;line-height:1.35}.river-fact.is-hero .river-fact-value{font-size:clamp(21px,2.7vw,30px);line-height:1.05}.river-terrain{color:#fff3dae6;border-left:3px solid #4aa8a2;margin:0;padding-left:10px;font-size:clamp(11.5px,1.3vw,14px);line-height:1.55}.river-learn-details{border-top:1px solid #a8562e8c;gap:8px;padding-top:4px;display:grid}.river-learn-details p{margin:0}.river-learn-details .fine-print{color:#b6a08e;font-size:11.5px;line-height:1.5}.map-accuracy-note{color:#fff3da;background:#29adff1f;border-left:3px solid #29adff;padding:8px;font-size:11px;line-height:1.5}.field-note-dossier{background:#ffa30014;border-left:3px solid #ffa300;gap:6px;padding:8px;display:grid}.field-note-dossier h4{color:#ffa300;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px}.field-note-list{gap:7px;max-height:220px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.field-note-list li{gap:2px;display:grid}.field-note-text{color:#e8d5c4;font-size:11.5px;line-height:1.45}.field-note-source{color:#29adff;font-size:10px;text-decoration:none}.field-note-source:hover,.field-note-source:focus-visible{text-decoration:underline}.river-dossier{background:#29adff12;border-left:3px solid #29adff;gap:6px;padding:8px;display:grid}.river-dossier h4{color:#29adff;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:11px}.river-dossier strong{color:#c2c3c7}.pathway-list{gap:6px;margin:0;padding:0 0 0 18px;display:grid}.pathway-list li{gap:2px;display:grid}.pathway-reach{color:#ffa300;letter-spacing:.05em;font-size:10.5px}.pathway-behavior{color:#e8d5c4;font-size:11.5px;line-height:1.45}.study-list{gap:8px;max-height:260px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.study-list li{gap:2px;display:grid}.study-finding{color:#e8d5c4;font-size:11.5px;line-height:1.45}.study-cite{color:#83769c;letter-spacing:.05em;font-size:10px}.map-visit-link{color:#29adff;font-size:12px}@media (width<=1020px){.map-layout{grid-template-columns:minmax(0,1.55fr) minmax(240px,.78fr)}.river-list{grid-column:1/-1;min-height:0}.river-list-items{flex-direction:row;overflow:auto hidden}.river-list-item{border-top:3px solid #0000;border-bottom:none;border-left:none;flex:none;width:auto}.river-list-item.is-selected{border-top-color:#e6482e}.river-list-hint{display:none}}@media (width<=720px){.map-layout{grid-template-columns:1fr}.river-list{grid-column:auto}.map-root,.level-card{min-height:220px}.na-map{min-height:230px}}@media (prefers-reduced-motion:reduce){.panel.is-visible,#end-screen[data-reason=orca]:before,#end-screen[data-reason=orca].is-visible h2,.na-orca-swim,.na-orca-tail{animation:none}}.landmark-inspector{pointer-events:none;z-index:6;position:absolute;inset:0}.landmark-caption{color:#ffe9c2;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;background:#0d0705e6;border:1px solid #6b4a2f;border-radius:6px;max-width:42vw;padding:4px 9px;font-size:clamp(10px,1.15vw,14px);position:fixed;transform:translate(-50%,calc(-100% - 12px));box-shadow:0 3px 10px #00000080}.landmark-caption:after{content:"";background:#0d0705e6;border-bottom:1px solid #6b4a2f;border-right:1px solid #6b4a2f;width:8px;height:8px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.landmark-caption[hidden],.landmark-card[hidden]{display:none}.landmark-card{color:#fff3da;pointer-events:auto;background:linear-gradient(#1c120cf7,#0f0906f7);border:1px solid #7a5433;border-radius:10px;width:min(340px,46%);padding:clamp(12px,1.6vw,18px);position:absolute;bottom:clamp(8px,2.6%,24px);left:clamp(8px,2.2%,22px);box-shadow:0 10px 26px #0000008c}.landmark-card__close{color:#d8b489;background:0 0;border-radius:6px;width:26px;height:26px;font-size:18px;line-height:1;position:absolute;top:6px;right:8px}.landmark-card__close:hover{background:#ffe9c21f}.landmark-card__kind{letter-spacing:.18em;text-transform:uppercase;color:#c98d4f;margin:0 0 2px;font-size:clamp(9px,1vw,11px)}.landmark-card__title{letter-spacing:.02em;color:#ffd9a0;margin:0 0 6px;font-size:clamp(15px,1.9vw,21px)}.landmark-card__blurb{color:#f6e7cd;margin:0;font-size:clamp(11px,1.3vw,15px);line-height:1.42}.landmark-card__note{color:#cdb083;border-left:2px solid #7a5433;margin:8px 0 0;padding-left:10px;font-size:clamp(10px,1.15vw,13px);font-style:italic}.landmark-card__source{letter-spacing:.04em;color:#d8b4899e;border-bottom:1px dotted #d8b48966;margin-top:12px;font-size:clamp(9px,1vw,11px);text-decoration:none;display:inline-block}.landmark-card__source:hover,.landmark-card__source:focus-visible{color:#ffd9a0e6}#game.landmark-hover{cursor:pointer}@media (width<=620px){.landmark-card{width:min(320px,74%)}}