.game-start{margin-top:10px;background:#d8e6b2;color:#20382e;border:1px solid #aabb86}.game-start:hover{background:#c7dc83}.game-teaser{font-size:10px!important;margin:9px 0 0!important}.game-hud{position:fixed;top:100px;left:38px;width:300px;background:#20382eed;color:#f4f1e8;padding:20px;border:1px solid #e7dfb333;border-radius:5px;backdrop-filter:blur(12px)}.game-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#d8e6b2}.game-hud h2{font-size:25px;margin:13px 0;letter-spacing:-.5px}.game-hud p{font-size:12px;line-height:1.65;margin:12px 0;min-height:40px}.game-steps{display:flex;gap:7px}.game-steps span{width:27px;height:27px;border:1px solid #e7dfb355;border-radius:50%;display:grid;place-items:center;font-size:11px}.game-steps .done{background:#d8e6b2;color:#20382e}.game-navigation{display:flex;align-items:center;gap:10px}.game-arrow{font-size:25px;color:#f5d38a;display:inline-block}.game-distance{font-size:12px;margin-right:auto}.game-tools{display:flex;gap:7px;margin-top:15px}.game-tools button{border:1px solid #ffffff40;background:transparent;color:#f4f1e8;padding:9px 12px;border-radius:3px;font-size:11px}.game-tools button:hover{background:#ffffff15}.game-action{position:fixed;left:50%;bottom:142px;transform:translateX(-50%);border:1px solid #fcf1c6;background:#e9d498;color:#20382e;padding:15px 24px;border-radius:30px;font-size:13px;box-shadow:0 5px 30px #0003}.game-toast{position:fixed;top:96px;left:50%;transform:translateX(-50%);width:min(480px,calc(100% - 40px));background:#f4f1e8f5;color:#20382e;padding:15px 20px;border-left:3px solid #ad893b;font-size:12px;line-height:1.6;pointer-events:none;z-index:5}.game-playing .intro{left:auto;right:38px;width:320px}.game-playing .intro-foot,.game-playing .game-teaser{display:none}.perspective{position:fixed;right:38px;top:105px;width:235px;background:#20382ee8;padding:20px;color:#f4f1e8;border:1px solid #e7dfb344;border-radius:5px}.perspective svg{display:block;height:100px;width:100%;color:#f5d38a}.perspective p{font-size:12px;line-height:1.6;margin:10px 0}.perspective progress{width:100%;height:7px;accent-color:#d8e6b2}.perspective .eyebrow{font-size:9px}.blueprint{float:left;width:42%;margin:0 18px 12px 0;background:#203f40;color:#f3dfa3;padding:12px;border-radius:3px}.blueprint svg{display:block;width:100%}#journal{max-width:660px}#journal h2{margin-bottom:14px}#journalFinds{list-style:none;padding:0;font-size:12px;min-height:275px}#journalFinds li{margin:0 0 18px;opacity:.45}#journalFinds .found{opacity:1}#journalFinds strong,#journalFinds span{display:block}#journalFinds span{font-size:11px;line-height:1.65;margin-top:5px}.journal-bottom{clear:both}.journal-bottom .text-button{margin-right:20px}.journal-bottom .primary{margin-top:15px}.film-bar{position:fixed;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(transparent,#13271fe8);color:#f8efd7;padding:55px 45px 35px}.film-bar span{font-family:Georgia,serif;font-size:28px}.film-bar button{border:1px solid #fff7;background:#20382e;color:#f8efd7;padding:13px 18px;border-radius:3px}#victory{text-align:center}#victory h2{font-size:40px;margin:20px 0}.victory-mark{font-size:40px;color:#648740}#victory .primary{margin-top:12px}#victory .text-button{margin-bottom:8px}#gameSound{accent-color:#20382e}
@media(max-width:700px){.game-hud{left:16px;top:78px;width:calc(100% - 32px);padding:13px 16px}.game-hud h2{display:none}.game-hud p{font-size:11px;line-height:1.45;min-height:0;margin:8px 0}.game-tools{position:absolute;right:15px;bottom:12px;margin:0}.game-tools button{padding:7px 9px;font-size:10px}.game-navigation{gap:6px}.game-distance{margin-right:145px}.game-steps span{width:22px;height:22px}.game-heading{margin-bottom:9px;font-size:9px}.game-toast{top:auto;bottom:245px;padding:12px 15px;font-size:11px}.game-playing .intro{left:20px;right:20px;width:auto;bottom:74px}.perspective{top:260px;right:16px;width:190px;padding:12px}.perspective svg{height:54px}.perspective p{font-size:10px}.game-action{bottom:220px;font-size:12px;width:max-content;max-width:90%}.film-bar{padding:40px 20px 25px}.film-bar span{font-size:22px}.film-bar button{font-size:11px}.blueprint{width:35%;margin-right:12px}#journalFinds{min-height:220px}.game-teaser{font-size:9px!important}}
@media(max-height:650px){.game-hud{top:80px}.game-hud h2{display:none}.game-toast{top:auto;bottom:130px}.perspective{top:80px}.perspective svg{height:55px}.game-playing .intro{bottom:60px}.game-teaser{display:none}.game-playing .intro p{margin-bottom:12px}}
.game-cinematic footer,.game-cinematic .topbar{visibility:hidden}.game-heading>span:last-child{white-space:nowrap;margin-left:10px}#victory .text-button{display:block;margin:0 auto 8px}.game-heading{gap:8px}
@media(max-width:700px){.game-tools{position:static;justify-content:flex-end;margin-top:8px}.game-hud p{margin-bottom:0}.game-distance{margin-right:0}.game-heading{font-size:8px}}

.perspective{pointer-events:none}.perspective #liveBlueprint svg{height:190px;margin:12px 0;color:#f3dfa3}.perspective #liveBlueprint{background:#203f4060;border-radius:3px}
@media(max-width:700px){.perspective{top:235px;width:156px}.perspective #liveBlueprint svg{height:120px;margin:8px 0}.perspective .eyebrow{font-size:8px}.perspective p{font-size:10px;margin-bottom:0}}
@media(max-height:650px) and (min-width:701px){.perspective #liveBlueprint svg{height:115px}}