@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Italiana&display=swap');
:root{color-scheme:dark;--ink:#f0ebda;--muted:#b9c4bb;--gold:#e9c681;--panel:#122c32;--line:#ffffff24;font-family:'DM Sans',sans-serif;color:var(--ink);font-size:16px}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:radial-gradient(ellipse at 63% 40%,#355558 0%,#1d3b43 42%,#10282e 83%)}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button{background:transparent;border:1px solid var(--line);border-radius:3px;padding:10px 16px}button:hover{background:#ffffff12;border-color:#e9c68190}button:disabled{opacity:.5;cursor:default}a{color:var(--gold);text-underline-offset:4px}.hidden{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;outline:none}header{position:fixed;left:42px;right:42px;top:30px;display:flex;align-items:center;justify-content:space-between;z-index:4;pointer-events:none}.brand{display:flex;gap:15px;align-items:center;font-size:15px;letter-spacing:3px;font-weight:600;text-shadow:0 2px 10px #102c31}.brand>div>span{display:block;font-size:10px;letter-spacing:2.7px;margin-top:5px;color:var(--gold)}.seal{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--gold);border-radius:50%;font:23px 'Italiana',serif;color:var(--gold)}.top-actions{display:flex;gap:9px;pointer-events:auto}.top-actions button{background:#10272e90;backdrop-filter:blur(15px);font-size:13px}.top-actions button:last-child{width:42px;padding:8px}kbd{font:11px 'DM Sans',sans-serif;background:#ffffff0d;border:1px solid #ffffff36;border-bottom:2px solid #ffffff55;border-radius:3px;padding:3px 5px;white-space:nowrap}.top-actions kbd{margin-left:10px}#intro{position:fixed;left:7%;top:24%;max-width:430px;z-index:3}.eyebrow{font-size:11px;letter-spacing:2px;line-height:1.6;font-weight:600;color:var(--gold)}h1{font:clamp(48px,4.7vw,72px)/1.06 'Italiana',Georgia,serif;margin:21px 0;color:#f3eddb;font-weight:400;letter-spacing:-2px}h1 em{font-style:normal;color:var(--gold)}#intro p{line-height:1.7;color:#c1cec7;font-size:16px;margin:24px 0 27px}button.primary{background:var(--gold);color:#1b3435;border:0;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:45px;font-size:14px;font-weight:700}button.primary:hover{background:#f5d89e}button.primary kbd{border-color:#213d3e60;background:#213d3e10}.intro-meta{font-size:10px;letter-spacing:1.35px;display:flex;align-items:center;gap:10px;color:#a8bdb6;margin-top:17px}.intro-meta i{height:3px;width:3px;border-radius:50%;background:#e9c681}.aspect-mini{border-left:1px solid #e9c68166;padding-left:14px;margin-top:36px;font-size:10px;line-height:2;letter-spacing:2px;color:var(--gold)}.aspect-mini span{letter-spacing:0;color:#b4c3b9;font-size:13px}#world-caption{position:fixed;bottom:114px;left:64%;transform:translateX(-50%);font-size:10px;letter-spacing:3px;text-align:center;line-height:2;white-space:nowrap;color:#e4d0ac}#world-caption span{display:block;font-size:9px;letter-spacing:1.8px;color:#96afa8}footer{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:22px;z-index:3;white-space:nowrap;font-size:12px;color:#c6d1c8}footer span{display:flex;align-items:center;gap:5px}footer kbd{color:#e8e5d6}#loading{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#112b32;transition:opacity .5s}#loading p{font:32px 'Italiana',serif}#loading small{color:#9bb2ac;font-size:13px}#loading .seal{animation:breathe 2s infinite}@keyframes breathe{50%{opacity:.35}}#mission{position:fixed;top:117px;left:35px;width:316px;padding:20px 22px;background:linear-gradient(110deg,#10282ded,#10282da6);backdrop-filter:blur(12px);border-left:2px solid var(--gold);z-index:3}#mission .eyebrow{font-size:9px;letter-spacing:1.5px}h2{font:32px/1.13 'Italiana',Georgia,serif;margin:13px 0 16px;font-weight:400}#mission h2{font-size:25px;margin:10px 0}#mission p{font-size:13px;line-height:1.5;color:#bbc9be;margin:0 0 17px}.progress-track{height:2px;background:#ffffff20}.progress-track span{height:2px;display:block;background:var(--gold);transition:width .5s}.mission-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:10px;color:#c6cec0}.mission-foot button{font-size:10px;padding:0;border:0;color:var(--gold)}#location{position:fixed;left:50%;transform:translateX(-50%);top:35px;z-index:3;text-shadow:0 2px 8px #0e2025;text-align:center;font-size:10px;letter-spacing:2px;line-height:1.8;pointer-events:none}#zone-name{display:block;color:#d0d6bd;font-size:10px;letter-spacing:.4px}.location-dot{display:inline-block;width:5px;height:5px;background:var(--gold);border-radius:50%;margin:0 7px 2px 0}#crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:23px;font-weight:400;color:#f0e6cbbb;pointer-events:none;text-shadow:0 1px 3px #000}#prompt{position:fixed;left:50%;bottom:105px;transform:translateX(-50%);display:flex;gap:12px;align-items:center;background:#122c32ec;backdrop-filter:blur(10px);border:1px solid #d1b78066;padding:10px 18px;border-radius:4px;font-size:14px;max-width:80vw}#prompt kbd{font-size:16px;padding:4px 10px;background:var(--gold);color:#182d30;border-color:var(--gold)}#toast{position:fixed;left:50%;top:105px;transform:translate(-50%,-10px);max-width:570px;width:max-content;padding:13px 24px;background:#173336f5;color:#f1dab1;border:1px solid #ddbd7570;box-shadow:0 8px 25px #0002;text-align:center;line-height:1.5;font-size:14px;opacity:0;transition:.2s;pointer-events:none;z-index:30}#toast.visible{opacity:1;transform:translate(-50%,0)}#nav{position:fixed;bottom:98px;right:30px;width:142px}#nav canvas{width:142px;height:142px;background:#142d33a6;border:1px solid #e0c28770;border-radius:50%;backdrop-filter:blur(8px)}#nav>div{display:flex;justify-content:space-between;color:var(--gold);font-size:11px;margin-top:9px}#npc-quip{position:fixed;bottom:190px;left:50%;transform:translateX(-50%);background:#10292de8;border:1px solid #e3c88c50;padding:14px 19px;max-width:500px;font-size:13px;z-index:3;line-height:1.6}#npc-quip b{color:var(--gold);margin-right:8px}dialog{color:var(--ink);background:#142c31;border:1px solid #c9af7659;box-shadow:0 30px 100px #0006;padding:35px;max-height:88vh;border-radius:5px;z-index:10}dialog::backdrop{background:#07141979;backdrop-filter:blur(5px)}dialog p{line-height:1.65}dialog h2{font-size:38px}.close{position:absolute;top:12px;right:14px;border:0;font-size:26px;padding:0 9px;background:#10282d99;z-index:2;line-height:1.4}.muted{color:var(--muted);font-size:14px;line-height:1.65}.dialogue-panel{width:min(750px,90vw);margin:auto auto 98px;padding:25px 30px;background:#112b30f8;border-top:2px solid var(--gold)}.dialogue-top{display:flex;justify-content:space-between}.dialogue-top>span:last-child{font-size:12px;color:#b9c4b7}.dialogue-panel p{font-size:20px;margin:15px 0 22px;line-height:1.5}.dialogue-panel .primary{margin-left:auto;padding:10px 17px}.art-modal{width:min(1080px,94vw);padding:0;overflow:auto}.art-modal[open]{display:grid;grid-template-columns:1fr 1fr}.art-image{background:#091e23;display:flex;align-items:center;justify-content:center;position:relative;min-height:520px;padding:32px}.art-image img{max-width:100%;max-height:66vh;object-fit:contain;box-shadow:0 4px 35px #0004}.art-image button{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#122d31;font-size:12px}.art-content{padding:42px 35px 30px}.art-content h2{font-size:35px;margin-bottom:7px}.art-content .muted{margin:0 0 27px}.art-content a{font-size:12px;display:inline-block;margin-top:22px}.art-content h3{font-weight:500;font-size:16px;line-height:1.5;margin:15px 0}.choices{display:grid;gap:10px}.choices button{text-align:left;font-size:14px;line-height:1.5;padding:13px 15px;display:flex;gap:12px;align-items:center}.choices button b{color:var(--gold);font-size:12px;font-weight:500}.choices button.selected{border-color:var(--gold);background:#e9c68114}.choices button.correct{border-color:#a6c980;background:#a6c98013}#art-feedback{font-size:14px;line-height:1.6;margin-top:15px;color:#f4d49f}#art-feedback.wrong{color:#f7b89b}.art-modal.zoomed[open]{grid-template-columns:1fr}.art-modal.zoomed .art-content{display:none}.art-modal.zoomed .art-image img{max-height:78vh}.art-modal.zoomed .art-image{min-height:80vh}.journal{width:min(900px,94vw);padding:40px}.journal>p{font-size:15px;color:#bfcabf}.journal-tabs{display:flex;gap:12px;border-bottom:1px solid var(--line);margin:25px 0}.journal-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:12px 8px;font-size:14px}.journal-tabs button.selected{border-color:var(--gold);color:var(--gold)}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.collection-item{padding:0;border:1px solid var(--line);overflow:hidden;text-align:left;background:#0f252b}.collection-item img{width:100%;height:125px;object-fit:cover;filter:saturate(.8)}.collection-item.locked img{filter:grayscale(1);opacity:.25}.collection-item>span{display:block;padding:12px;font-size:12px;line-height:1.5}.collection-item strong{display:block;font-size:13px;font-weight:500}.collection-item small{display:block;color:var(--gold);margin-top:5px}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.lesson-grid h3{font:27px 'Italiana',serif;color:var(--gold)}.lesson-grid p,#journal-body>p{font-size:15px;line-height:1.75}.lesson-grid ul{padding-left:18px;font-size:14px;line-height:1.85}.source-row{border-bottom:1px solid var(--line);padding:15px 0;font-size:13px;line-height:1.7}.source-row a{margin-right:12px}.settings{width:min(620px,94vw)}.settings dl{display:grid;grid-template-columns:150px 1fr;gap:14px;font-size:14px;line-height:1.5}.settings dt{color:var(--gold)}.settings dd{margin:0;color:#c3cec2}.setting-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0;font-size:14px}.setting-row input{accent-color:var(--gold);width:18px;height:18px}select{background:#203c3f;color:var(--ink);padding:7px;font-size:13px;border:1px solid var(--line)}.text-button{margin-top:16px;border:0;padding:0;color:#aabbb2;text-decoration:underline;font-size:13px}#touch-controls{display:none}#finale-body{line-height:1.7}#finale-body blockquote{font:25px/1.45 'Italiana',serif;border-left:2px solid var(--gold);padding-left:20px;margin:25px 0;color:#ead3a8}.success-badge{font:65px 'Italiana',serif;color:var(--gold);margin:10px 0}.body-playing #world-caption{display:none}.body-playing footer{background:#112a31ab;padding:10px 16px;border-radius:4px;bottom:20px;font-size:10px;gap:15px}.body-playing header .brand>div{font-size:12px}.body-playing header .brand>div>span{font-size:8px}.body-playing .seal{width:35px;height:35px;font-size:18px}
@media(max-width:1050px){#intro{left:5%;max-width:370px}h1{font-size:61px}footer{gap:12px;font-size:10px}#mission{width:260px;padding:16px;left:22px;top:100px}#mission h2{font-size:22px}.body-playing footer span:last-child{display:none}header{left:24px;right:24px;top:23px}.brand{font-size:13px}#location{top:80px}#toast{top:80px;max-width:70vw}#nav{right:20px;width:110px}#nav canvas{height:110px;width:110px}#nav>div{font-size:10px}}
@media(max-width:650px){header{left:18px;right:18px;top:18px}.brand{font-size:11px;gap:10px}.brand>div>span{font-size:8px;letter-spacing:1.5px}.seal{width:35px;height:35px}#intro{top:auto;bottom:105px;left:26px;width:85%;max-width:none;pointer-events:none}#intro .eyebrow{font-size:9px}h1{font-size:47px;line-height:1.04;margin:10px 0}#intro h1 br:first-child{display:none}#intro p{font-size:13px;margin:14px 0;line-height:1.6}#start{pointer-events:auto;padding:13px 20px}.intro-meta{font-size:8px;margin-top:12px}.aspect-mini{display:none}#world-caption{display:none}footer{bottom:24px;width:90%;flex-wrap:wrap;gap:10px}footer span:nth-child(n+4){display:none}.top-actions button{font-size:11px;padding:8px}.top-actions kbd{display:none}#mission{left:14px;top:76px;width:220px;padding:12px}#mission p{font-size:11px;margin-bottom:10px}#mission h2{font-size:20px}#mission .eyebrow{font-size:8px}#location{display:none}#nav{bottom:180px;right:12px;width:85px}#nav canvas{width:85px;height:85px}#nav>div{display:none}#prompt{bottom:165px;font-size:12px;padding:8px 12px;max-width:94vw;white-space:nowrap}#toast{top:235px;max-width:90vw;font-size:12px;padding:10px}#npc-quip{bottom:220px;width:90vw;font-size:12px}.dialogue-panel{margin:auto auto 135px;padding:20px}.dialogue-panel p{font-size:16px}.art-modal[open]{grid-template-columns:1fr}.art-image{min-height:230px;padding:20px 40px 40px}.art-image img{height:220px;width:100%;object-fit:contain}.art-content{padding:25px}.art-content h2{font-size:30px}.art-content .muted{margin-bottom:15px}.journal{padding:28px 20px}.journal h2{font-size:29px}.collection-grid{grid-template-columns:1fr 1fr}.collection-item img{height:105px}.lesson-grid{grid-template-columns:1fr;gap:0}.settings{padding:28px 22px}.settings dl{grid-template-columns:100px 1fr;font-size:12px;gap:12px}.settings h2{font-size:30px}.body-playing footer{display:none}#touch-controls{position:fixed;bottom:25px;left:22px;right:22px;justify-content:space-between;align-items:end;pointer-events:none}body.body-playing #touch-controls{display:flex}#touch-controls button{background:#102a32ac;backdrop-filter:blur(5px);width:45px;height:44px;padding:5px;pointer-events:auto;touch-action:none;margin:2px;font-size:21px}#touch-controls>div:first-child>button{margin-left:51px}#touch-controls>div:last-child{display:flex;gap:8px}.art-modal.zoomed .art-image img{height:70vh}#journal-btn{font-size:0}#journal-btn::before{content:'Veldboek';font-size:11px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}