/* Complete illustrations stay inside their frames; the frame never crops the subject. */
.lesson-image,.atlas-picture,.full-picture{object-fit:contain;object-position:center;background:transparent}
.check-scene,.review-scene{height:auto;min-height:160px;max-height:none;display:flex;justify-content:center;position:relative;background:#f4ead8;border-radius:20px;overflow:hidden}
.check-scene>.atlas-picture,.review-scene>.atlas-picture,.check-scene>.lesson-image,.review-scene>.lesson-image{height:clamp(200px,33vh,330px);width:100%;object-fit:contain}
.art-comparison{display:flex;gap:16px;align-items:stretch;justify-content:center;width:100%}.art-comparison figure{margin:0;min-width:0;flex:1;display:flex;flex-direction:column;align-items:center}.art-comparison svg,.art-comparison img{width:100%;height:clamp(160px,27vh,270px);object-fit:contain}.art-comparison figcaption{text-align:center;padding:8px;font-size:13px;font-weight:700}
.learning-card>.art-comparison{grid-column:1}.learning-card .art-comparison svg{height:190px}.learning-card>svg,.learning-card>img{object-fit:contain;height:240px;width:100%;max-height:none}
.evidence-card .atlas-picture,.evidence-card .lesson-image{height:auto;min-height:130px;aspect-ratio:1;max-height:270px}.mission-art-banner>svg,.mission-art-banner>img{max-height:300px;width:100%;object-fit:contain}
.record-celebration{display:flex;align-items:center;gap:18px;padding:20px;margin:4px 0 20px;border-radius:20px;background:linear-gradient(115deg,#173f39,#356753);color:#fff6d7;position:relative;overflow:hidden;animation:record-rise .55s both}.record-celebration h3{margin:5px 0;font-size:23px}.record-celebration .eyebrow{color:#eace8b}.record-stamp{display:grid;place-items:center;background:#efd18a;color:#234c3d;border:4px double #fff2ba;border-radius:50%;width:65px;height:65px;font-size:34px;box-shadow:0 0 35px #efcf7c66;animation:stamp-in .7s both}.record-sparks{position:absolute;right:24px;color:#efd18a;letter-spacing:15px;animation:record-glow 2s infinite}.record-ready{box-shadow:0 0 0 4px #d5ad5638;animation:record-glow 2s infinite}.achievement-feedback{background:transparent!important;padding:0!important}.record-celebration+.learning-card{animation:record-rise .6s .1s both}
@keyframes record-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes stamp-in{from{transform:scale(1.55) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes record-glow{50%{filter:brightness(1.13)}}
.cinema-pending{visibility:hidden;pointer-events:none}.cinema-host{position:relative;isolation:isolate}.cinema-layer{position:absolute;inset:0;z-index:10;background:#182e30;opacity:1;transition:opacity .45s}.cinema-layer video{width:100%;height:100%;object-fit:contain;display:block}.cinema-out{opacity:0;pointer-events:none}.cinema-skip{position:absolute;right:16px;bottom:16px;border:1px solid #ffffff66;background:#173b39de;color:white;border-radius:30px;padding:11px 18px;font-size:14px}.mission-cinema{width:100%;aspect-ratio:16/9;min-height:300px;border-radius:20px;overflow:hidden}.scene-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.origin-map>.scene-loop{z-index:0}.origin-map>img{position:relative}.origin-map:has(.scene-loop)>img{opacity:0}.origin-map-caption,.story-pin{z-index:2}
.origin-case-layout{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.origin-case-layout .lens-stage{aspect-ratio:3/2;height:auto;min-height:0;overflow:hidden}.origin-case-layout .lens-base{filter:none!important}.origin-case-layout .lens-color,.origin-case-layout .lens-ring{display:none}.origin-case-layout .lens-stage .atlas-picture{width:100%;height:100%}.picture-dialogue{position:absolute;left:5%;right:5%;top:4%;padding:13px 17px;border-radius:14px;background:#fffaf0f2;color:#273d36;box-shadow:0 5px 25px #15292233;z-index:4;font-size:clamp(14px,1.5vw,18px);line-height:1.5;pointer-events:none;animation:record-rise .3s}.picture-dialogue b{color:#926824}.origin-story-panel:has(.clue-wait){display:grid;place-content:center;text-align:center;background:#efe7d5}.clue-wait{padding:25px;color:#77664b}.clue-wait strong{display:block;font-size:25px;color:#375d48;margin-bottom:15px}.origin-reason h4{font-size:21px;line-height:1.5;margin-top:0}.origin-founders{animation:record-rise .5s}.record-transition{text-align:center;padding:25px}.record-transition .origin-record-cards{max-width:850px;margin:25px auto}.record-transition h3{font-size:32px}.record-transition .record-stamp{margin:20px auto}
.npc{background:none!important;overflow:visible}.npc svg{display:block;width:100%;height:100%;filter:drop-shadow(0 4px 2px #20382b33)}.companion-note .portrait{background:none!important;overflow:hidden}.portrait>svg{width:100%;height:100%}
.context-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.context-cards article{background:#fff8e8;border-radius:15px;padding:12px}.context-cards svg{height:180px;width:100%}.context-cards p{font-size:14px;line-height:1.65}.context-start{display:flex;justify-content:flex-end;margin-top:18px}
.proposal-solved{filter:grayscale(1);opacity:.5}.research-progress{display:flex;justify-content:space-between;padding:15px;background:#e3eddf;border-radius:13px;margin:12px 0}.research-issues{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.research-issues button{display:flex;flex-direction:column;align-items:center;min-width:0}.research-issues svg{width:100%;height:155px}.research-issues .selected{outline:3px solid #c49c4f}
.market-inventory{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.inventory-item{display:flex;flex-direction:column;align-items:center;border-radius:12px;background:#fff8e8;padding:10px}.inventory-item .atlas-picture{height:80px;width:100%}.inventory-item .coin-symbol{font-size:40px;color:#c49a40}.inventory-item.empty{opacity:.48}
.farm-field{position:relative;overflow:hidden;min-height:175px;background:#f4eedf}.farm-field>.season-scene{width:100%;height:150px;object-fit:contain}.farm-field>b{position:absolute;left:10px;top:10px;background:#fff8e8e8;padding:4px 9px;border-radius:10px}.farm-field>.assigned-task{position:absolute;right:8px;bottom:35px;width:60px;height:60px;background:#fffaf0;border-radius:50%;border:2px solid #cfaf70}.farm-field>span{position:relative;display:block;background:#fff8e8;padding:8px}
.route-wrap{background:linear-gradient(#c8dec6,#e6d9ae);padding:18px;border-radius:24px;border:4px solid #bca975;box-shadow:inset 0 0 30px #315d4830}.route-grid{gap:3px;background:#cab588;padding:6px;border-radius:15px}.route-cell{background:#ecdcb7!important;border-radius:7px;border:0!important;box-shadow:inset 0 -4px #c8b28555;aspect-ratio:1;min-height:0}.route-cell.block{background:#65965e!important;box-shadow:inset 0 -7px #365f3b77}.route-cell.block svg{color:#1f5a37;width:85%;height:85%}.route-cell.visited{background:#f5edbe!important}.route-cell.goal{background:#b4cc91!important}.route-cell svg:not(.route-hero){width:65%;height:65%}.route-cell .cell-label{background:#fff9e6eb;border-radius:8px;font-weight:700}.route-hero{max-height:100%;z-index:2;filter:drop-shadow(0 2px 3px #173c3355)}
.stage-view{position:relative;display:block;height:auto;aspect-ratio:3/2;max-height:450px;background:#c0b091;overflow:hidden;border-radius:20px}.stage-backdrop{width:100%;height:100%;object-fit:contain}.stage-actor{position:absolute;height:72%;width:30%;bottom:7%;object-fit:contain;transform-origin:bottom;transition:filter .5s,opacity .5s,transform .5s}.stage-actor.silhouette{filter:brightness(0);opacity:.27;transform:scale(.95)}.stage-actor.cast-0{left:36%}.stage-actor.cast-1{left:10%;height:54%}.stage-actor.cast-2{right:2%;height:46%}.stage-actor.revealed{animation:record-rise .5s}.performance-art{height:240px!important;object-fit:contain}
.reduce-motion *{animation:none!important}.reduce-motion .cinema-layer{transition:none}
.mission-banner{display:flex;align-items:center;gap:20px;background:#eee7d5;border-radius:18px;overflow:hidden}.mission-banner>svg,.mission-banner>img{width:48%;height:240px!important;object-fit:contain}.mission-banner>p{flex:1;padding:20px;line-height:1.7}.evidence-tile>.atlas-picture,.evidence-tile>.lesson-image{height:210px!important;object-fit:contain}.mask-scene{display:block;width:100%;height:300px!important;object-fit:contain}.illustrated-stage{padding:0;background:#baac86!important}.painting-study>.atlas-picture{width:100%;height:430px}.painting-study.zoomed>.atlas-picture{height:75vh}.origin-founders .founding-picture{min-height:320px}.founding-picture>svg{height:100%;min-height:320px;width:100%}.link-art{object-fit:contain}
.v5-sea-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;text-align:left}.v5-sea-intro>svg,.v5-sea-intro>img{width:100%;height:100%;min-height:300px;object-fit:contain;border-radius:20px}.v5-sea-intro li{margin:12px 0;line-height:1.6}.v5-sea-field{height:440px!important;border:4px solid #31585f;border-radius:22px;background:#35647a;overflow:hidden;isolation:isolate}.sea-water{position:absolute;inset:0;background:linear-gradient(#0e485b22,#123f5b88),url('assets/v5/naval-sea.webp') center/cover;animation:sea-breathe 6s ease-in-out infinite alternate}.crossfire-zone{position:absolute;left:8%;right:8%;top:40%;height:28%;border:2px dashed #f4d28088;border-radius:50%;background:#f9d38113}.crossfire-zone>span{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#fff4ce;font-size:12px}.formation-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.formation-lines path{fill:none;stroke:#f8db9677;stroke-width:.4;stroke-dasharray:2 2}.friendly-ship{position:absolute;z-index:3;width:18%;height:29%;bottom:10%;pointer-events:none;filter:drop-shadow(0 10px 5px #083444aa)}.friendly-ship>img,.friendly-ship>svg{width:100%;height:100%;object-fit:contain}.friendly-0{left:3%;bottom:19%;transform:rotate(12deg)}.friendly-1{left:41%;bottom:2%}.friendly-2{right:3%;bottom:19%;transform:rotate(-12deg)}.friendly-ship b{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);font-size:11px;white-space:nowrap;color:#fff3d5;background:#1b4859b0;padding:3px 8px;border-radius:20px}.v5-sea-field .enemy-ship{width:72px!important;height:88px!important;min-width:0;background:transparent!important;border:0!important;filter:drop-shadow(0 8px 2px #0c3e5177);z-index:4;touch-action:manipulation}.v5-sea-field .enemy-ship>svg,.v5-sea-field .enemy-ship>img{width:100%;height:100%;object-fit:contain}.v5-sea-field .enemy-ship>span{position:absolute;bottom:8px;font-size:10px;background:#a64b3a;color:white;border-radius:9px;padding:1px 5px;left:50%;transform:translateX(-50%)}.v5-sea-field .enemy-ship.sunk{animation:sink .28s both;pointer-events:none}.v5-sea-field .sea-shore{height:20px;bottom:0;font-size:11px;background:#214754}.cannon-ready{position:absolute;right:15px;top:12px;color:#fff4c5;font-size:12px;background:#214857ab;border-radius:12px;padding:8px}.reloading .cannon-ready{opacity:.5}.sea-impact{position:absolute;z-index:5;pointer-events:none}.sea-impact i{position:absolute;width:70px;height:70px;border:5px solid #dff8ff;border-radius:50%;animation:splash .6s both;transform:translate(-50%,-50%)}.sea-impact b{position:absolute;white-space:nowrap;color:#fff3b6;text-shadow:0 2px 2px #124451;animation:hit-label .6s both;transform:translate(-50%,-50%)}.firing{filter:drop-shadow(0 0 8px #ffeb9c)}@keyframes splash{from{scale:.2;opacity:1}to{scale:1.6;opacity:0}}@keyframes hit-label{to{translate:0 -35px;opacity:0}}@keyframes sink{to{opacity:0;translate:0 25px;rotate:15deg}}@keyframes sea-breathe{to{filter:brightness(1.1);transform:scale(1.018)}}
@media(max-width:700px){.v5-sea-intro{grid-template-columns:1fr}.v5-sea-intro>svg,.v5-sea-intro>img{height:220px;min-height:0}.v5-sea-field{height:380px!important}.mission-banner{display:block}.mission-banner>svg,.mission-banner>img{width:100%}.mission-banner>p{margin:0;padding:15px}.v5-sea-field .enemy-ship{width:55px!important;height:70px!important}}
@media(max-width:700px){.origin-case-layout{grid-template-columns:1fr}.picture-dialogue{font-size:14px}.art-comparison{gap:5px}.record-celebration h3{font-size:19px}.record-sparks{display:none}.context-cards{grid-template-columns:1fr}.context-cards article{display:grid;grid-template-columns:110px 1fr}.context-cards svg{height:110px;grid-row:span 2}.context-cards h4{margin:8px}.context-cards p{margin:0 8px}.inventory-item{font-size:12px;padding:6px}.inventory-item .atlas-picture{height:60px}.research-issues svg{height:100px}}
@media(orientation:landscape) and (max-height:600px){.origin-case-layout{grid-template-columns:minmax(0,1.35fr) minmax(240px,1fr)}.check-scene>.atlas-picture,.review-scene>.atlas-picture{height:230px}.origin-reason h4{font-size:17px}.origin-option{font-size:13px!important;padding:10px!important}.picture-dialogue{font-size:13px;padding:9px 12px}.record-transition h3{font-size:24px}}

.cannon-flash{position:absolute;left:10%;top:15%;width:80%;height:40%;opacity:0}.cannon-flash>svg{width:100%;height:100%}.firing .cannon-flash{animation:cannon-flare .3s both}.painted-splash{position:absolute;width:110px;height:75px;transform:translate(-50%,-50%);animation:splash .6s both}.painted-splash>svg{width:100%;height:100%}@keyframes cannon-flare{0%{opacity:0;scale:.3}30%{opacity:1;scale:1}100%{opacity:0;scale:1.1}}
.v5-sea-field .enemy-ship>span:last-child{top:auto;right:auto;line-height:1.2;white-space:nowrap}

.home-nav .creator-dragon{display:block;width:26px;height:26px;flex:0 0 26px;object-fit:contain;filter:drop-shadow(0 2px 3px #102c3033)}
.farm-field>span{color:#415b44;text-shadow:none;font-weight:700}
.market-inventory{position:sticky;top:96px;z-index:3;background:#eee7d5;padding:10px;border-radius:14px;box-shadow:0 6px 16px #213b2515}.market-inventory .inventory-item{min-width:0}@media(max-width:700px){.market-inventory{top:73px;padding:5px;gap:4px}.market-inventory .inventory-item .atlas-picture{height:44px}}

.route-grid{gap:1px;background:#b6bf89;padding:8px}.route-cell{background:linear-gradient(145deg,#e8d6a8,#e5c798)!important;border-radius:3px;box-shadow:none}.route-cell.block{background:#9dad74!important;box-shadow:none}.route-cell .route-scenery{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain;filter:drop-shadow(0 3px 2px #324b2433);pointer-events:none}.route-cell .route-hero{position:absolute;inset:0;width:100%!important;height:100%!important;max-height:none;z-index:2}.route-cell .cell-label{z-index:3;font-size:9px}.path-pebbles{color:#9e885c;opacity:.6;font-size:22px}.route-cell.current{outline:3px solid #e7b352;outline-offset:-3px;z-index:3}.route-cell.visited{background:#edd8a0!important}.route-cell.visited .path-pebbles{color:#ba8d3e}.route-cell.goal{background:#bccb91!important}
.evacuation-map{max-width:760px;display:grid;grid-template-columns:160px minmax(0,420px);justify-content:center;align-items:center;gap:15px;padding:14px}.evacuation-map .route-story{display:block;margin:0}.evacuation-map .route-story svg{width:100%;height:150px}.evacuation-map .route-story p{font-size:14px;line-height:1.6}.evacuation-map .route-grid{width:100%;max-width:min(52vh,420px);justify-self:center;aspect-ratio:1}.route-cell .route-hero{filter:drop-shadow(0 2px 2px #143e45)}@media(max-width:700px){.evacuation-map{display:block;padding:8px}.evacuation-map .route-story{display:grid;grid-template-columns:75px 1fr;gap:10px;margin-bottom:10px}.evacuation-map .route-story svg{height:80px}.evacuation-map .route-story p{font-size:12px}.evacuation-map .route-grid{max-width:none}}

/* v6 cinema polish */
.cinema-layer{transition:opacity .65s ease;background:#132d2b}.mission-cinema{height:min(56vh,520px);aspect-ratio:auto;min-height:220px}.cinema-layer video{object-fit:contain}.cinema-skip{z-index:12}.home-nav .creator-dragon{width:32px;height:32px;flex-basis:32px}.cinema-host:has(.cinema-layer){overflow:hidden}.intro-scene.cinema-host{min-height:350px}.ending-illustration.cinema-host{background:#173d3b}