.climate-hero{background:linear-gradient(145deg,#173f31,#28634c);color:#fff;border-radius:24px;padding:22px;display:flex;gap:18px;align-items:center;justify-content:space-between;margin-bottom:14px;overflow:hidden}.climate-hero span,.climate-kicker{font-size:10px;letter-spacing:.14em;font-weight:900;text-transform:uppercase;color:#e4c565}.climate-hero h2{margin:5px 0 7px;font-size:25px;line-height:1.05}.climate-hero p{margin:0;max-width:520px;font-size:13px;line-height:1.5;color:#e6f0e9}.climate-orb{min-width:82px;height:82px;border-radius:50%;display:grid;place-items:center;font-size:34px;background:radial-gradient(circle at 35% 32%,#fff7cc 0 17%,#e4c565 18% 28%,#9cced6 29% 58%,#4b866f 59%);box-shadow:inset 0 0 0 5px rgba(255,255,255,.1)}.climate-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 16px}.climate-shortcuts button{border:1px solid #d9dfd7;background:#fff;border-radius:14px;padding:11px 7px;font-weight:800;color:#244d3a;min-height:54px}.climate-rule,.climate-note{background:#f5f0df;border:1px solid #e4d7a9;border-radius:14px;padding:12px 13px;font-size:12px;line-height:1.45;color:#594d27;margin:10px 0 16px}.climate-rule b,.climate-note b{display:block;margin-bottom:3px}.climate-unit .unit-banner{border-left:4px solid #6fa5aa}.climate-fog{padding:18px;text-align:center;color:#8d8d80;background:#f6f6f1;border-radius:0 0 18px 18px}.climate-node.current{box-shadow:0 0 0 4px rgba(88,145,132,.16)}.climate-node.done{background:#2f7155;color:#fff}.climate-boss-node{border-color:#d4ad38!important}.climate-lesson{border-radius:20px;padding:18px;background:linear-gradient(150deg,#eef6f2,#f8f5e8);margin-bottom:12px}.climate-lesson h2{margin:5px 0 8px;font-size:22px;color:#1f4937}.climate-lesson p,.climate-copy{font-size:13px;line-height:1.55;color:#536158}.climate-principles{display:grid;gap:8px;margin:12px 0}.climate-principles div{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid #e3e5df;border-radius:13px;padding:10px}.climate-principles b{color:#b48b25;font-size:12px}.climate-principles span{font-size:12px;line-height:1.42}.climate-full{width:100%;margin-top:12px}.weather-station{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:12px 0}.weather-sensor{background:#fff;border:1px solid #dfe5df;border-radius:16px;padding:12px;text-align:left;min-height:86px}.weather-sensor span{font-size:23px}.weather-sensor small{display:block;color:#7b847e;margin:3px 0}.weather-sensor b{font-size:17px;color:#214a38}.weather-sensor.active{outline:3px solid rgba(61,121,97,.18);border-color:#4e8c70}.sensor-out,.climate-output{background:#183f31;color:#fff;border-radius:16px;padding:14px;margin:10px 0;font-size:12px;line-height:1.5}.sensor-out b,.climate-output b{display:block;color:#f0cf68;font-size:16px;margin-bottom:3px}.climate-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.climate-controls label{font-size:11px;font-weight:800;color:#57645c;display:flex;flex-direction:column;gap:5px}.climate-controls input,.climate-controls select{width:100%;box-sizing:border-box;border:1px solid #ccd6cf;border-radius:12px;background:#fff;padding:11px;font-size:16px;color:#203e32}.climate-formula{background:#f4f7f4;border:1px solid #dbe2dc;border-radius:14px;padding:12px;margin:10px 0}.climate-formula b{display:block;font-size:17px;color:#265840}.climate-formula span{font-size:11px;color:#6c776f}.climate-bars{display:grid;gap:8px;margin:12px 0}.climate-bar{display:grid;grid-template-columns:75px 1fr 48px;gap:8px;align-items:center;font-size:11px}.climate-bar i{height:9px;background:#e4e8e4;border-radius:99px;overflow:hidden}.climate-bar i:after{content:'';display:block;width:var(--p);height:100%;background:#4c8970;border-radius:99px}.climate-bar b{text-align:right}.climate-chart{display:flex;align-items:end;gap:5px;height:140px;padding:14px 8px 6px;border:1px solid #dde3de;border-radius:16px;background:#fff;margin:12px 0}.climate-chart div{flex:1;min-width:0;height:var(--h);background:linear-gradient(#77aeb8,#d5e7e5);border-radius:7px 7px 3px 3px;position:relative}.climate-chart div span{position:absolute;bottom:calc(100% + 3px);left:50%;transform:translateX(-50%);font-size:9px;font-weight:800;white-space:nowrap}.climate-chart div small{position:absolute;top:calc(100% + 3px);left:50%;transform:translateX(-50%);font-size:8px;color:#718078}.climate-risk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}.climate-risk{border:1px solid #dfe4df;border-radius:14px;padding:11px;background:#fff}.climate-risk span{font-size:22px}.climate-risk b{display:block;font-size:12px;margin:4px 0}.climate-risk small{font-size:10px;color:#6d786f}.climate-risk.low{border-left:5px solid #568d6c}.climate-risk.mid{border-left:5px solid #cfac47}.climate-risk.high{border-left:5px solid #b96c5b}.climate-timeline{display:flex;gap:7px;overflow-x:auto;padding:8px 2px 12px}.climate-day{min-width:86px;border:1px solid #dfe4df;border-radius:14px;background:#fff;padding:10px;text-align:center}.climate-day b{display:block;margin:4px 0}.climate-day small{font-size:9px;color:#6c776f}.climate-day.selected{border-color:#4f8f73;box-shadow:0 0 0 3px rgba(79,143,115,.13)}.climate-question-card{background:#fff;border:1px solid #dfe4df;border-radius:16px;padding:14px;margin:10px 0}.climate-question-card small{color:#a17f25;font-weight:900;letter-spacing:.08em}.climate-score{text-align:center;padding:18px;background:#eef5ef;border-radius:18px;margin:12px 0}.climate-score b{font-size:38px;color:#22533d;display:block}.climate-score span{font-size:12px;color:#67736c}.climate-mission-head,.climate-boss-case{background:#173f31;color:#fff;border-radius:18px;padding:15px;margin-bottom:12px}.climate-mission-head span,.climate-boss-case span{color:#e6c85d;font-size:10px;font-weight:900;letter-spacing:.1em}.climate-mission-head b,.climate-boss-case b{display:block;font-size:18px;margin:4px 0}.climate-mission-head p,.climate-boss-case p{font-size:11px;color:#dbe9e0;margin:0}.climate-decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.climate-decision-grid button{background:#fff;border:1px solid #d9e1da;border-radius:14px;padding:12px;text-align:left;min-height:78px}.climate-decision-grid button b{display:block;color:#254f3d}.climate-decision-grid button small{font-size:10px;color:#718078}.climate-number{display:flex;align-items:center;gap:8px;margin:12px 0}.climate-number input{flex:1;min-width:0;border:1px solid #cad6ce;border-radius:13px;padding:13px;font-size:18px}.climate-number span{font-weight:800;color:#536259}.climate-stepper{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.climate-stepper button{border:1px solid #dce2dd;background:#fff;border-radius:12px;padding:10px;font-size:11px;font-weight:800}.climate-stepper button.active{background:#1f513d;color:#fff;border-color:#1f513d}.climate-q-progress{height:7px;border-radius:99px;background:#e4e8e5;overflow:hidden;margin:8px 0 16px}.climate-q-progress i{display:block;height:100%;width:var(--p);background:#4b8870}.climate-mini-badge{display:inline-flex;align-items:center;gap:5px;background:#e8f1ec;color:#315c47;border-radius:99px;padding:5px 9px;font-size:9px;font-weight:900}.climate-station-scene{position:relative;height:190px;border-radius:20px;background:linear-gradient(#cfe7ec 0 55%,#dce8cc 56%);overflow:hidden;margin:12px 0;border:1px solid #d5e0da}.climate-station-scene .sun{position:absolute;right:22px;top:18px;font-size:38px}.climate-station-scene .mast{position:absolute;left:50%;bottom:25px;width:6px;height:105px;background:#6c766e}.climate-station-scene .mast:before{content:'☁';position:absolute;font-size:45px;left:-65px;top:-35px;color:#fff}.climate-station-scene .ground{position:absolute;bottom:0;left:0;right:0;height:28px;background:#7a9d68}.station-hot{position:absolute;border:0;border-radius:50%;width:42px;height:42px;background:#fff;color:#214b38;font-weight:900;box-shadow:0 2px 8px rgba(0,0,0,.14)}.station-hot.h0{left:calc(50% - 18px);top:35px}.station-hot.h1{left:calc(50% + 20px);top:67px}.station-hot.h2{left:calc(50% - 50px);top:85px}.station-hot.h3{left:30px;bottom:40px}.station-hot.h4{right:28px;bottom:42px}.station-hot.seen{background:#245c44;color:#fff}.farm-structure.climate span{font-size:28px}.farm3-climate{margin:10px 0;padding:12px 13px;border:1px solid #cfded7;border-radius:16px;background:linear-gradient(145deg,#eef6f3,#f8f5e8)}.farm3-climate>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.farm3-climate small{display:block;font-size:8px;font-weight:900;letter-spacing:.09em;color:#8b742e}.farm3-climate b{display:block;font-size:12px;color:#214b39;margin:3px 0}.farm3-climate p{font-size:9px;line-height:1.45;color:#5f6d65;margin:4px 0 0}.farm3-climate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px}.farm3-climate-grid div{background:#fff;border:1px solid #dde5df;border-radius:11px;padding:8px;text-align:center}.farm3-climate-grid span,.farm3-climate-grid b,.farm3-climate-grid small{display:block}.farm3-climate-grid span{font-size:18px}.farm3-climate-grid b{font-size:8px;margin:2px 0}.farm3-climate-grid small{font-size:7px;color:#78847d;letter-spacing:0}.farm3-climate.locked{filter:grayscale(.4);opacity:.68}@media(max-width:420px){.climate-hero{padding:17px}.climate-hero h2{font-size:21px}.climate-orb{min-width:64px;height:64px;font-size:28px}.climate-shortcuts{grid-template-columns:1fr}.climate-controls{grid-template-columns:1fr 1fr}.weather-station{grid-template-columns:1fr 1fr}.climate-risk-grid,.climate-decision-grid{grid-template-columns:1fr}.climate-bar{grid-template-columns:62px 1fr 42px}.climate-stepper{grid-template-columns:1fr}}