:root{--ink:#163b37;--muted:#57716a;--line:#d6e1d9;--paper:#f7f8f2;--green:#176858;--coral:#e79377}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif}header{padding:22px 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:2px;font-size:16px;text-decoration:none;color:var(--ink)}.logo span{color:var(--green)}nav{display:flex;align-items:center;gap:22px}a{color:var(--green)}nav a{font-size:13px;text-decoration:none}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:white;color:var(--ink);border-radius:8px;padding:10px 14px}button:hover{border-color:var(--green);background:#edf4eb}button:focus-visible,a:focus-visible{outline:3px solid #c17752;outline-offset:4px}main{max-width:1300px;margin:auto;padding:38px 5%}.intro{display:flex;justify-content:space-between;gap:25px;margin-bottom:30px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase;color:var(--green)}h1,h2,h3{font-family:'Space Grotesk',system-ui,sans-serif}h1{font-size:clamp(30px,4vw,49px);font-weight:500;letter-spacing:-2px;margin:10px 0}p{line-height:1.65}.intro p:last-child{color:var(--muted);max-width:640px;font-size:15px;margin-bottom:0}.mission-number{font-family:'Space Grotesk',sans-serif;font-size:60px;color:#9db3a5;text-align:right;line-height:1.2}.mission-number span{display:block;font:11px 'DM Sans',sans-serif;letter-spacing:2px}.layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:22px}.map-panel{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white}.map-title{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;gap:12px}.map-title h2{font-size:17px;margin:0}.map-title span{font-size:12px;color:var(--muted)}.reserve-map{position:relative;background:#dbe6d3}.reserve-map>svg{display:block;width:100%}.pin{position:absolute;transform:translate(-50%,-50%);font-size:12px;font-weight:700;box-shadow:0 4px 16px #173c3720;white-space:nowrap;padding:10px 13px;background:#fffef7;border:1px solid #fff;border-radius:25px}.pin.visited:before{content:'✓ ';color:var(--green)}.pin:hover{transform:translate(-50%,-50%) scale(1.04)}.map-key{position:absolute;bottom:12px;left:16px;font-size:10px;letter-spacing:1px;color:#34574b}.lake-status{padding:15px 20px;font-size:13px;display:flex;flex-wrap:wrap;gap:15px;border-top:1px solid var(--line)}.case-panel{background:#173f38;color:#f4f6ec;border-radius:16px;padding:25px}.case-panel p{font-size:14px;color:#d5e2d5}.case-panel h2{font-size:25px;line-height:1.2;font-weight:500}.case-panel .eyebrow{color:#e9ad8f}.task{display:flex;align-items:flex-start;gap:10px;font-size:13px;margin:14px 0;line-height:1.5}.task span:first-child{color:#e6ad8e}.primary{background:#e6aa8a;color:#183f37;border:0;font-weight:700}.primary:hover{background:#f2bda0}.case-panel .primary{width:100%;margin-top:12px}.notebook{margin-top:28px}.notebook-head{display:flex;justify-content:space-between;align-items:center}.notebook-head h2{font-size:20px}.notebook-head button{font-size:12px}#evidenceCards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.evidence-card{border:1px solid var(--line);border-radius:12px;padding:18px;background:#fff}.evidence-card.empty{background:transparent;border-style:dashed}.evidence-card h3{font-size:14px;margin:7px 0}.evidence-card p{font-size:12px;color:var(--muted);margin-bottom:0}.evidence-card small{font-size:10px;letter-spacing:1px;color:var(--green)}.footnote{font-size:11px;color:var(--muted);margin-top:25px}#classicLink{font-size:12px}dialog{border:1px solid var(--line);border-radius:18px;max-width:680px;width:calc(100% - 28px);padding:28px;color:var(--ink);background:var(--paper);max-height:90vh;overflow:auto}dialog::backdrop{background:#0c2928a8;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top span{font-size:11px;letter-spacing:2px;text-transform:uppercase}.dialog-top button{font-size:23px;border:0;background:none;padding:0 8px}dialog h2{font-size:29px;font-weight:500;margin:14px 0}dialog p{font-size:14px}.readings{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.reading{background:white;border:1px solid var(--line);border-radius:10px;padding:14px}.reading strong{display:block;font-size:22px;margin-top:8px}.reading small{font-size:11px;color:var(--muted)}.choices{display:grid;gap:9px;margin:20px 0}.choices button{text-align:left;line-height:1.5}.feedback{border-left:3px solid var(--green);padding:12px 15px;background:#e7eee1;margin:15px 0;font-size:14px;line-height:1.6}.feedback.wrong{border-color:#b75d39;background:#f5e7df}.chain{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.chain span{background:white;padding:9px 12px;border-radius:6px;font-size:12px;border:1px solid var(--line)}.trend{margin:18px 0}.trend-row{display:grid;grid-template-columns:110px 1fr 65px;gap:10px;align-items:center;font-size:12px;margin:14px 0}.track{height:10px;background:#dce4d7;border-radius:10px;overflow:hidden}.fill{height:100%;background:#238777;transition:width 1s}.warning{background:#d39955}.outcome{border:1px solid #b0c4b4;border-radius:10px;padding:16px;margin-top:18px}.outcome h3{margin:0 0 10px}.cloud{animation:drift 8s ease-in-out infinite alternate}#fishScene{animation:swim 4s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}#algaeScene{transition:opacity 1s}@keyframes drift{to{transform:translateX(18px)}}@keyframes swim{to{transform:translateX(14px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:900px){.layout{grid-template-columns:1fr}.case-panel{padding:22px}#evidenceCards{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){header{padding:17px 5%;flex-wrap:wrap}nav{gap:15px}.logo{font-size:13px}main{padding-top:24px}.mission-number{display:none}.pin{font-size:10px;padding:7px 9px}.readings{grid-template-columns:1fr}.reading strong{font-size:20px}.map-title{padding:15px}.map-title h2{font-size:14px}.map-title span{font-size:10px}#evidenceCards{grid-template-columns:1fr 1fr;gap:8px}.evidence-card{padding:12px}.trend-row{grid-template-columns:85px 1fr 50px}dialog{padding:20px}}

nav a[aria-current="page"]{background:#176858;color:white;padding:8px 12px;border-radius:7px;font-weight:700}