/* Stormwatch: deep ocean blue, clear cyan measurements, amber evidence. */
body { background:#082b43; }
.explore-header,.explore-footer { background:#0a2e46; }
.explore-header {border-bottom-color:#5bd4dd;}
.explore-brand b {color:#91edf0;}
.explore-goal {background:#103a50ed;border-color:#77d8e8;}
.welcome-dialog .dialog-body {background:linear-gradient(90deg,#07324bec,#07324bbd),url(assets/stormwatch-coast.webp) center/cover;}
.welcome-heading h2 {color:#b7f5ef;}
.science-dialog {max-width:min(1080px,calc(100vw - 20px));}
.science-heading h2 {font-size:29px;margin:4px 0;}
.science-instructions {font-size:16px;line-height:1.45;margin:8px 0;}
.science-work {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:14px;align-items:start;}
.science-model-panel {padding:16px;background:#0c334b;border:1px solid #6eb9c47a;border-radius:12px;min-width:0;}
.science-question-panel {min-width:0;}
.science-question-panel h3 {font-size:20px;line-height:1.35;margin:0 0 10px;}
.science-choices {display:grid;gap:8px;margin-top:10px;}
.science-choice {text-align:left;min-height:46px;padding:10px 12px;font:16px/1.35 system-ui;color:#f2faf3;background:#174452;border:1px solid #88b8b788;border-radius:8px;cursor:pointer;}
.science-choice[aria-pressed=true] {background:#e9cb7e;color:#123b46;border-color:#fff0b3;}
.science-chart {height:170px;display:flex;gap:12px;align-items:stretch;padding:8px 4px 0;}
.chart-column {flex:1;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;gap:6px;min-width:0;}
.chart-column b,.chart-column>span {font:14px system-ui;text-align:center;color:#def8ef;}
.bar-track {height:110px;width:65%;display:flex;align-items:flex-end;background:#052432;border-radius:7px 7px 0 0;}
.bar-track i {display:block;width:100%;background:#4fcbd2;border-radius:7px 7px 0 0;transition:height .3s;}
.chart-column.selected i {background:#efce79;}
.observation-buttons {display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin-top:10px;}
.observation-buttons button {font-size:14px;min-height:44px;}
.science-evidence {font-size:16px!important;line-height:1.45!important;color:#dcf9f5!important;margin:12px 0 6px;}
.model-caption {font-size:12px!important;line-height:1.35!important;color:#a9c9d3!important;margin:8px 0 0;}
.lab-slider {display:block;font-size:16px;margin:12px 0;color:#e7f5ea;}
.lab-slider output {float:right;color:#ffe2a5;font-weight:bold;}
.lab-slider input {display:block;width:100%;min-height:44px;accent-color:#ffcf70;}
.radar-model {height:170px;position:relative;border:1px solid #86cecb55;border-radius:8px;background:repeating-linear-gradient(0deg,transparent 0 31px,#69b3be22 32px),repeating-linear-gradient(90deg,#0a3547 0 31px,#69b3be22 32px);overflow:hidden;}
.radar-west,.radar-east {position:absolute;top:8px;font-size:12px;color:#badadd;}.radar-west{left:8px}.radar-east{right:8px}
.radar-band {position:absolute;top:55px;background:#38a7abbb;border:2px solid #8bffff;border-radius:8px;padding:22px 8px;font-size:14px;transition:left .4s,opacity .4s;max-width:42%;}
.radar-town {position:absolute;right:8%;bottom:12px;border-top:3px solid #ffe8a4;padding-top:6px;color:#ffe8a4;font-size:16px;}
.pressure-reading {padding-top:10px;font-size:14px;}
.cycle-node-row {display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:14px 0;}
.cycle-node {font:16px/1.3 system-ui;border:2px solid #75c8d2;background:#123e51;color:#e3f9f5;border-radius:30px;padding:12px 16px;min-height:48px;cursor:pointer;}
.cycle-node[aria-pressed=true]{background:#efcf87;color:#173e49;border-color:#ffe9b4;}
.cycle-path {padding:14px;border-top:1px solid #88ccd577;font-size:16px;line-height:1.45;min-height:92px;}
.more-sun {box-shadow:inset 0 2px 0 #f4cf83;}
.temperature-model {padding:16px 0;display:grid;gap:20px;}
.temperature-model>div {display:grid;grid-template-columns:110px 1fr 55px;align-items:center;gap:10px;font-size:15px;}
.thermo-track {height:32px;background:#07283b;border-radius:5px;overflow:hidden;}
.thermo-track i {display:block;height:100%;transition:width .4s;}.thermo-track .land{background:#ffb765}.thermo-track .ocean{background:#53d7e2}
.science-dialog .puzzle-footer {display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;}
#labExploreStatus{font-size:14px;color:#deecdf;flex:1;}
.science-companion{display:flex;align-items:center;gap:18px}.science-companion img{width:110px;height:100px;object-fit:contain}.science-companion p{font-size:16px}
@media(min-width:700px) and (max-height:850px){.science-dialog .dialog-body{padding:12px 18px}.science-heading h2{font-size:25px}.science-work{gap:14px;margin-top:10px}.science-instructions{margin:5px 0}.science-chart,.radar-model{height:140px}.bar-track{height:80px}.science-choice{padding:8px 10px;font-size:15px}.science-question-panel h3{font-size:18px}.science-model-panel{padding:12px}.science-heading .section-readers{margin-top:4px}}
@media(max-width:699px){.science-work{grid-template-columns:1fr}.science-heading h2{font-size:25px}.science-dialog .dialog-body{padding:16px}.science-model-panel{padding:12px}}
@media(prefers-reduced-motion:reduce){.radar-band,.thermo-track i{transition:none}}
.standards-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.4}.standards-table th,.standards-table td{text-align:left;padding:10px;border-bottom:1px solid #8cbec366;vertical-align:top}.standards-table td:first-child{white-space:nowrap;color:#9aebed}.game-dialog a{color:#9aebed}

/* Evidence stays visible; model controls are optional exploration. */
.battle-evidence{font:16px/1.4 system-ui;color:#e1f7f7;background:#103c50;border-left:3px solid #67d8e2;padding:10px 12px;margin:8px 0 12px;border-radius:0 7px 7px 0}
.showing-feedback .battle-evidence{display:none}
.chart-column{background:transparent;border:1px solid transparent;border-radius:7px;padding:4px;cursor:pointer;min-height:44px}
.chart-column[aria-pressed=true]{border-color:#ffe197;background:#ffe19712}.chart-column[aria-pressed=true] i{background:#ffe197}
.lab-data-table{width:100%;border-collapse:collapse;font:14px/1.35 system-ui;margin:8px 0;color:#e3f6f5}.lab-data-table caption{text-align:left;color:#aee6e7;font-weight:700;padding-bottom:5px}.lab-data-table th,.lab-data-table td{text-align:left;padding:4px 7px;border-bottom:1px solid #7abac33b}.lab-data-table td{font-variant-numeric:tabular-nums}.lab-data-table th{font-weight:600}
.model-steps{display:flex;gap:8px;justify-content:center;margin-top:10px}.model-steps button{min-height:44px}.model-steps [aria-pressed=true]{background:#ffe197;color:#103649;border-color:#ffe197}
.radar-town{left:55%;right:auto;bottom:10px;transform:translateX(-50%);border-top:0;padding-top:0;font-size:14px}.radar-town::before{content:'';position:absolute;bottom:24px;left:50%;height:92px;border-left:2px dashed #ffe19799}
.radar-band{top:54px;width:8%;height:44px;max-width:8%;padding:0;border-radius:14px;font-size:12px;box-sizing:border-box}.radar-band span{position:absolute;left:50%;top:-23px;transform:translateX(-50%);white-space:nowrap;color:#e2ffff;font-weight:700}.radar-caption{font:14px/1.4 system-ui;margin:9px 0 0;color:#d8f5ef}
.water-change{display:grid;grid-template-columns:1fr 30px 1fr;align-items:stretch;gap:8px;margin-top:16px}.water-change>div{background:#164c62;border:1px solid #6cc5d3;border-radius:10px;padding:14px 12px;display:flex;flex-direction:column;gap:12px}.water-change small{font-size:12px;letter-spacing:.08em;color:#a8e5ee}.water-change strong{font:600 17px/1.4 system-ui;color:#f0faff}.process-arrow{align-self:center;font-size:30px;color:#ffe197}.change-cause{text-align:center;font:15px/1.4 system-ui;color:#ffe197}.water-path{display:block;width:100%;height:45px}
.breeze-model{display:grid;grid-template-columns:1fr 1fr;min-height:140px;border-radius:10px;overflow:hidden;margin:18px 0}.breeze-model>div{padding:20px 12px;display:flex;flex-direction:column;justify-content:center;gap:14px;text-align:center}.breeze-model b{letter-spacing:.06em}.breeze-water{background:#16768a;color:#ecffff}.breeze-land{background:#e4c482;color:#173c49}.breeze-model span{font:16px/1.4 system-ui}
.science-choice:disabled{opacity:1;cursor:default}.science-choice:focus-visible,.chart-column:focus-visible{outline:3px solid #ffe197;outline-offset:2px}
@media(min-width:700px) and (max-height:850px){.science-chart{height:118px}.bar-track{height:65px}.lab-data-table{font-size:13px;margin:6px 0}.lab-data-table th,.lab-data-table td{padding:3px 6px}.science-evidence{font-size:14px!important;line-height:1.4!important;margin:8px 0 5px}.temperature-model{padding:10px 0;gap:12px}.lab-slider{margin:6px 0}.water-change strong{font-size:16px}.battle-evidence{font-size:15px;padding:8px 10px;margin:6px 0 8px}}