:root{--ink:#183c34;--moss:#31765b;--cream:#f5f1e7;--line:#cbd9ca;--warm:#cf804b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 system-ui,Segoe UI,sans-serif}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ee9a42;outline-offset:3px}.wrap{max-width:1260px;margin:auto;padding:0 24px}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.brand{font-weight:900;font-size:22px;color:var(--ink);text-decoration:none;letter-spacing:-1px}.brand i{color:#dc6c42;font-style:normal}.top>a:last-child{color:var(--ink);font-weight:700;text-decoration:none}header h1{font:normal clamp(42px,6vw,74px)/1 Georgia,serif;letter-spacing:-.04em;margin:35px 0 10px}header p{max-width:700px;color:#4c675c;margin:0 0 24px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-weight:800;font-size:11px;color:#6a856a}.stats{display:flex;align-items:end;gap:20px;flex-wrap:wrap;margin:22px 0}.stat{min-width:90px}.stat small{display:block;letter-spacing:.12em;font-size:10px;font-weight:800}.stat strong{font-size:26px;font-variant-numeric:tabular-nums}.controls{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}button{border:1px solid #b8cfb7;background:#fffdf7;color:var(--ink);padding:10px 14px;border-radius:11px;font-weight:800}button:hover{background:#e6f0dc}button.primary{background:#2c6e54;color:white;border-color:#2c6e54}button.primary:hover{background:#235a46}.layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:18px}.panel{background:#fffdf8;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 6px 25px #203c2110}.panel h2{font:normal 30px Georgia,serif;margin:0 0 8px}.panel p{margin:0 0 12px}.hero-art{display:block;width:100%;max-height:380px;background:#e5efdd;border-radius:16px;margin:15px 0}.actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.actions button{min-height:90px;text-align:left}.actions button span{display:block;font-size:24px;margin-bottom:4px}.actions button small{display:block;font-size:11px;font-weight:500;color:#557162}.meter{margin:13px 0}.meter>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:800}.track{height:12px;background:#dfe6d7;border-radius:12px;overflow:hidden;margin-top:5px;position:relative}.track:after{content:'';position:absolute;left:28%;top:0;bottom:0;width:2px;background:#a35932}.track i{display:block;height:100%;background:#76a873;transition:width .2s}.meter.low .track i{background:#d57a55}.meter.focus .track i{background:#e3aa55}.message{background:#eaf1e1;border-radius:13px;padding:15px;min-height:74px;margin-top:15px}.message strong{display:block}.science{font-size:12px;color:#587063}.about{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:35px 0 15px;padding:22px 0;display:flex;justify-content:space-between;gap:15px}.about p{margin:0}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:12px 0 28px;font-size:12px}footer a{color:inherit}dialog{border:0;border-radius:20px;padding:0;max-width:min(530px,calc(100vw - 24px));color:var(--ink);box-shadow:0 20px 80px #081e1e66}dialog::backdrop{background:#142d2dc7}.dialog-body{padding:24px}.dialog-body h2{font:normal 36px Georgia,serif;margin:5px 0 10px}.dialog-body p,.dialog-body li{font-size:14px}.dialog-body ol{padding-left:21px}.dialog-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}dialog img{width:100%;height:200px;object-fit:cover;display:block}.hidden{display:none!important}.stage{position:relative}.stage.paused:after{content:'PAUSED';position:absolute;inset:0;display:grid;place-items:center;background:#f3f1e9bf;font-size:32px;font-weight:900;letter-spacing:.2em;border-radius:15px}.cargo{border:2px solid #9cb993;background:#f0f5e8;border-radius:18px;text-align:center;padding:28px 12px;margin:20px 0;min-height:160px;display:grid;place-items:center}.cargo .symbol{font-size:50px}.cargo h3{margin:3px 0;font:normal 27px Georgia,serif}.cargo p{font-size:13px}.badges{display:flex;gap:8px;flex-wrap:wrap}.badge{padding:5px 9px;border:1px solid #bcd2b7;border-radius:20px;font-size:11px;font-weight:800}.pulse{animation:pop .3s ease}@keyframes pop{50%{transform:scale(1.035)}}@media(max-width:800px){.layout{grid-template-columns:1fr}.controls{margin-left:0}.actions{grid-template-columns:repeat(3,1fr)}}@media(max-width:460px){.wrap{padding:0 12px}.panel{padding:15px}.stats{gap:12px}.stat{min-width:68px}.stat strong{font-size:22px}.controls{width:100%}.controls button{flex:1;padding:8px}.actions{grid-template-columns:1fr}.actions button{min-height:67px}dialog img{height:150px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.conditions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0}.conditions span{display:block;border:1px solid #cbdbca;border-radius:10px;background:#f6f8ed;padding:7px;font-size:11px}.conditions b{display:block;font-size:12px}.pore{height:100px;background:#c9dfb9;border-radius:18px;display:flex;justify-content:center;align-items:center;overflow:hidden}.pore .guard{height:92px;width:85px;background:linear-gradient(90deg,#4d9b65,#91c982);border:4px solid #327653;border-radius:55% 35% 35% 55%;transition:transform .3s}.pore .guard.right{border-radius:35% 55% 55% 35%;background:linear-gradient(90deg,#91c982,#4d9b65)}.pore .gap{height:80px;min-width:8px;background:#1b5f58;border-radius:50%;transition:width .3s}.pore-caption{text-align:center;margin:7px 0!important;font-size:12px;font-weight:800}.threat{background:#244d42;color:#fff;padding:12px 15px;border-radius:12px;font-size:14px;margin:12px 0}.threat strong{display:block;font-size:18px}.action-four{grid-template-columns:repeat(2,minmax(0,1fr))}.action-four button{min-height:76px}@media(max-width:460px){.conditions{grid-template-columns:repeat(2,1fr)}.action-four{grid-template-columns:1fr}}