.test-banner{padding:9px 16px;text-align:center;background:#e0b25d;color:#172b24;font-size:12px;font-weight:700}.crop-frame{overflow:hidden;position:relative}.crop-frame img{display:block;width:100%;height:100%;max-height:none;transform-origin:center}.reading-photo.book-art img{aspect-ratio:auto}.hero-photo .crop-frame{position:absolute;inset:0}.hero-photo .crop-frame img{position:static}.reading-copy .chapter-audio .audio-help{font-size:14px}.reading-copy .extra-block{padding:18px 0}.extra-block img,.extra-block video{width:100%}.extra-block input{width:100%;padding:14px;border-radius:9px;border:1px solid #d8954c;background:#101411;color:#f1e6cf}.extra-block label{display:block;margin-bottom:10px}.extra-block .primary{margin-top:12px}.task-result{margin-top:12px}.reading-place{white-space:pre-line}.gps-gate .secondary{margin-top:12px;width:100%}.test-tools{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.player-end{max-width:760px;margin:30px auto;padding:30px}.player-end h1{font-size:3rem}.source-note{margin-top:20px;font-size:13px;color:#c8bea9}.book-art figcaption:empty{display:none}.theme-buitengeheim{--deep:#081e19;--panel:#173e32;--copper:#e0b25d;--light:#edc57b}.theme-buitengeheim .reading-copy{background:#173e32}.theme-buitengeheim .primary{background:#e0b25d}.hero .stats{flex-wrap:wrap}.gps-result{min-height:25px}.player-video{width:100%;aspect-ratio:16/9}.image-credit{font-size:12px}.overview h1{font-size:clamp(2rem,6vw,3.4rem)}.topbar .brand{background:none;color:inherit;text-align:left}.topbar .partner-brand{max-width:95px}.topbar .partner-brand img{max-width:80px}.reading-copy [data-field=body] p{font-size:1.05rem;line-height:1.85}.eyebrow:before{display:none}.ending-image{max-height:360px}.crop-frame img{filter:none}
@media(max-width:420px){.topbar{height:72px}.brand span{font-size:1.2rem}.reading-copy{padding:22px 18px}.reading-copy h1{font-size:2.15rem}.primary,.secondary{min-height:50px}.reading-copy .story-transcript{padding:14px}.hero h1{font-size:3.3rem}.test-banner{font-size:11px}.hero .stat{flex-basis:40%}.hero-photo{height:300px;min-height:300px}.hero .image-caption{font-size:1.05rem}.player-end{padding:22px}.source-note{overflow-wrap:anywhere}}

/* Fixed route presets. Teut tokens/layout are taken from its cinema design;
   Gloeiige retains the forest/copper design in player-assets/route.css.
   Preview and released test player load this same file. No live app imports it. */
body{min-height:100dvh}.reading-photo[hidden]{display:none}.reading.without-art .reading-copy{border-top:1px solid #62533b;border-radius:24px}
.reading-copy:has(.chapter-audio:not(:has(audio))) .chapter-audio{padding:0}
.route-cover-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:radial-gradient(ellipse at 50% 35%,#77503366,transparent 70%),#182018;color:#c8bea9}
.route-cover-placeholder img{position:static;width:115px;height:115px;object-fit:cover;border-radius:50%;filter:none;opacity:.8}
.route-cover-placeholder span{font:12px/1.5 system-ui;text-align:center;padding:0 24px}
.movie-consent{background:linear-gradient(140deg,#283126,#101411);border:1px solid var(--line)}
.hero h1,.reading h1,.player-end h1,.intro-screen h1{overflow-wrap:anywhere}
.theme-buitengeheim{--deep:#071b20;--panel:#143337;--paper:#fff8e9;--muted:#b9ced0;--line:#365559;--copper:#ffc36b;--light:#ffda9e;--green:#9de5cd;color:var(--paper);background:radial-gradient(ellipse at 85% 2%,#20484a80,transparent 40rem),#071b20;line-height:1.65}
.theme-buitengeheim .topbar{background:#071b20;border-color:#36555960}
.theme-buitengeheim .brand img{border:1px solid #bc934948}.theme-buitengeheim .brand span{color:#fff8e9}
.theme-buitengeheim .primary,.theme-buitengeheim .chapter-followup .reading-nav .primary{border:1px solid #ffdfaf;border-radius:18px;background:linear-gradient(150deg,#ffda9e,#ffc36b);box-shadow:0 4px 0 #a87839,0 12px 28px #0003;color:#102529;min-height:58px;font-weight:750}
.theme-buitengeheim .primary:hover{background:#ffdda8}.theme-buitengeheim .primary:active{transform:translateY(2px);box-shadow:0 2px 0 #a87839}
.theme-buitengeheim .secondary{border:1px solid #506e70;border-radius:16px;background:#193b40;color:#fff8e9;font-weight:650;min-height:54px}
.theme-buitengeheim .hero{max-width:1120px;gap:32px;padding:24px 28px 60px;grid-template-columns:1fr 1fr}
.theme-buitengeheim .hero-photo{border-radius:28px;min-height:640px;border-color:#46605a;box-shadow:0 24px 50px #0003}
.theme-buitengeheim .hero-photo:after{background:linear-gradient(180deg,#071b2000 25%,#071b2010 45%,#071b20ed 100%)}
.theme-buitengeheim .route-cover-placeholder{padding-bottom:130px;background:radial-gradient(ellipse at 50% 20%,#2b555466,transparent 65%),#0b252b}
.teut-cover-heading{position:absolute;bottom:0;left:0;right:0;padding:30px 28px;z-index:2}
.theme-buitengeheim .teut-cover-heading h1{font-size:clamp(2.5rem,4.3vw,3.6rem);line-height:1.04;letter-spacing:-.045em;margin:18px 0 12px}
.teut-cover-heading .eyebrow{font-size:.65rem;letter-spacing:.16em}.teut-cover-heading>p:last-child:not(.eyebrow){font:italic 1.05rem/1.5 Georgia;color:#ffda9e}
.theme-buitengeheim .hero-copy{padding:12px 0;grid-column:2}
.theme-buitengeheim .hero-copy>.eyebrow{color:#9de5cd;font-size:.64rem}
.theme-buitengeheim .hero-copy .hero-subtitle{font-size:2.15rem;line-height:1.2;color:#fff8e9;max-width:none}
.theme-buitengeheim .hero-description{font-size:.96rem;line-height:1.85;color:#b9ced0}
.theme-buitengeheim .hero .stats{border:1px solid #3f6063;border-radius:22px;background:linear-gradient(130deg,#1a3a3e,#102b31);padding:22px;color:#fff8e9}
.theme-buitengeheim .stat strong{font:1.5rem/1.3 Georgia}.theme-buitengeheim .stat{border-color:#416064}
.theme-buitengeheim .reading-copy{background:linear-gradient(145deg,#1b3d42,#102b31);border-color:#45666b;color:#fff8e9;box-shadow:0 18px 40px #0002}
.theme-buitengeheim .reading.without-art .reading-copy{border-top-color:#718671}
.theme-buitengeheim .reading-photo{border-color:#45666b}.theme-buitengeheim .book-art figcaption{background:#102b31;color:#b9ced0}
.theme-buitengeheim .reading-copy .eyebrow{color:#9de5cd;font-size:.64rem}
.theme-buitengeheim .reading-copy h1{font-size:2.3rem;line-height:1.08;margin-top:18px;letter-spacing:-.025em}
.theme-buitengeheim .reading-copy .teut-story{background:none;border:0;padding:0;border-radius:0}
.theme-buitengeheim .teut-story>div{padding:0}.theme-buitengeheim .teut-story p{color:#d5e1dd;font-size:1rem!important;line-height:1.95;margin:0 0 20px}
.theme-buitengeheim .extra-block[data-block-kind=task]{background:#fff8e9;color:#163a38;padding:26px;border:1px solid #e2d6bd;border-radius:24px;margin:24px 0;box-shadow:0 18px 40px #0003;color-scheme:light}
.theme-buitengeheim .extra-block[data-block-kind=task] label{font:1.5rem/1.3 Georgia;color:#163a38}
.theme-buitengeheim .extra-block[data-block-kind=task] input{background:white;border:1px solid #a8b9ad;border-radius:13px;color:#163a38;min-height:55px}
.theme-buitengeheim .extra-block[data-block-kind=task] .primary{width:100%;background:#1e5148;border-color:#1e5148;color:#fff8e9;box-shadow:none;border-radius:13px;min-height:55px}
.theme-buitengeheim .extra-block[data-block-kind=task] details{margin-top:20px}.theme-buitengeheim .extra-block[data-block-kind=task] summary{color:#326454}
.theme-buitengeheim .task-result{color:#224d3d;font-weight:650;line-height:1.6}
.theme-buitengeheim .gps-gate{background:linear-gradient(140deg,#1a3d42,#0b252b);border-color:#547273}
.theme-buitengeheim .route-card,.theme-buitengeheim .route-stop{background:linear-gradient(130deg,#1a3a3e,#102b31);border-color:#45666b}
.theme-buitengeheim .route-stop .num{background:#193b40;color:#ffda9e}
.theme-buitengeheim .intro-screen{max-width:760px;padding:55px 28px;background:radial-gradient(ellipse at 50% 0%,#20484a80,transparent 70%)}
.theme-buitengeheim .intro-screen audio{display:block;width:100%;margin:26px 0;accent-color:#ffc36b}
.theme-buitengeheim .player-end{max-width:760px;text-align:center;padding:48px 28px 70px}
.theme-buitengeheim .player-end>.eyebrow{justify-content:center;color:#9de5cd}.theme-buitengeheim .player-end h1{font-size:clamp(3rem,7vw,4.6rem);line-height:1.05}
.theme-buitengeheim .closing-story{background:#f7edd6;color:#294339;padding:32px;border:1px solid #c8b289;border-radius:14px;box-shadow:0 15px 36px #0004;margin:28px 0;text-align:left}
.theme-buitengeheim .closing-story p{font:1.14rem/1.9 Georgia,serif}.theme-buitengeheim .player-end .actions{justify-content:center}
@media(max-width:760px){.theme-buitengeheim .hero{display:flex;flex-direction:column;padding:14px 18px 44px;gap:22px}.theme-buitengeheim .hero-photo{position:relative;height:480px;min-height:480px;width:100%;border-radius:24px}.teut-cover-heading{padding:25px 22px}.theme-buitengeheim .teut-cover-heading h1{font-size:2.75rem}.theme-buitengeheim .hero-copy{padding:4px 6px 14px}.theme-buitengeheim .hero-copy .hero-subtitle{font-size:1.9rem}.theme-buitengeheim .reading{padding:0 18px}.theme-buitengeheim .reading-copy{padding:24px 22px}.theme-buitengeheim .reading-copy h1{font-size:2.05rem}.theme-buitengeheim .extra-block[data-block-kind=task]{padding:22px 18px}.theme-buitengeheim .extra-block[data-block-kind=task] label{font-size:1.4rem}.theme-buitengeheim .closing-story{padding:24px 20px}.theme-buitengeheim .player-end{padding:32px 18px 55px}.theme-buitengeheim .closing-story p{font-size:1.05rem}.theme-buitengeheim .hero .stat strong{font-size:1.1rem}}
@media(prefers-reduced-motion:reduce){.theme-buitengeheim .primary:active{transform:none}}
/* One set of game components in the inline preview and the separate test player. */
.test-banner a{color:inherit;margin-left:16px;text-decoration:underline}.dossier-shortcut{display:block;margin:18px auto 20px;border:1px solid #b7c4a850;border-radius:24px;padding:10px 22px;background:#143339;color:#ffda9e}.dossier-screen,.finale-screen{max-width:740px;margin:32px auto;padding:32px;border:1px solid #b7c4a840;border-radius:24px;background:#122c30}.dossier-screen h1,.finale-screen h1{font:clamp(30px,6vw,46px)/1.15 Georgia;color:#fff8e9}.dossier-clue{border-top:1px solid #b7c4a840;padding:22px 0}.dossier-clue small{color:#a9cbbb}.dossier-clue h2{font:27px Georgia;color:#ffda9e}.finale-screen label{display:block;margin:22px 0;color:#efdfbf}.finale-screen select,.extra-block select{display:block;width:100%;margin:10px 0 16px;background:#071b20;color:#fff8e9;border:1px solid #637c71;padding:13px;border-radius:9px;min-height:46px}.result-card{background:#173b3c;border:1px solid #ffda9e60;border-radius:20px;padding:26px;margin:30px 0}.result-card>span{font:11px system-ui;letter-spacing:2px;color:#ffda9e}.result-card small{display:block;font-size:12px;line-height:1.7;margin-bottom:18px}.result-card h2{font:28px Georgia}.auto-audio-choice{display:flex;align-items:center;gap:12px;margin:22px 0 4px}.auto-audio-choice input{width:22px;height:22px;accent-color:#e6ba70}#game-feedback,#finale-feedback{color:#ffda9e;line-height:1.7}.task-result p{color:#b8eed5}.extra-block button:disabled{opacity:.75}.theme-gloeiige .dossier-screen,.theme-gloeiige .finale-screen{background:#1e2820}
@media(max-width:600px){.dossier-screen,.finale-screen{padding:22px;margin:20px 0;border-radius:18px}.test-banner a{display:inline-block;margin-left:8px}.result-card{padding:20px}.finale-screen .actions{flex-wrap:wrap}.auto-audio-choice{font-size:14px}}

.co-brand{min-width:0;gap:18px}.brand-municipality{font:400 clamp(18px,3vw,26px)/1.2 Georgia,serif;color:inherit;border-left:1px solid currentColor;padding-left:18px;overflow-wrap:anywhere;max-width:320px}.topbar .brand{flex-shrink:0}@media(max-width:600px){.topbar{padding:12px 14px!important;gap:10px}.co-brand{gap:10px}.topbar .brand{gap:8px;font-size:19px}.topbar .brand img{width:36px;height:36px}.topbar .brand small{font-size:8px;letter-spacing:1.5px}.brand-municipality{font-size:18px;padding-left:10px;max-width:42vw}.topbar #menu{flex-shrink:0;width:36px;height:36px}}