/* Secrets of Life: readable paper cards, coastal teal, warm research gold. */
:root{--life-paper:#fff7df;--life-ink:#173b43;--life-teal:#134951;--life-gold:#ffe097;--life-line:#8ec8bd}
button,select,input{touch-action:manipulation}
button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #fff1a9;outline-offset:3px}
.life-home-dialog{width:min(1120px,calc(100vw - 24px));max-width:1120px}
.life-home-dialog .dialog-body{padding:0!important;background:#103c46}
.life-home{display:grid;grid-template-columns:1.18fr 1fr;min-height:460px}
.life-home-art{position:relative;min-height:430px;isolation:isolate}
.life-home-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.life-home-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#062f3de8,transparent 80%);z-index:0}
.life-home-title{position:absolute;bottom:26px;left:28px;right:20px;z-index:1}
.life-home-title .overline{color:#fff1bf}.life-home-title h2{font-size:clamp(30px,4vw,48px)!important;line-height:1.06;letter-spacing:-1px;margin:10px 0!important;color:#fff9df}
.life-home-title h2 span{display:block;color:#ffe19a;font-size:.78em;margin-top:9px}
.life-home-title p{color:#fff6d8!important;font-size:19px!important;margin-bottom:0!important}
.life-home-copy{padding:35px 28px;align-self:center}.life-home-copy>p{font-size:18px!important;line-height:1.5!important}
.life-home-partner{display:flex;align-items:center;gap:14px;margin-bottom:22px}.life-home-partner>img{width:116px;height:120px;object-fit:contain;filter:drop-shadow(0 8px 10px #0005)}.life-home-partner b{font-size:23px;color:#ffe6a8}.life-home-partner p{font-size:17px!important;line-height:1.5!important;margin:7px 0!important}
.life-home-topics{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.life-home-topics>span{border:1px solid #a9d4b0;background:#1c5b55;border-radius:100px;padding:8px 13px;font:700 15px system-ui;color:#e3ffdc}
.life-home-dialog .dialog-footer,.life-dialog .dialog-footer{background:#0e3641;border-top:1px solid #73a9a6;padding:12px 20px}
.life-home-dialog .dialog-actions{justify-content:flex-start;flex-wrap:wrap}
.welcome-dialog .dialog-body{background-image:linear-gradient(90deg,#092f36ee,#092f36b8),url(assets/research-harbor.webp)}
.welcome-heading h2{font-size:clamp(30px,4vw,45px)!important}.welcome-heading p{font-size:18px!important}.life-intro h2{max-width:18ch}.life-intro p{font-size:21px!important;line-height:1.55!important;max-width:46ch}
.explore-header{gap:10px}.explore-header nav{gap:6px}.explore-brand>div>span{font-size:11px}.explore-header .small-btn{min-height:44px;padding:8px 10px}.explore-footer .small-btn{min-height:44px}
.life-dialog{width:min(1140px,calc(100vw - 20px));max-width:1140px;max-height:calc(var(--play-height) - 16px)}
.life-dialog .dialog-body{display:block!important;padding:17px 22px;background:#103d46;color:#f5f5df}
.life-heading h2{font-size:28px;line-height:1.2;margin:7px 0 10px!important}.life-heading .overline{font-size:13px;color:#ffe39d}
.life-task-progress{display:flex;gap:6px;margin:8px 0 14px}.life-task-progress i{flex:1;height:6px;background:#2e6266;border-radius:10px}.life-task-progress i.done{background:#9ee0b1}.life-task-progress i.current{background:#ffdf91}
.life-work{display:grid;grid-template-columns:1fr 1.08fr;gap:20px;align-items:start}
.life-evidence-panel{border:1px solid #81bcae;border-radius:15px;background:#184c50;padding:15px}
.life-section-label{font:800 11px/1.2 system-ui;letter-spacing:1.6px;color:#ffe19a}
.life-dialog .science-evidence{font-size:18px!important;line-height:1.48!important;color:#fff7e6;margin:10px 0 14px!important}
.life-answer-panel{padding:8px 0 4px}.life-answer-panel>h3{font:750 23px/1.3 system-ui;margin:10px 0 15px;color:#fff6df}
.life-dialog .science-choice{font-size:18px!important;line-height:1.35!important;padding:12px;min-height:50px;background:#174f58;border:1px solid #9bc7bb;border-radius:10px;text-align:left;color:#fff8e6;display:flex;gap:10px;align-items:start}
.life-dialog .science-choice[aria-pressed=true]{background:#ffe3a3;color:#193e43;border-color:#fff5d5;box-shadow:0 0 0 2px #ffdd7b44}
.life-dialog .answer-letter{color:inherit!important;flex:0 0 23px;font-weight:800}.life-dialog .science-choices{display:grid;gap:9px}
.life-task-tools{display:flex;gap:14px;flex-wrap:wrap;margin:10px 0}.life-task-tools>button{font-size:15px;min-height:44px}.life-selection-help{font-size:16px!important;line-height:1.4!important;color:#e1f1de!important;margin:0 0 10px!important}
.life-model{background:var(--life-paper);color:var(--life-ink);padding:13px;border-radius:12px;margin:8px 0 12px;box-shadow:0 3px 8px #072d3833}
.life-model h3{font:800 18px/1.25 system-ui!important;color:#173b43!important;margin:0 0 8px!important}.life-model>p{font-size:15px!important;line-height:1.4!important;color:#21464a!important;margin:8px 0!important}
.life-model-nodes{display:flex;flex-wrap:wrap;gap:7px}.model-node{flex:1 1 100px;background:#e5efda;color:#173e3d;border:1px solid #63968a;border-radius:9px;min-height:52px;padding:8px;font:700 15px/1.2 system-ui;cursor:pointer}.model-node>span{display:block;font-size:21px;color:#2d6970;margin-bottom:4px}.model-node[aria-pressed=true]{background:#174c56;color:#fff5d3;border-color:#12333b}.model-node[aria-pressed=true]>span{color:#fff0b0}
.life-model .model-detail{border-top:1px solid #9aafa0;padding-top:9px;min-height:43px}.model-node:focus-visible{outline-color:#17708a}
.supply-paths{display:grid;grid-template-columns:1fr 1fr;margin-top:10px;gap:5px;font:700 12px/1.35 system-ui}.supply-paths b{grid-column:2;grid-row:1/3;align-self:center;color:#185a66}.supply-paths span:last-child{grid-column:1}
.life-sort{display:grid;gap:10px}.life-sort .eco-sort-card{grid-template-columns:1fr 155px;background:#1b5358;padding:10px;border-color:#8bc3b3}.life-sort .eco-sort-card strong{font-size:17px}.life-sort .eco-sort-card>span{font-size:15px;line-height:1.35;color:#e4f2dd}.life-sort select{font-size:16px;min-height:48px}
.life-order-slots{display:flex;gap:7px;flex-wrap:wrap;list-style:none;padding:0;margin:10px 0}.life-order-slots>li{flex:1 1 90px;min-height:55px;border:2px dashed #a4d3bc;border-radius:9px;padding:9px 6px;display:grid;place-items:center;font:700 16px/1.2 system-ui;text-align:center;background:#0d353e}
.life-order-bank{display:flex;gap:8px;flex-wrap:wrap}.life-token{flex:1 1 100px;min-height:48px;padding:10px;border:1px solid #b4d8c3;border-radius:9px;background:#2b6462;color:#fff8dc;font:700 16px/1.3 system-ui}.life-token:disabled{opacity:.4}
.life-dialog .puzzle-footer{gap:12px;align-items:center}.life-dialog .puzzle-footer>span{flex:1;font:14px/1.3 system-ui;color:#cee4de}.life-dialog .puzzle-feedback{padding:12px;border-radius:10px;border:1px solid #bfd4a3;background:#1b5350;color:#f5ffe8;margin:7px 0}.life-dialog .puzzle-feedback p{font-size:17px!important;line-height:1.45!important;color:#fffbe7!important;margin:5px 0!important}.life-dialog .puzzle-feedback.try-again{background:#64472e;border-color:#f1cc8d}.life-dialog .puzzle-feedback.success{background:#245f4b;border-color:#a7dfb0}
.life-reward-dialog{max-width:760px}.life-award-seal{width:76px;height:76px;border-radius:50%;border:3px solid #ffedb4;background:#be8c39;box-shadow:0 0 0 6px #f6cf7b28;display:grid;place-items:center;color:#fff7d1;font-size:48px;margin:18px auto}.life-reward-dialog h2{text-align:center}.life-reward-scene{width:100%;max-height:210px;object-fit:cover;border-radius:12px;margin-bottom:18px}
.life-notebook-dialog{width:min(1100px,calc(100vw - 24px));max-width:1100px}.life-notebook-dialog .dialog-body{padding:22px;background:#103d46}.life-notebook-dialog h2{font-size:30px}.life-notebook-dialog p{font-size:18px;line-height:1.5}.life-notebook-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.life-notebook-tabs [aria-pressed=true]{background:#ffe1a0!important;color:#153c44!important;border-color:#fff2c3}.life-notebook-grid,.life-word-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:15px 0}.life-notebook-card{position:relative;border:1px solid #97bcb0;border-radius:12px;padding:18px;background:#fff5dd;color:#173b43}.life-notebook-card h3{font-size:21px!important;line-height:1.25;color:#173b43!important;margin:0 30px 10px 0!important}.life-notebook-card p{font-size:17px!important;color:#24484c!important;margin:8px 0!important}.life-notebook-card small{color:#355d5b;font-size:13px}.life-card-number{position:absolute;right:14px;top:15px;font-weight:800;color:#397068}.life-notebook-card.earned{border:2px solid #d7b86f}.life-upgrade{border:1px solid #81bcae;background:#174b50;padding:15px;border-radius:12px;margin:12px 0}.life-upgrade p{font-size:17px!important;margin:7px 0!important}.life-upgrade>b{color:#ffe19a}.life-upgrade.earned{background:#245c4a;border-color:#b5d19d}.life-notebook-banner{width:100%;height:170px;object-fit:cover;border-radius:12px}.life-word{padding:15px;background:#1d5355;border:1px solid #8bb7aa;border-radius:10px}.life-word dt{font-size:20px;font-weight:800;color:#ffe19a;margin-bottom:6px}.life-word dd{font-size:17px;line-height:1.5;margin:0;color:#f5fae5}.life-fantasy-note{border-top:1px solid #63978d;padding-top:13px;font-size:15px!important;color:#cfddd1!important}.life-scanner-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.life-scanner-scene{position:relative;align-self:start}.life-scanner-scene>img{width:100%;display:block;border-radius:12px}.life-scan-hotspots{position:absolute;inset:0 0 40px;pointer-events:none}.scan-hotspot{pointer-events:auto;position:absolute;left:var(--scan-x);top:var(--scan-y);transform:translate(-50%,-50%);width:46px;height:46px;min-width:46px;border:3px solid #fff5c6;border-radius:50%;background:#153f55e8;color:#fff1a4;font:800 20px system-ui;box-shadow:0 2px 10px #0008}.scan-hotspot.active{background:#ffe19a;color:#183944}.life-scanner-scene>p{font-size:15px!important;margin:8px 0!important}.life-scan-key{display:flex;flex-wrap:wrap;gap:5px 15px}.life-scan-key button{font-size:15px;min-height:44px}.life-cat-note{color:#b4e8e1;font-size:16px!important}.life-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.life-help-grid h3{color:#ffe19a;font-size:21px}.life-help-grid p{font-size:17px!important}
.battle-feedback,.battle-feedback p,.battle-feedback .answer-recap{color:#fff8e7!important}.battle-feedback h3,.battle-feedback .overline{color:#ffe39c!important}.battle-feedback.correct{background:#164c40!important}.battle-feedback.retry{background:#533a31!important}
.battle-science-model{border:1px solid #86ada0;border-radius:8px;margin:8px 0;padding:0 10px;background:#174751}.battle-science-model>summary{min-height:40px;padding:10px 0;box-sizing:border-box;cursor:pointer;font:700 15px/1.2 system-ui;color:#f9e3a7}.battle-science-model .life-model{margin:0 0 10px}.showing-feedback .battle-science-model{display:none}
@media(min-width:700px) and (max-height:800px){.life-home{min-height:360px}.life-home-art{min-height:350px}.life-home-copy{padding:22px}.life-home-partner{margin-bottom:12px}.life-home-partner>img{width:90px;height:95px}.life-home-title h2{font-size:37px!important}.life-home-copy>p{font-size:17px!important}.life-home-topics{margin:12px 0}.life-dialog .dialog-body{padding:11px 17px}.life-heading h2{font-size:24px;margin:4px 0 7px!important}.life-work{gap:15px}.life-evidence-panel{padding:12px}.life-dialog .science-evidence{font-size:17px!important;margin:7px 0 10px!important}.life-model{padding:10px;margin:7px 0}.life-model>p{font-size:14px!important}.life-model h3{font-size:17px!important}.model-node{min-height:46px;font-size:14px;padding:6px}.model-node>span{font-size:17px}.life-answer-panel>h3{font-size:21px;margin:8px 0 11px}.life-dialog .science-choice{font-size:17px!important;padding:10px;min-height:46px}.life-sort .eco-sort-card{padding:8px}.life-sort{gap:7px}.life-dialog .puzzle-feedback p{font-size:16px!important}.life-task-progress{margin:6px 0 10px}.life-task-tools{margin:6px 0}.life-dialog .dialog-footer{padding:9px 16px}}
@media(max-width:1000px){.explore-header{flex-wrap:wrap}.explore-header nav{margin-left:auto;flex-wrap:wrap}.explore-header .small-btn{font-size:13px}.explore-brand{margin-right:auto}.explore-footer-actions{gap:5px}.explore-controls{display:none}}
@media(max-width:760px){.life-home{grid-template-columns:1fr}.life-home-art{min-height:300px}.life-home-title{left:20px;bottom:20px}.life-home-copy{padding:20px}.life-home-partner{margin-bottom:12px}.life-home-partner>img{width:80px;height:90px}.life-home-topics{margin:12px 0}.life-work,.life-scanner-layout,.life-help-grid{grid-template-columns:1fr}.life-dialog .dialog-body{padding:14px}.life-evidence-panel{padding:12px}.life-model-nodes .model-node{flex-basis:90px}.life-notebook-grid,.life-word-grid{grid-template-columns:1fr}.life-dialog .puzzle-footer{flex-wrap:wrap}.life-dialog .puzzle-footer>span{order:3;flex-basis:100%;text-align:center}.life-sort .eco-sort-card{grid-template-columns:1fr 145px}.life-home-dialog .dialog-actions{gap:8px}.life-home-dialog .dialog-actions>button{flex:1 1 180px}.explore-header .explore-brand{padding-bottom:0}.explore-header nav{justify-content:flex-end}.explore-footer{flex-wrap:wrap}.explore-footer-actions{flex-wrap:wrap}.life-scanner-scene{max-height:350px;overflow:hidden}.life-scanner-scene>img{max-height:300px;object-fit:cover}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.scan-hotspot{animation:none}}

/* Reviewed scene photographs; labels and evidence remain selectable text. */
.life-topic-photo{margin:10px 0 12px;color:#21464a}.life-photo-open{display:block;width:100%;padding:0;background:#e9dfc4;border:1px solid #a6b6a0;border-radius:9px;overflow:hidden;cursor:zoom-in;color:#21464a}.life-photo-open img{display:block;width:100%;height:auto;max-height:190px;object-fit:contain;background:#e9dfc4}.life-photo-open>span{display:block;padding:6px;font:700 13px system-ui;min-height:28px}.life-topic-photo figcaption{font:14px/1.4 system-ui;margin-top:7px;color:#21464a}.life-topic-photo figcaption b{font-weight:750}.life-notebook-card .life-photo-open img{max-height:210px}.life-reward-dialog .life-topic-photo{background:#fff7df;padding:10px;border-radius:10px}.life-reward-dialog .life-photo-open img{max-height:200px}.life-photo-view{width:min(1100px,calc(100vw - 28px));max-width:1100px;max-height:calc(100dvh - 28px);padding:14px;border:2px solid #a8bda7;border-radius:14px;background:#fff7df;color:#173b43;overflow:auto;box-sizing:border-box}.life-photo-view::backdrop{background:#092f3bd9}.life-photo-view>button{display:block;margin:0 0 10px auto;min-height:44px;background:#174c56;color:#fff7df}.life-photo-view>img{display:block;width:100%;height:auto;max-height:calc(100dvh - 190px);object-fit:contain}.life-photo-view>p{font:17px/1.45 system-ui;margin:12px 0 2px}.life-photo-view button:focus-visible{outline:3px solid #bb7b17}
@media(max-width:760px){.life-photo-open img{max-height:220px}.life-photo-view{padding:10px}.life-photo-view>p{font-size:16px}}
.life-textbook{margin:10px 0 12px;padding:12px;background:#fff;border:1px solid #b5c4bf;border-radius:10px;color:#183e45}.life-textbook h4{font:800 18px/1.3 system-ui;margin:0 0 8px;color:#173b43}.life-diagram-open{display:block;width:100%;padding:8px;border:1px solid #c5d5d0;border-radius:8px;background:#fff;color:#174c56;cursor:zoom-in}.life-diagram-open img{display:block;width:100%;height:240px;object-fit:contain;background:#fff}.life-diagram-open>span{display:block;min-height:30px;padding-top:8px;font:750 14px/1.3 system-ui}.life-textbook figcaption{font:16px/1.45 system-ui;margin:10px 0;color:#183e45}.life-textbook .life-diagram-note{font:13px/1.4 system-ui;color:#476267;margin:8px 0}.life-art-credit{display:block;font:12px/1.5 system-ui;color:#476267}.life-art-credit a{color:#125967;text-decoration:underline}.life-nerve-example{margin:8px 0;min-height:44px}.life-record-model{display:grid;gap:8px;padding:0;list-style:none;margin:10px 0}.life-record-model li{padding:12px;background:#fff;border-left:4px solid #497f7e;border-radius:6px;font:15px/1.45 system-ui}.life-record-model b,.life-record-model span{display:block}.life-record-model b{margin-bottom:4px;color:#173b43}.life-photo-view h2{font:800 24px/1.3 system-ui;margin:8px 0 12px}.life-photo-view .life-art-credit{margin-top:12px}.life-photo-view>img{background:#fff;max-height:none}.life-photo-view:has(.life-art-credit)>img{max-height:none}.life-model.compact .life-diagram-open img{height:190px}.life-model.compact .life-diagram-note{display:none}
@media(max-width:760px){.life-diagram-open img{height:260px}.life-textbook{padding:9px}.life-textbook figcaption{font-size:16px}.life-photo-view>img{width:100%;height:auto}}