/* Cinematic Edition. Generated photography is packaged locally. */
:root{background:#020f18;color:#ecf4f5;--ink:#ebf4f6;--mint:#ade4dd}
.shell{padding:0 24px;grid-template-rows:76px 49px minmax(0,1fr) 29px;max-width:1900px}
.brand-icon{color:#dcb787}.brand b{letter-spacing:5px;font-weight:550}.brand small{color:#809aa6}
.tools button{background:#102631;color:#cbd9df;border-color:#28404c;border-radius:5px}
.nav-item{border-color:#22353e;color:#91a6af;font-size:11px;padding-top:11px}.nav-item.current{border-color:#d8b887;color:#edd3af}.nav-item.done{color:#a6cdc7;border-color:#719c96}
.progress i{background:#c2ac86}.progress-area{color:#adc0c8}
.play-grid{grid-template-columns:minmax(0,1.5fr) minmax(390px,.88fr);gap:18px}
.world.cinema{border:1px solid #29434e;border-radius:12px;background:#061c29;isolation:isolate}
.scene-image{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center;filter:grayscale(1) brightness(.72) contrast(.94);transition:filter 1.5s ease,transform 3s ease;z-index:-3}
.scene-dormant:after{content:'';position:absolute;inset:0;background:#123c5270;mix-blend-mode:color;pointer-events:none;z-index:-2}
.scene-live .scene-image{filter:grayscale(0) brightness(.98) saturate(1.05)}
.scene-vignette{position:absolute;inset:0;background:linear-gradient(180deg,#00121b68 0%,transparent 32%,#00121b08 49%,#00121bc4 74%,#00121bf5 100%),linear-gradient(90deg,#00121b62,transparent 60%);z-index:-1;pointer-events:none}
.world-top{top:24px;left:27px;right:27px;font-size:9px;letter-spacing:1.7px;color:#c4d5dc}.pill{background:#081d2660;border-color:#bfd5df4a;padding:8px 10px;border-radius:3px;backdrop-filter:blur(6px)}.scene-status{font-size:8px;color:#d2e6e1}.scene-dormant .scene-status{color:#b1c1cb}
.world-title{left:6%;top:13%;max-width:80%;text-shadow:0 3px 23px #00121bba}.world-title>span{font-size:9px;letter-spacing:2.5px;color:#c1d5dc}.world-title h1{font-size:clamp(37px,4.7vw,72px);font-weight:580;line-height:1.05;letter-spacing:-2px;margin:16px 0;color:#fff8ee}.world-title h1 em{font-weight:300;letter-spacing:4px;color:#e6cba5}.world-title p{font-size:12px;color:#d0dce0;max-width:380px;line-height:1.5}
.cinema-caption{position:absolute;left:6%;bottom:190px;font-size:10px;letter-spacing:1px;color:#e5eeee;text-shadow:0 2px 10px #000}.cinema-caption span{display:block;font-size:8px;color:#a2bfc9;letter-spacing:2px;margin-top:9px}
.mission-gallery{position:absolute;bottom:51px;left:5%;right:5%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.mission-frame{position:relative;height:119px;border:1px solid #64778060;border-radius:6px;overflow:hidden;background:#132934;box-shadow:0 6px 14px #0004}
.mission-frame img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.55);transition:filter 1.2s ease}
.mission-frame.online{border-color:#c9b1889c}.mission-frame.online img{filter:none}.mission-frame.selected{outline:1px solid #e4cda6;outline-offset:3px}
.frame-shade{position:absolute;inset:0;background:linear-gradient(transparent 10%,#02121b20 30%,#02121be8 100%)}.frame-number{position:absolute;top:9px;left:9px;color:#e9e8df;font-size:9px;letter-spacing:1px}
.frame-label{position:absolute;bottom:11px;left:9px;right:5px}.frame-label strong{display:block;color:#e1e9eb;font-size:10px;line-height:1.3;font-weight:550}.frame-label small{display:block;font-size:6px;color:#9eb2bd;letter-spacing:.7px;margin-top:6px}.online .frame-label small{color:#e8cf9c}.frame-status{position:absolute;top:10px;right:9px;width:4px;height:4px;border-radius:50%;background:#607782}.online .frame-status{background:#e9cf9e;box-shadow:0 0 10px #ffe2a9}
.world-bottom{left:5%;right:5%;bottom:23px;color:#7f9aa6;font-size:8px}.world-bottom strong{color:#c0c9c4;font-weight:400;letter-spacing:1.5px}
.just-activated .scene-image{animation:color-awakens 1.8s ease both}.newly-active img{animation:color-awakens 1.8s ease both}
@keyframes color-awakens{0%{filter:grayscale(1) brightness(.5)}45%{filter:grayscale(.5) brightness(1.12)}100%{filter:grayscale(0) brightness(.98)}}
.panel{background:linear-gradient(145deg,#112b37,#0b202c 70%);color:#e8f1f4;border:1px solid #2b414c;border-radius:12px;padding:31px;scrollbar-color:#49646e #0b202c}
.eyebrow{color:#d9be97;font-weight:500;font-size:9px;letter-spacing:2px;margin-bottom:16px}h2{color:#f3f2eb;font-weight:500;line-height:1.15;font-size:clamp(24px,2.1vw,32px);letter-spacing:-.6px}p{color:#c0d0d8;font-size:13px;line-height:1.7}.story{color:#9bb1bc;font-size:12px}.task-counter{color:#acbfc7;border-color:#334a56;font-weight:450}h3{color:#e8eff0;font-weight:500;font-size:17px}
.choice{background:#1a3441;border-color:#3b5562;color:#e9f0f2;border-radius:6px;font-weight:400}.choice:hover{background:#244453}.choice.correct{background:#214d47;border-color:#709b8a;color:#edf9f3}.choice:disabled{opacity:.55}.choice.correct:disabled{opacity:1}
.primary{background:#d6b98f;color:#102431;border-radius:6px;box-shadow:0 3px 0 #9d835e;font-weight:600}.secondary{background:#28404c;color:#dbe7eb;border-radius:6px}
.rule{background:#1a3340;border:1px solid #354c58;border-radius:6px;color:#c1d3dc}.rule p{color:#c1d3dc}.rule summary{font-weight:450}.feedback.success{background:#214b42;color:#d9f3e9;border-color:#8ab5a4}.feedback.error{background:#473c2b;color:#f3ddbb;border-color:#d1ac75}
.sentence{background:#0a212d;border-color:#617c86;color:#cbd9df;border-radius:6px}.sentence>span{color:#9eb2bc}.token{background:#263f4c;color:#e6eef0;border-color:#4c6572;border-radius:5px}.token.placed{background:#30574f;color:#eaf3ed;border-color:#698d7e}.token:disabled{opacity:.35}.input-note,label{color:#a3bac5}input{background:#0a202c;border-color:#54707b;color:#f0f4f2;border-radius:5px}input::placeholder{color:#8aa3af}
.intro-stats{background:#19323e;border:1px solid #334b56;border-radius:7px}.intro-stats b{color:#e5c99f;font-weight:400}.intro-stats span{color:#a2b7c1}.instructions{color:#c0d0d8}.muted{color:#9ab2bd}.finish-score{color:#e1c69e;font-weight:400}
.recap-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.recap-frame{position:relative;height:133px;overflow:hidden;border:1px solid #425764;border-radius:7px}.recap-frame:first-child{grid-column:span 2;height:170px}.recap-frame img{width:100%;height:100%;object-fit:cover}.recap-frame.dormant img{filter:grayscale(1) brightness(.55)}.recap-frame>div{position:absolute;inset:0;padding:15px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(transparent,#00131ee0)}.recap-frame span{font-size:7px;letter-spacing:1px;color:#dec19a}.recap-frame strong{font-weight:500;font-size:16px;margin-top:6px;color:#e9f0f1}.archive-heading{margin-top:25px}.animal-card{background:#172f3a;border:1px solid #344d58;border-radius:6px}.animal-card strong{color:#e1ecee;font-weight:500}.animal-card small{color:#a7bdc7}.animal-card .specimen{color:#d4b58c;font-size:7px;letter-spacing:1px;margin:0 0 9px}.reward-photo{border:1px solid #46626d;border-radius:8px;overflow:hidden;margin:22px 0}.reward-photo img{width:100%;height:210px;object-fit:cover;display:block;animation:color-awakens 1.6s ease}
@media(max-width:1100px) and (min-width:641px){.shell{padding:0 15px}.play-grid{grid-template-columns:minmax(0,1.1fr) minmax(340px,1fr);gap:12px}.panel{padding:23px}.mission-gallery{gap:5px;left:4%;right:4%}.mission-frame{height:97px}.frame-label strong{font-size:8px}.frame-label{left:6px;bottom:8px}.frame-label small{font-size:5px}.cinema-caption{bottom:167px}.world-title h1{font-size:42px}.world-top{left:5%;right:5%;font-size:7px}.scene-status{display:none}}
@media(max-width:640px){.shell{padding:0 9px;grid-template-rows:60px 37px minmax(0,1fr) 24px}.play-grid{grid-template-columns:1fr;grid-template-rows:minmax(176px,32%) minmax(0,1fr);gap:9px}.panel{padding:20px;border-radius:9px}.world.cinema{border-radius:9px}.scene-image{object-position:center 48%}.world-top{top:9px;left:12px;right:12px;font-size:5px;letter-spacing:1px}.pill{padding:4px 6px}.world-title{top:29px;left:13px;max-width:90%}.world-title>span,.world-title p{display:none}.world-title h1{font-size:26px;line-height:1;letter-spacing:-.7px;margin:9px 0}.world-title h1 br{display:none}.world-title h1 em{font-size:23px;letter-spacing:1px;margin-left:6px}.world-bottom{bottom:9px;left:13px;right:13px;font-size:5px}.world-bottom strong{font-size:5px;letter-spacing:1px}.cinema-caption{display:none}.mission-gallery{left:13px;right:13px;bottom:27px;gap:5px}.mission-frame{height:65px;border-radius:4px}.frame-label{left:5px;bottom:6px;right:3px}.frame-label strong{font-size:6px;line-height:1.2}.frame-label small{display:none}.frame-number{left:5px;top:5px;font-size:6px}.frame-status{right:5px;top:5px;width:3px;height:3px}.mission-frame.selected{outline-offset:2px}.recap-frame{height:120px}.recap-frame:first-child{height:150px}.brand b{font-size:11px}.progress-area{font-size:8px}.tools button{font-size:9px;padding:0 6px}.nav-item{padding-top:9px;font-size:9px}.nav-item.current>span{font-size:8px}.eyebrow{font-size:8px}h2{font-size:25px}h3{font-size:16px}.scene-vignette{background:linear-gradient(180deg,#00121b60,transparent 40%,#00121bcc 100%),linear-gradient(90deg,#00121b50,transparent 70%)}.intro-stats{padding:13px}.reward-photo img{height:160px}}
@media(prefers-reduced-motion:reduce){.scene-image,.mission-frame img,.reward-photo img{animation:none!important;transition:none!important}}

/* English is the main game language. German appears only as compact guidance. */
.story,.instructions,.muted,.input-note,.small-help,.rule,.rule p,.feedback{font-size:10px;line-height:1.48}
.story{max-width:620px;color:#91a7b2;margin-top:7px;margin-bottom:16px}
.instructions{line-height:1.52;margin-top:14px;margin-bottom:9px}
.instructions li{margin-bottom:4px}
.muted{margin-top:6px;color:#849ca7}
.input-note{margin:7px 0;color:#8fa7b2}
.rule{padding:10px 12px;margin-top:12px}
.rule summary{font-size:9px;letter-spacing:.25px;color:#aebfc6}
.rule p{margin-top:7px}
.feedback{margin:9px 0;padding-top:9px!important;padding-bottom:9px!important}
.radio-card{margin:0 0 14px;padding:12px;border:1px solid #49616b;border-radius:8px;background:linear-gradient(135deg,#091d27,#142f3b);box-shadow:inset 0 0 24px #020d1480,0 8px 22px #020d1430}
.briefing-radio{border-color:#9a7a51;box-shadow:inset 0 0 28px #020d1490,0 0 24px #d5a86718}
.radio-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;color:#e0c49d;font-size:8px;letter-spacing:1.4px}
.radio-heading small{color:#92aab5;font-size:7px;letter-spacing:1px}
.radio-card audio{display:block;width:100%;height:36px;filter:sepia(.18) saturate(.75) hue-rotate(125deg)}
.audio-help{margin:7px 0 0;color:#91a8b2;font-size:9px;line-height:1.4}
.transcript{margin:10px 0;padding:9px 11px;border:1px solid #334d59;border-radius:6px;background:#102a36;color:#c7d7dc;font-size:9px}
.transcript summary{cursor:pointer;color:#d9be97;letter-spacing:.3px}
.transcript p{margin:7px 0 0;color:#c7d7dc;font-size:10px;line-height:1.55}
.lead{font-size:13px;color:#c9d7dc}
@media(max-width:640px){.story,.instructions,.muted,.input-note,.small-help,.rule,.rule p,.feedback{font-size:9px}.lead{font-size:11px}.rule summary{font-size:8px}.radio-card{padding:10px}.radio-heading{font-size:7px}.radio-heading small{display:none}.audio-help{font-size:8px}}