:root{font-family:Arial,Helvetica,sans-serif;color:#f4f8f6;background:#08151e;font-synthesis:none;--mint:#a0e9bc;--muted:#a4b7bc;--panel:rgba(8,23,32,.90);--line:rgba(208,234,234,.18);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer;border:0;color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--mint);outline-offset:4px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}#world{display:block;width:100%;height:100%;touch-action:none}#vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(6,18,27,.78),transparent 58%),linear-gradient(0deg,rgba(6,18,27,.35),transparent 35%)}body.playing #vignette{background:linear-gradient(0deg,rgba(6,18,27,.48),transparent 23%,transparent 75%,rgba(6,18,27,.25))}#topbar{position:absolute;top:0;left:0;width:100%;height:102px;padding:28px 3.3%;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:5}.brand{display:flex;gap:14px;align-items:center;font-size:13px;letter-spacing:1.6px;font-weight:700}.brand svg{width:38px;height:38px;fill:none;stroke:var(--mint);stroke-width:1.4}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:2px;margin-top:7px;font-weight:400}.time-switch{display:flex;align-items:center;padding:5px;border:1px solid var(--line);background:#0b202cc4;border-radius:30px;gap:7px;position:absolute;left:50%;transform:translateX(-50%)}.time-switch button{font-size:16px;font-weight:700;letter-spacing:.5px;background:transparent;border-radius:25px;padding:10px 21px}.time-switch button.active{background:var(--mint);color:#123527}.time-switch span{color:var(--muted)}nav{display:flex;gap:9px}nav button{background:#0b202cc4;border:1px solid var(--line);padding:11px 13px;border-radius:8px;font-size:14px}nav button:hover{background:#23424b}nav button:last-child{width:42px;font-size:20px}kbd{display:inline-flex;align-items:center;justify-content:center;border:1px solid #75939c70;background:#c0d6da0e;color:#d1e0e1;padding:4px 7px;border-radius:4px;font:11px Arial,sans-serif;min-width:22px}nav kbd{margin-left:6px}#startScreen{position:absolute;inset:102px 0 0;pointer-events:none}.intro-copy{position:absolute;left:6.2%;top:5%;width:430px;max-width:40%;pointer-events:auto}.eyebrow{color:var(--mint);letter-spacing:2px;font-size:11px;display:flex;gap:12px;align-items:center;margin:0 0 26px}.line{display:block;width:28px;height:1px;background:var(--mint)}h1{font-size:clamp(55px,6.5vw,98px);line-height:.99;letter-spacing:-5px;margin:0 0 24px;font-weight:600}h1 em{font-style:normal;color:var(--mint)}.intro-description{font-size:20px;line-height:1.5;color:#c5d7db;margin:0 0 26px}.story-teaser{border-left:2px solid #64987c;padding:1px 0 1px 17px;max-width:380px}.tiny-label{font-size:11px;letter-spacing:1.7px;color:var(--mint);font-weight:700}.story-teaser p{font-size:15px;line-height:1.65;color:#c8d6da;margin:8px 0 0}.level-pick{display:flex;align-items:center;gap:6px;margin:24px 0 17px}.level-pick button{font-size:13px;padding:8px 13px;border-radius:5px;background:#18313d;color:#bccfd3;border:1px solid transparent}.level-pick button.selected{border-color:var(--mint);color:var(--mint);background:#1c3835}.level-pick span{color:var(--muted);font-size:12px;margin-left:8px}.primary{background:var(--mint);color:#102d22;font-weight:700;padding:16px 22px;border-radius:7px;display:inline-flex;justify-content:space-between;align-items:center;gap:36px}.primary:hover{background:#bff3d1}.primary span{font-size:23px}.start-note{font-size:12px;color:#9cafb5;margin:13px 0}.globe-caption{position:absolute;left:73%;bottom:14%;color:#c2d4d9;max-width:270px}.globe-caption p{font-size:14px;line-height:1.65}.globe-caption small{font-size:12px;color:#9db1b9}.caption-line{display:block;height:1px;background:#72979e77;width:50px;margin:16px 0}.start-bottom{position:absolute;bottom:25px;left:3.3%;right:3.3%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#93aab3}#location{position:absolute;left:3.3%;top:127px;text-shadow:0 2px 8px #09151f}#location h2{font-size:26px;letter-spacing:-.8px;margin:8px 0 5px}#eraDescription{font-size:13px;color:#dae6e5}#objective{position:absolute;left:3.3%;bottom:103px;width:285px;text-align:left;padding:20px 20px 16px;background:var(--panel);border:1px solid var(--line);border-radius:9px;backdrop-filter:blur(12px)}#objective strong{display:block;font-size:18px;line-height:1.3;margin:10px 0}#objective p{font-size:14px;line-height:1.5;color:#c7d8dc;margin:0 0 18px}.progress-line{height:3px;background:#37505a;overflow:hidden;border-radius:3px}.progress-line i{display:block;height:100%;background:var(--mint);width:0%;transition:width .4s}#completedCount{display:block;color:#9fb5bd;font-size:12px;margin-top:10px}#reticle{position:absolute;top:50%;left:50%;width:16px;height:16px;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 1px 2px #08151e)}#reticle i{position:absolute;background:#fff9;left:7px;top:1px;width:2px;height:14px}#reticle i+i{transform:rotate(90deg)}#reticle.active i{background:var(--mint)}#interaction{position:absolute;top:57%;left:50%;transform:translateX(-50%);padding:10px 15px;border-radius:7px;background:#081822dd;font-size:15px;max-width:450px;display:flex;align-items:center;gap:12px}#interaction kbd{font-size:16px;border-color:var(--mint);color:var(--mint);padding:5px 9px}#controls{position:absolute;bottom:0;left:0;width:100%;min-height:65px;padding:17px 3.3%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;background:#091b26d9;border-top:1px solid var(--line);font-size:12px;color:#c6d5d9}#controls span{display:flex;align-items:center;gap:6px}#compass{position:absolute;bottom:106px;right:4%;text-align:center;width:130px}#compass>span{font-size:11px;color:var(--mint)}#compassNeedle{width:68px;height:68px;border:1px solid #badbd670;border-radius:100%;background:#0b202ca8;margin:7px auto 11px;font-size:40px;line-height:65px;box-shadow:0 0 0 5px #658b8f15}#compass small{font-size:12px;color:#d0e2e1}#movementHint{position:absolute;left:50%;bottom:85px;transform:translateX(-50%);background:#081822cc;padding:12px 22px;text-align:center;font-size:14px;border-radius:7px}#movementHint span{display:block;font-size:12px;margin-top:5px;color:#adc4cc}.landmark-label{position:absolute;transform:translate(-50%,-100%);text-align:center;font-size:11px;color:#f2f8f4;text-shadow:0 2px 4px #000;pointer-events:none}.landmark-label b{background:#09232ce8;border:1px solid #95d5bd77;border-radius:6px;padding:6px 9px;display:block;font-weight:400}.landmark-label span{display:block;color:var(--mint);font-size:11px;margin-top:5px}#toast{position:absolute;z-index:35;left:50%;top:112px;transform:translate(-50%,-14px);background:#12382fed;border:1px solid #80c5a9;border-radius:8px;padding:13px 20px;max-width:560px;width:max-content;font-size:14px;opacity:0;transition:.3s;pointer-events:none;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}#modalBackdrop{position:absolute;inset:0;background:#051119a6;backdrop-filter:blur(9px);z-index:20;display:flex;align-items:center;justify-content:center;padding:30px}#modal{background:#112631;border:1px solid #65899655;border-radius:15px;max-height:90vh;width:780px;max-width:100%;position:relative;overflow:auto;box-shadow:0 30px 100px #0006}#modalContent{padding:34px 38px 36px}#closeModal{position:sticky;float:right;top:14px;margin:14px 14px -50px 0;z-index:2;background:#263c47;border-radius:50%;font-size:27px;line-height:32px;width:34px;height:34px;color:#dce9e9}#modal h2{font-size:30px;letter-spacing:-.7px;margin:12px 28px 16px 0}#modal h3{font-size:18px;line-height:1.3;margin:25px 0 12px}#modal p{font-size:16px;line-height:1.65;color:#d2e0e3}#modal small{font-size:13px;line-height:1.5;color:#b3c8ce}.speaker{display:flex;align-items:center;gap:13px;margin-bottom:16px}.avatar{width:48px;height:48px;border-radius:50%;background:var(--avatar,#249f91);border:3px solid #eff7f6;font-size:20px;font-weight:bold;color:white;display:grid;place-items:center;box-shadow:0 0 0 4px #e8f5f512}.speaker strong{display:block;font-size:17px}.speaker small{display:block;margin-top:4px}.quote{padding:16px 20px;border-left:3px solid var(--mint);background:#6ba38a10;font-size:18px!important;color:#f1f7f4!important}.evidence{padding:16px 19px;background:#091c26;border:1px solid #395864;border-radius:8px;margin:18px 0}.evidence p{margin:6px 0}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.tag{font-size:12px;padding:6px 9px;border-radius:5px;background:#213f48;color:#b8e2d7}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.secondary{border:1px solid #5c7c89;background:#183541;padding:12px 17px;border-radius:6px;font-size:14px}.secondary:hover{background:#294e5a}.answer{width:100%;border:1px solid #3d626e;background:#1a3642;text-align:left;font-size:16px;line-height:1.5;padding:15px 18px;border-radius:8px;margin:8px 0;display:flex;gap:14px}.answer:hover{border-color:var(--mint);background:#254e50}.answer>span{color:var(--mint);font-size:13px;padding-top:3px}.feedback{padding:13px 16px;background:#654d243f;border:1px solid #c9ab6b;border-radius:7px;font-size:15px;line-height:1.5;color:#efdfb9;margin:12px 0}.feedback.correct{background:#244d3d;border-color:#82cfa8;color:#d9f7e7}.modal-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.modal-tabs button{padding:9px 13px;border-radius:5px;border:1px solid #3f616b;background:#1b3843;font-size:14px}.modal-tabs .selected{color:#143d29;background:var(--mint);border-color:var(--mint)}.search{width:100%;padding:12px 15px;background:#091c26;border:1px solid #4b6d77;border-radius:7px;color:#f0f7f4;font-size:16px;margin-bottom:16px}.term{border-top:1px solid #3d5b654f;padding:14px 0}.term strong{font-size:16px;color:var(--mint)}.term p{margin:7px 0;font-size:15px!important}.term small{color:#9bb5be!important}.term.seen strong:after{content:' ✓';color:#81bfb1}.zone-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.zone-card{background:#1a3540;border:1px solid #4f7180;border-radius:8px;padding:20px;text-align:left}.zone-card b{font-size:20px;display:block;margin:9px 0}.zone-card p{font-size:14px!important;margin:8px 0 14px}.zone-card>span{font-size:12px;color:var(--mint)}.checklist{list-style:none;padding:0}.checklist li{font-size:15px;line-height:1.5;border-top:1px solid #365762;padding:12px 0;display:flex;gap:12px}.checklist i{font-style:normal;color:var(--mint)}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.report-grid div{padding:16px;background:#203d46;border-radius:7px}.report-grid strong{font-size:24px;color:var(--mint);display:block;margin-bottom:5px}.report-grid span{font-size:13px;color:#c8dddf}textarea{width:100%;min-height:115px;padding:13px;background:#0c1d27;border:1px solid #51717d;color:#eef4f5;border-radius:7px;font-size:16px;line-height:1.5;resize:vertical}.setting{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #3c5a66}.setting label{font-size:15px}.setting select{background:#213c48;color:#e4eeef;padding:8px;font:inherit;border:1px solid #5c7a86;border-radius:5px}.source-note{border-top:1px solid #3a5863;margin-top:25px;padding-top:16px}.source-note p{font-size:13px!important;line-height:1.6!important;color:#aabfc7!important}.count-badge{display:inline-block;font-size:12px;background:#294e49;color:#bceccc;padding:5px 8px;border-radius:4px;margin-left:8px}#ambientBubble{position:absolute;left:50%;bottom:140px;transform:translateX(-50%);max-width:460px;width:max-content;background:#0b2332e8;border:1px solid #62889166;border-radius:9px;padding:13px 18px;font-size:14px;line-height:1.5;text-align:center;pointer-events:none}#loading{position:absolute;inset:0;background:#08151e;z-index:50;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}#loading strong{font-size:19px}#loadingDetail{font-size:14px;color:#a9c2cb;max-width:500px;text-align:center;padding:0 20px}.loader{width:40px;height:40px;border:2px solid #335867;border-top-color:var(--mint);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#transition{position:absolute;inset:0;background:#acd7d3;opacity:0;pointer-events:none;z-index:15;transition:opacity .23s}#transition.flash{opacity:.8}#touchControls{display:none}body.atlas #objective{display:none}
@media(min-width:1600px){.intro-copy{top:11%}}@media(max-height:760px) and (min-width:901px){#topbar{height:85px;padding-top:20px;padding-bottom:20px}#startScreen{inset:85px 0 0}.intro-copy{top:2%}.eyebrow{margin-bottom:18px}h1{font-size:65px;margin-bottom:15px}.intro-description{font-size:17px;margin-bottom:16px}.story-teaser p{font-size:14px;line-height:1.5}.level-pick{margin-top:17px}.start-bottom{bottom:16px}}@media(max-width:1050px){.brand{font-size:11px}.brand small{font-size:9px}.brand svg{width:30px}nav kbd{display:none}.intro-copy{max-width:44%;left:5%;width:400px}h1{letter-spacing:-3px}#controls{gap:10px}#objective{width:250px}#movementHint{bottom:82px;max-width:300px}.globe-caption{left:68%;max-width:220px}}@media(max-width:760px){#topbar{height:85px;padding:17px 5%}.brand>div{font-size:10px;max-width:105px;line-height:1.5;letter-spacing:.8px}.brand small{display:none}.time-switch{top:96px;left:unset;right:5%;transform:none;gap:3px}.time-switch button{padding:8px 13px;font-size:14px}nav{gap:5px}nav button{font-size:12px;padding:8px}.brand{gap:8px}nav button:last-child{width:31px;font-size:18px}#startScreen{inset:85px 0 0;overflow:auto}.intro-copy{position:relative;left:6%;top:28vh;width:88%;max-width:88%;padding-bottom:85px}.eyebrow{font-size:9px;margin-bottom:15px}h1{font-size:55px;margin-bottom:18px}h1 br{display:none}.intro-description{font-size:17px;line-height:1.4}.story-teaser p{font-size:15px}.globe-caption{display:none}.start-bottom{position:relative;left:6%;right:auto;bottom:auto;flex-direction:column;gap:6px;font-size:9px;margin-top:28vh;padding-bottom:20px}#vignette{background:linear-gradient(0deg,#08151ef5 0%,#08151ef0 48%,transparent 85%)}#location{top:99px;left:5%}#location h2{font-size:19px;margin:5px 0}#eraDescription{font-size:12px}#objective{left:5%;bottom:173px;width:225px;padding:14px}#objective strong{font-size:15px;margin:7px 0}#objective p{font-size:13px;margin-bottom:9px}#compass{right:5%;bottom:175px;width:80px}#compass small{font-size:11px}#controls{padding:10px 5%;min-height:65px;gap:8px;font-size:10px}#controls span:nth-child(4),#controls span:nth-child(5){display:none}#controls kbd{font-size:9px}#movementHint{bottom:105px;font-size:12px;max-width:70%}#movementHint span{display:none}#modalBackdrop{padding:12px}#modal{max-height:94vh}#modalContent{padding:25px 22px}#modal h2{font-size:25px}#modal p{font-size:15px}.zone-grid{grid-template-columns:1fr}.zone-card{padding:14px}#toast{max-width:90%;top:145px}#interaction{font-size:13px;max-width:90%;width:max-content;top:53%}#touchControls{display:flex;position:absolute;bottom:87px;left:5%;right:5%;gap:8px;justify-content:space-between}#touchControls button{border-radius:8px;border:1px solid #80aba6;background:#17343cd9;width:43px;height:43px;font-size:20px}#ambientBubble{bottom:300px;max-width:85%;font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}#transition{transition:none}.progress-line i{transition:none}}