:root{--ink:#233c34;--cream:#f6f2e7;--muted:#808778;--orange:#c77547;--line:#dddccf}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}button,a,canvas{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #ce8152;outline-offset:4px}button:disabled{cursor:not-allowed}header{height:95px;padding:0 5%;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:32px}.brand{display:flex;gap:13px;align-items:center;font-size:10px;letter-spacing:1.7px;line-height:1.65;color:var(--ink);text-decoration:none}.brand b{font-size:17px;letter-spacing:5px}.seal{display:grid;place-items:center;border:1px solid #65816b;border-radius:50%;font-size:37px;width:50px;height:50px}.header-note{font:italic 16px Georgia;color:#838776}.header-actions{margin-left:auto;display:flex;gap:25px}.header-actions button{background:none;border:0;font-size:12px}.header-actions button span{margin-left:5px}main{max-width:1500px;padding:42px 5% 28px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:36px}.site-heading{display:flex;justify-content:space-between;padding-bottom:25px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px}.eyebrow i,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a2b68d;margin-right:6px}h1,h2,h3,p{margin:0}h1{font-family:Fraunces,Georgia,serif;font-size:clamp(35px,4vw,58px);font-weight:400;line-height:1.06;letter-spacing:-2px;margin:16px 0 13px}.site-heading p{font-size:12px;color:#7d8275}.date-stamp{border:1px solid #c3c6b6;border-radius:50%;width:91px;height:91px;align-self:center;transform:rotate(9deg);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:8px;letter-spacing:1px;color:#73816d}.date-stamp strong{font:23px Georgia;margin:3px}.date-stamp span{font-size:6px}.scene-wrap{position:relative;aspect-ratio:1.48;border-radius:13px;overflow:hidden;background:#142e2b;box-shadow:0 9px 22px #283a2710}canvas{width:100%;height:100%;display:block;cursor:crosshair}.scene-label{position:absolute;top:20px;left:22px;right:22px;color:#cad3b8;font-size:8px;letter-spacing:1.5px;pointer-events:none}.coordinates{float:right;color:#8ea194}.depth-mark{position:absolute;top:36%;bottom:13%;left:11px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.depth-mark span{font-size:6px;letter-spacing:1px;color:#d2c3a674;writing-mode:vertical-rl;transform:rotate(180deg)}.scene-bottom{position:absolute;bottom:0;left:0;right:0;height:36px;background:#142824e6;display:flex;align-items:center;justify-content:space-between;padding:0 22px;color:#b3bea7;font-size:7px;letter-spacing:1.3px;pointer-events:none}.scene-bottom b{margin:0 6px;color:#cb8657}.scene-bottom>span:last-child{color:#7d9588}.speech{position:absolute;left:37%;top:17%;max-width:230px;border:1px solid #c6ccab50;border-radius:8px 8px 8px 0;background:#f4f0dc;color:#3d4c36;font-size:10px;padding:10px 13px;pointer-events:none;transition:opacity .3s}.tool-tray{padding:17px 0 0}.tools{display:flex;gap:9px}.tool{display:flex;align-items:center;gap:10px;border:1px solid #d6d8c9;border-radius:7px;background:transparent;text-align:left;padding:11px 12px;flex:1}.tool.active{background:#e3e9d9;border-color:#788e64}.tool-icon{font-size:27px;line-height:1}.tool b{font-size:11px;font-weight:600;display:block}.tool small{font-size:6px;letter-spacing:1px;display:block;margin-top:5px}.tool:disabled{opacity:.4}kbd{font:8px monospace;border:1px solid #bcc4b2;border-radius:3px;padding:2px 4px;margin-left:auto}.sniff{border:1px solid #d6d8c9;border-radius:7px;background:none;font-size:14px;display:flex;align-items:center;gap:7px;padding:12px}.sniff span{font-size:11px}.tool-tray>p{text-align:center;font-size:10px;color:#8a8d7e;margin-top:13px}aside{background:#eeede1;border:1px solid #dcded0;border-radius:10px;padding:25px 23px;align-self:start}.journal-top{position:relative}.journal-top .eyebrow{font-size:8px;color:#7b8773}.journal-star{float:right;font-size:24px;position:absolute;right:0;top:-8px;color:#80956e}h2{font:32px Fraunces,Georgia,serif;letter-spacing:-1px}.journal-top h2{margin:13px 0 8px;display:flex;align-items:center;justify-content:space-between}.journal-top h2 span{font:italic 18px Georgia;color:#aaa993}.journal-top p{font-size:10px;color:#888a7a}.rank{display:flex;gap:10px;align-items:center;margin-top:27px}.rank-icon{font-size:26px;background:#dfe4d3;width:36px;height:36px;display:grid;place-items:center;border-radius:50%}.rank span{font-size:6px;letter-spacing:1.3px;color:#7d8873}.rank h3{font-size:11px;margin-top:5px}.rank>b{font-size:10px;margin-left:auto;font-weight:500;color:#7f8b74}.progress-track{height:3px;background:#d6dccb;margin-top:15px}.progress-track div{height:100%;width:0;background:#799563;transition:width .4s}.milestone{font-size:9px;color:#939581;line-height:1.7;margin:10px 0 27px}.milestone b{font-weight:500;color:#5e7053}.collection-title{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d7dacb;padding-top:19px;margin-bottom:13px}.collection-title h3{font:17px Fraunces,Georgia,serif}.collection-title span{font-size:6px;letter-spacing:1px;color:#929783}.collection{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.specimen{height:82px;background:#f3f1e7;border:1px dashed #d3d7c5;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:5px;position:relative}.specimen.empty{color:#c6cbb8}.specimen.empty span{font:23px Georgia}.specimen.empty small{font-size:6px;letter-spacing:1px;margin-top:8px}.specimen.found{border:1px solid #d7dccc;transition:transform .2s;background:#f9f6ed}.specimen.found:hover{transform:translateY(-3px);border-color:#92a77c}.specimen svg{width:48px;height:47px}.specimen small{font-size:7px;margin-top:3px}.specimen .rarity-dot{position:absolute;top:6px;right:6px;width:4px;height:4px;border-radius:50%}.journal-footer{text-align:center;margin-top:23px}.journal-footer>span{font:26px Georgia;color:#849474}.journal-footer p{font:italic 12px/1.6 Georgia;color:#929580;margin:6px 0 9px}.journal-footer small{font-size:6px;letter-spacing:1.5px;color:#a5a894}footer{max-width:1500px;margin:auto;padding:15px 5% 24px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#909584}footer button{font-size:8px;border:0;background:none;color:#7f8972;padding:0}footer i{margin:0 8px}dialog{border:1px solid #d7dbc8;border-radius:14px;padding:35px;width:min(440px,90vw);background:#f6f2e7;color:var(--ink);text-align:center;box-shadow:0 30px 100px #04191155}dialog::backdrop{background:#122d29aa;backdrop-filter:blur(5px)}.close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:24px;color:#8a947a}dialog .eyebrow{font-size:8px;color:#8a956e}#discovery-art{width:145px;height:145px;margin:17px auto 10px;background:radial-gradient(circle,#e2e6cf,transparent 70%);display:grid;place-items:center}#discovery-art svg{width:120px;height:120px}.catalogue{font-size:8px;letter-spacing:2px;color:#969d85}dialog h2{margin:12px 0;font-size:31px}dialog p{font-size:12px;line-height:1.8;color:#79816d}.curator-note{font:italic 13px/1.7 Georgia;color:#8c7557;margin:17px 0;border-top:1px solid #dadccc;padding-top:15px}.primary{border:0;background:#294e3e;color:#f8f4e6;border-radius:6px;font-size:11px;padding:13px 20px;margin-top:14px;width:100%}.primary span{float:right}#guide{text-align:left}#guide ol{padding-left:20px;font-size:12px;line-height:1.8;color:#79816d}#guide li{margin:12px 0}#guide b{color:#344d3e}.guide-keys{font-size:10px!important;padding-top:15px;border-top:1px solid #dadccc}#toast{position:absolute;bottom:53px;left:50%;transform:translateX(-50%) translateY(10px);background:#f2eedb;color:#445236;font-size:10px;line-height:1.5;padding:10px 17px;border-radius:6px;text-align:center;opacity:0;pointer-events:none;transition:.25s;width:max-content;max-width:85%}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.confirm-actions{display:flex;gap:12px;margin-top:20px}.confirm-actions button{width:50%;margin:0;border:1px solid #bdc8ae;border-radius:5px;font-size:10px} @media(min-width:1450px){main{gap:50px;grid-template-columns:minmax(0,1fr) 345px}.specimen{height:93px}}@media(max-width:1000px){main{gap:20px;padding:30px 3%;grid-template-columns:minmax(0,1fr) 270px}aside{padding:21px 17px}.header-note{display:none}.tool{padding:9px 7px;gap:5px}.tool kbd{display:none}.sniff kbd{display:none}.speech{font-size:9px;max-width:170px}.scene-wrap{aspect-ratio:1.2}.coordinates{display:none}}@media(max-width:740px){header{height:76px;padding:0 5%}.header-actions{gap:10px}.header-actions button{font-size:10px}.header-actions #sound span{display:none}.seal{width:39px;height:39px;font-size:29px}.brand{font-size:8px}.brand b{font-size:13px}main{display:block;padding:26px 5%}.site-heading{padding-bottom:22px}h1{font-size:44px}.date-stamp{width:77px;height:77px}.scene-wrap{aspect-ratio:1.12}.speech{top:15%;left:39%;max-width:160px;font-size:8px;padding:8px}.scene-label{font-size:6px;left:15px;right:15px}.scene-bottom{font-size:6px;padding:0 14px}.scene-bottom>span:last-child{display:none}aside{margin-top:27px}.collection{grid-template-columns:repeat(4,1fr)}.specimen{height:86px}.journal-footer{margin-top:16px}.rank{margin-top:20px}.milestone{margin-bottom:20px}footer{display:block;line-height:2.3;padding:0 5% 25px}footer>span{display:block}.tool b{font-size:10px}.tool small{font-size:5px}.sniff{padding:8px}.tool-tray>p{font-size:9px}.depth-mark{left:5px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Desert Division */
:root{--ink:#544633;--cream:#f8f0df;--line:#e4d8be}header{height:80px}.seal{color:#997340;border-color:#ad9160}.header-note{color:#a18b67}main{max-width:1600px;padding-top:29px;grid-template-columns:minmax(0,1fr) 300px;gap:28px}h1{font-size:clamp(36px,3.6vw,53px);margin-top:12px}.site-heading{padding-bottom:20px}.site-heading p{color:#948160}.date-stamp{border-color:#cdb68c;color:#a08251}.date-stamp span{font-size:5px}.scene-wrap{aspect-ratio:1.65;background:#ebc186;border:1px solid #d6b786;box-shadow:0 9px 24px #886d3114}.scene-label{color:#85613d;font-weight:600}.coordinates{color:#916d46}.scene-bottom{background:#73583fe8;color:#f4dfb2;font-size:7px}.scene-bottom>span:last-child{color:#e3c59b}.speech{top:16%;left:40%;background:#fff5dce8;color:#76573d;border-color:#c9a16c;font-size:10px;max-width:250px}.walk{background:#eee0bf;border:1px solid #d7c7a4;border-radius:7px;width:46px;font-size:23px;touch-action:none;user-select:none}.walk:active{background:#d8bd88}.tool{background:#ebdec0;border-color:#c5ac7c}.tool small{font-size:6px}.tool kbd{border-color:#c5ac7c}.sniff{border-color:#d7c7a4}.tool-tray>p{color:#948160}aside{background:#f0e6d1;border-color:#e0d2b5}.journal-top .eyebrow{font-size:7px;color:#99845f}.journal-top p{line-height:1.7;color:#998768}.journal-star{color:#ad8e59}.rank-icon{background:#e4d7b9;color:#a18451}.rank span{color:#a18a62}.rank h3{font-size:11px}.rank>b{color:#957c55}.progress-track{background:#ded0af}.progress-track div{background:#b58c4d}.cargo-stats{display:flex;justify-content:space-between;margin:18px 0 14px}.cargo-stats div{text-align:center}.cargo-stats b{display:block;font:24px Fraunces,Georgia,serif;color:#8f6837}.cargo-stats small{font-size:6px;letter-spacing:1px;display:block;margin-top:5px}.milestone{font-size:9px;color:#9b8561;margin-bottom:19px}.milestone b{color:#856638}.collection-title{border-color:#dcd0b5}.collection-title span{color:#9b8765}.collection{grid-template-columns:repeat(4,1fr);gap:6px}.specimen{height:69px;background:#f6edda;border-color:#d7c9a7}.specimen.empty{color:#c8b997}.specimen.found{background:#fcf4e3;border-color:#decead}.specimen svg{width:39px;height:39px}.specimen small{font-size:6px}.journal-footer p{color:#9d8a68}.journal-footer small{color:#af9a75}.journal-footer>span{color:#b49767}.field-note{padding:18px 20px;background:#f0e5cc;border:1px solid #e4d6b8;border-left:3px solid #b9894c;border-radius:5px;margin-top:19px}.field-note>span{font-size:7px;letter-spacing:1.5px;color:#aa8753}.field-note h3{font:19px Fraunces,Georgia,serif;margin:7px 0}.field-note p{font-size:11px;line-height:1.8;color:#95805d}dialog{background:#fcf3df;border-color:#dcc8a1}dialog .eyebrow{color:#ae8449}dialog p{color:#907c5a}.primary{background:#8b6337;color:#fff4d9}.curator-note{color:#a17b45;border-color:#e1d0ad}#discovery-art{background:radial-gradient(circle,#e8d6a9,transparent 70%)}#guide li{color:#907c5a}#guide b{color:#725b38}#toast{background:#fff1ce;color:#8a6031}footer{color:#a18d68}footer button{color:#947b55}@media(max-width:1000px){main{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.scene-wrap{aspect-ratio:1.35}.walk{width:36px}.tool kbd{display:none}.tool-icon{font-size:22px}.sniff{padding:8px}.collection{gap:5px}.specimen{height:65px}}@media(max-width:740px){header{height:73px}main{display:block;padding-top:23px}h1{font-size:41px}.site-heading p{font-size:10px}.date-stamp{width:70px;height:70px}.scene-wrap{aspect-ratio:1.14}.speech{left:34%;top:18%;max-width:180px;font-size:8px}.scene-label{font-size:6px}.tool small{font-size:5px}.tool b{font-size:10px}.walk{width:39px}.sniff kbd{display:none}.tool-tray>p{font-size:8px;line-height:1.7}.specimen{height:80px}.specimen svg{width:44px;height:44px}.specimen small{font-size:8px}.cargo-stats{justify-content:space-around}.scene-bottom>span:last-child{display:block;font-size:5px}.field-note p{font-size:10px}}

.portal{display:block;margin:12px 0 0 auto;padding:10px 18px;background:#425b58;color:#fff0ca;border:1px solid #61786a;border-radius:6px;font-size:12px}.scene-label{background:#f4e5c6bb;padding:6px 8px;border-radius:4px;color:#725b3c}.scene-label .coordinates{color:#725b3c}
.arcade-link{color:inherit;text-decoration:none;font-size:12px;letter-spacing:0;text-transform:none}
.arcade-link:hover{text-decoration:underline}

.scene-label{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px}.scene-label .coordinates{float:none;margin-left:auto}.area-divider{opacity:.55}@media(max-width:740px){.scene-label{font-size:6px;letter-spacing:.8px;gap:3px 4px}}
#terrain-label{font-weight:400}

.routes{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.routes .portal{margin-left:0}.portal[hidden]{display:none}.manifest-area{font-size:11px;color:#92764f;margin:-5px 0 12px}.warehouse-heading{border-top:1px solid #dcd0b5;margin-top:22px;padding-top:17px}.warehouse-heading h3{font:17px Georgia}.warehouse-heading p{font-size:9px;color:#92764f;margin:7px 0 12px}#archive details{border-top:1px solid #dfd2b7;padding:12px 0}#archive summary{cursor:pointer;font-size:11px}#archive summary span{float:right;font-size:9px;color:#92764f}#archive .collection{margin-top:12px}.sniff kbd{display:inline-block}

.collection{grid-template-columns:repeat(4,minmax(0,1fr))}.specimen{min-width:0}.specimen.empty small{font-size:5px;letter-spacing:.3px}.specimen small{max-width:100%;overflow-wrap:anywhere}