@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Libre+Caslon+Display&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#f5f1e8;background:#252d24;font-synthesis:none;--ink:#f5f1e8;--muted:#d3d6c4;--line:#e7e9d02b;--leaf:#d9e5a7;--panel:#232a21e0;--safe:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{touch-action:none}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:#26312472;color:var(--ink);border-radius:7px;padding:11px 16px;min-height:42px;font-size:12px;font-weight:500;transition:background .18s,border-color .18s,transform .18s}button:hover{background:#5e6c4680;border-color:#dce4c66a}button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--leaf);outline-offset:4px}button[aria-pressed=true]{background:#d4dfad;color:#283023;border-color:#d4dfad}button[hidden],[hidden]{display:none!important}a{color:inherit;text-decoration:none}#game{width:100%;height:100%;height:100dvh;position:relative;isolation:isolate;overflow:hidden}#world{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#10190f59,transparent 28%,transparent 60%,#10180dc9),radial-gradient(ellipse at 55% 42%,transparent 40%,#0d170d3d);z-index:1}.tunnel-shade{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 30%,#170f0566);transition:opacity 1s}.underground .tunnel-shade{opacity:1}.brand-bar{position:absolute;top:max(28px,env(safe-area-inset-top));left:max(36px,env(safe-area-inset-left));right:max(36px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:6;pointer-events:none}.brand-bar>*{pointer-events:auto}.wordmark{display:flex;align-items:center;gap:13px;font-size:23px;font-weight:500;letter-spacing:-1px}.wordmark svg{width:38px;height:35px;stroke:currentColor;fill:none;stroke-width:1.4}.edition{display:block;font-size:8px;letter-spacing:2px;font-weight:500;margin-top:4px;color:#e8e8d7af}.world-label{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.8px;color:#e8eadac2}.live-dot{width:5px;height:5px;border-radius:50%;background:#d6e4a1;box-shadow:0 0 12px #d6e4a18c}.separator{opacity:.4;margin:0 3px}.top-actions{display:flex;gap:8px}.top-actions button{background:#26312455;backdrop-filter:blur(12px)}.play-ui{opacity:0;visibility:hidden;pointer-events:none}.playing .play-ui{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .6s}.playing .world-label{display:none}#welcome{position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(90deg,#14201391,transparent 72%)}.welcome-copy{position:absolute;left:8%;bottom:19%;max-width:740px;pointer-events:auto}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2.2px;line-height:1.6;color:#e3e8cfbc}.welcome-copy h1{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;letter-spacing:-2.3px;font-size:clamp(46px,6.3vw,93px);line-height:.99;margin:21px 0}.welcome-copy h1 em{font-style:normal;color:#e0e7c5}.intro{font-size:14px;line-height:1.9;color:#e8e9d8b8;font-weight:400;margin:25px 0 28px}#begin,.solid{background:#e1e7cd;color:#293524;border-color:#e1e7cd;border-radius:5px;padding:16px 30px;min-width:218px;font-size:13px;font-weight:600;box-shadow:0 6px 40px #17220e44}#begin:hover,.solid:hover{background:#eff3dc;border-color:#eff3dc}.welcome-meta{margin-top:20px;display:flex;gap:23px;font-size:7px;letter-spacing:1.4px;color:#d7ddc697}.welcome-meta span{display:flex;align-items:center;gap:7px}.welcome-meta i{height:4px;width:4px;background:#d9e5a7;border-radius:100%}.welcome-caption{position:absolute;right:6%;bottom:22%;border-left:1px solid #e3e5d147;padding-left:20px}.welcome-caption>span{font-size:8px;letter-spacing:2px;color:#e0e5cda6}.welcome-caption p{font-size:12px;line-height:1.7;color:#e9ecd4bb}.welcome-bottom{position:absolute;left:36px;right:36px;bottom:max(27px,var(--safe));display:flex;justify-content:space-between;color:#dde4c88c;font-size:8px;letter-spacing:1.7px;gap:18px}.welcome-bottom b{font-weight:400;margin-left:18px;color:#ebeed5}
.location-card{position:absolute;left:36px;top:max(123px,calc(env(safe-area-inset-top) + 98px));z-index:4;text-shadow:0 2px 25px #101a05}.location-card .eyebrow{font-size:8px;letter-spacing:2px}.location-card h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;font-size:34px;margin:5px 0 9px;letter-spacing:-.5px}.location-card>div{display:flex;align-items:center;gap:9px;font-size:10px;color:#e5e7d3b3}.location-card i{width:3px;height:3px;background:#bec8a9;border-radius:50%}#location{font-size:7px;letter-spacing:1.2px}.journey{position:absolute;top:131px;right:36px;max-width:255px;z-index:3;border-left:1px solid #e2e6d340;padding-left:16px;display:flex;flex-direction:column;gap:9px}.chapter{font-size:8px;letter-spacing:2px;color:#e3e8cfb8}.chapter b{margin-left:8px;font-weight:400}#objective{font-size:11px;line-height:1.8;color:#f0f1e4c9}#save-status{font-size:8px;color:#d5ddc280}.vitals{position:absolute;left:36px;bottom:145px;z-index:4;display:flex;gap:19px;width:265px}.condition{display:grid;grid-template-columns:1fr auto;gap:7px 8px;flex:1;font-size:9px;color:#e9ecdaaa}.condition meter{grid-column:1/3;grid-row:2;width:100%;height:3px;appearance:none;background:#edf0d525;border-radius:2px;overflow:hidden;border:0}.condition meter::-webkit-meter-bar{background:#edf0d525;border:0;height:3px}.condition meter::-webkit-meter-optimum-value{background:#dbe5b5}.condition meter::-webkit-meter-suboptimum-value{background:#d0a274}.condition meter::-webkit-meter-even-less-good-value{background:#c67e6b}.condition>span{font-size:8px;color:#f0f1e1a3}.carry{position:absolute;right:36px;bottom:150px;z-index:4;display:flex;align-items:center;gap:12px;max-width:220px;text-align:right}.carry .small-paw{font-size:30px;color:#dce5bd87}.carry div{display:flex;flex-direction:column;gap:5px}.carry strong{font-size:11px;font-weight:500}.carry #context{font-size:9px;line-height:1.6;color:#e5e8d1a6}.camera-tools{position:absolute;bottom:225px;left:36px;display:flex;align-items:center;gap:7px;z-index:6}.camera-tools button{font-size:9px;padding:7px 10px;min-height:32px;background:#1e2a1e50}.camera-tools>span{font-size:6px;letter-spacing:1.2px;opacity:.5;margin-left:5px}#field-notes{position:absolute;left:36px;bottom:270px;z-index:8;width:310px;background:#252e24f0;border:1px solid var(--line);border-radius:9px;padding:23px;backdrop-filter:blur(25px);max-height:calc(100dvh - 180px);overflow-y:auto;touch-action:pan-y}#field-notes h3{font-family:'Libre Caslon Display',Georgia,serif;font-size:28px;font-weight:400;margin:9px 0}#field-notes p{font-size:11px;line-height:1.8;color:#ccd4bc}dl{margin:18px 0;font-size:10px}dl>div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #f2f1d412}dt{color:#d0d8bf}dd{margin:0}#field-notes .condition{margin-top:14px}
footer{position:absolute;left:36px;right:36px;bottom:max(30px,calc(var(--safe) + 12px));z-index:5;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;pointer-events:none!important}footer>*{pointer-events:auto}.movement-guide{display:flex;align-items:center;gap:15px;margin-bottom:4px;min-width:230px}.key-grid{display:flex;flex-direction:column;align-items:center;gap:3px}.key-grid span{display:flex;gap:3px}kbd{font:9px 'DM Sans',sans-serif;border:1px solid #eff0d547;border-radius:3px;background:#31402c5e;min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}.movement-guide>div:last-child{font-size:7px;letter-spacing:1.3px;color:#e6ead2b0}.movement-guide small{display:block;font-size:9px;letter-spacing:0;color:#cbd5b895;margin-top:7px}.action-dock{position:absolute;left:50%;transform:translateX(-50%);bottom:0;min-width:330px;display:flex;flex-direction:column;gap:9px}.primary-actions{display:flex;gap:6px;justify-content:center;align-items:stretch}.primary-actions button{min-width:90px;height:47px;background:#243320b3;backdrop-filter:blur(18px);font-size:12px;border-color:#e1e9c43d;white-space:nowrap}.primary-actions #interact{max-width:190px}.primary-actions #dig{min-width:102px;display:flex;align-items:center;justify-content:center;gap:13px;color:#e4edc0;border-color:#dce4b766}.primary-actions #dig small{font-size:7px;letter-spacing:1px;opacity:.6}.primary-actions #dig[aria-pressed=true]{background:#d4dfad;color:#283023}.mouse-actions{display:flex;justify-content:center;gap:4px}.mouse-actions button{border:0;background:transparent;padding:5px 11px;min-height:28px;color:#e9edd2a8;font-size:10px}.mouse-actions button:hover{color:white;background:#cad1b21c}.dig-controls{display:flex;align-items:center;gap:12px;margin-left:auto}.dig-controls #sprint{border-radius:50px;font-size:10px;padding:10px 15px}#angle{display:flex;flex-direction:column;gap:5px;min-width:97px;background:transparent;border:0;text-align:left;padding-right:0}#angle>span{font-size:7px;letter-spacing:1.2px;opacity:.55}#angle strong{font-size:10px;font-weight:500;letter-spacing:1px}#stick{display:none;position:relative;width:115px;height:115px;touch-action:none;flex:0 0 auto;border-radius:50%;user-select:none}#stick-ring{position:absolute;inset:0;border:1px solid #e2eac038;border-radius:50%;background:#34453038;box-shadow:inset 0 0 35px #15220a22;backdrop-filter:blur(3px)}#thumb{position:absolute;width:43px;height:43px;top:calc(50% - 21.5px);left:calc(50% - 21.5px);border:1px solid #e8efcb65;border-radius:50%;background:#e4ebcb29;pointer-events:none}#thumb i{position:absolute;inset:17px;background:#e3e9c799;border-radius:50%}.stick-label{position:absolute;bottom:-17px;left:0;width:100%;text-align:center;font-size:7px;letter-spacing:2px;color:#e2e7c987}#stick[data-active=true] #stick-ring{border-color:#e2eac086}#stick[data-active=true] #thumb{background:#c6d8a063}
#notice{position:absolute;top:31%;left:50%;transform:translateX(-50%);max-width:min(520px,75vw);z-index:9;padding:13px 21px;background:#253020d1;border:1px solid #e3e8ce26;backdrop-filter:blur(20px);border-radius:6px;font-size:11px;text-align:center;line-height:1.6;pointer-events:none}#danger{position:absolute;left:50%;top:100px;transform:translateX(-50%);border:1px solid #e9b59777;background:#533b2fe0;color:#f4d8c2;padding:11px 18px;border-radius:6px;z-index:9;font-size:10px}#scent-guide{position:absolute;bottom:155px;left:50%;transform:translateX(-50%);display:flex;gap:11px;align-items:center;z-index:4;background:#36432bad;padding:9px 15px;border-radius:30px;border:1px solid #d3e0b036;font-size:10px}#scent-arrow{font-size:22px;color:var(--leaf);display:block}#loading{position:absolute;inset:0;background:#252d24;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#e7edd1}.loading-mark{font-size:65px;animation:breathe 1.8s ease-in-out infinite}#loading p{font-family:'Libre Caslon Display',Georgia,serif;font-size:30px;font-weight:400;margin:15px 0}#loading small{font-size:11px;color:#c0cab0}#paused{position:absolute;inset:0;z-index:30;background:#162012b8;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:20px;touch-action:pan-y;overflow-y:auto}.pause-card{width:min(450px,100%);border:1px solid #dce5c333;background:#253024ed;border-radius:12px;padding:32px;box-shadow:0 24px 120px #0b120b66;max-height:calc(100dvh - 35px);overflow-y:auto}.pause-card h2{font-family:'Libre Caslon Display',Georgia,serif;font-size:40px;letter-spacing:-.4px;font-weight:400;margin:12px 0}.pause-card>p{font-size:11px;line-height:1.8;color:#cbd5bb}.pause-card .solid{width:100%;margin:14px 0 20px}.settings-row{padding:14px 0;border-bottom:1px solid #dee5c41e;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.settings-row button,.settings-row select{border:0;background:#8292631a;border-radius:5px;min-height:36px;padding:8px 12px;color:#e4ead2;font-size:11px}.settings-row select option{background:#2b3726}.pause-instructions{font-size:10px!important;line-height:2.2!important;margin:20px 0!important}.pause-instructions b{font-weight:500;color:#edf0df}.secondary{display:flex;gap:7px;flex-wrap:wrap}.secondary button{font-size:9px;flex:1;padding:8px 9px;white-space:nowrap}.pause-foot{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e4ecc21b;padding-top:17px;margin-top:23px;font-size:7px;letter-spacing:1px;color:#cbd7b579}#photo-exit{position:absolute;bottom:max(25px,var(--safe));left:50%;transform:translateX(-50%);z-index:35;font-size:11px;backdrop-filter:blur(12px);white-space:nowrap}#photo-exit kbd{margin-left:10px}.photo-mode .play-ui,.photo-mode .brand-bar,.photo-mode #notice,.photo-mode #scent-guide,.photo-mode #danger{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.photo-mode .vignette{opacity:.45}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes breathe{50%{opacity:.3;transform:translateY(-3px)}}
@media(pointer:coarse){#stick{display:block}.movement-guide{display:none}.vitals{bottom:190px;width:200px}.camera-tools{bottom:250px}.action-dock{left:auto;right:0;transform:none;bottom:0;min-width:250px}.dig-controls{position:absolute;right:0;bottom:108px}.carry{bottom:235px;max-width:200px}.primary-actions button{min-width:72px}.primary-actions #dig{min-width:84px}.mouse-actions button{padding:5px 10px}.journey{max-width:215px}.playing .top-actions button{padding:8px 10px}#angle{min-width:90px}#field-notes{bottom:300px}}
@media(max-width:700px){.brand-bar{left:22px;right:22px;top:max(22px,env(safe-area-inset-top))}.wordmark{font-size:21px;gap:10px}.wordmark svg{width:30px}.world-label{font-size:6px;letter-spacing:1px;gap:6px}.welcome-copy{left:7%;right:7%;bottom:22%}.welcome-copy h1{font-size:clamp(45px,8vw,65px);letter-spacing:-1.5px}.welcome-copy .eyebrow{font-size:7px;letter-spacing:1.5px}.welcome-caption{display:none}.welcome-bottom{left:22px;right:22px;font-size:6px;letter-spacing:1px}.welcome-bottom b{margin-left:8px}.welcome-copy .intro{font-size:12px}.welcome-meta{font-size:6px;gap:14px}.location-card{left:22px;top:105px}.location-card h2{font-size:29px}.journey{top:205px;left:22px;right:auto;max-width:205px;font-size:9px;gap:6px}.journey #objective{font-size:10px}.journey #save-status{font-size:7px}.top-actions{gap:5px}.top-actions #photo{font-size:0;width:38px;padding:0}.top-actions #photo::after{content:'◉';font-size:17px}.top-actions button{min-height:36px;font-size:10px;padding:8px}.playing .edition{font-size:6px;letter-spacing:1px}.playing .wordmark{font-size:18px}.vitals{left:22px;width:174px;gap:12px;bottom:205px}.carry{right:22px;max-width:168px;bottom:245px}.carry #context{font-size:8px}.carry .small-paw{display:none}.camera-tools{left:22px;bottom:260px}.camera-tools>span{display:none}.camera-tools button{min-height:35px;font-size:8px}.location-card>div{font-size:9px}.action-dock{min-width:228px}.primary-actions{gap:4px}.primary-actions button{font-size:11px;padding:10px;min-width:63px;height:46px}.primary-actions #dig{min-width:77px;gap:7px}.primary-actions #interact{max-width:120px;white-space:normal}.mouse-actions{gap:0}.mouse-actions button{font-size:9px;padding:7px 8px}footer{left:22px;right:22px;bottom:max(40px,calc(var(--safe) + 22px))}#stick{width:104px;height:104px}.dig-controls{bottom:106px;gap:7px}#angle{min-width:79px;font-size:7px}#angle>span{font-size:6px;letter-spacing:.8px}.dig-controls #sprint{font-size:9px;min-height:35px}.pause-card{padding:25px}.pause-card h2{font-size:35px}#notice{top:37%;max-width:84vw;width:max-content;font-size:10px}#danger{top:160px;width:max-content;max-width:85vw;font-size:9px}#scent-guide{bottom:160px;max-width:220px;font-size:9px}#field-notes{left:22px;bottom:307px;width:min(310px,calc(100vw - 44px));max-height:calc(100dvh - 400px)}}
@media(max-width:420px){.playing .wordmark svg{display:none}.world-label .separator,.world-label .separator~*{display:none}.world-label{font-size:5px}.welcome-copy h1{font-size:46px}.welcome-copy .intro{font-size:11px}.welcome-bottom>span:first-child{font-size:5px;letter-spacing:.5px}.action-dock{min-width:212px}.primary-actions button{min-width:56px;padding:9px 8px}.primary-actions #dig{min-width:68px}#stick{width:94px;height:94px}.mouse-actions button{padding:7px 7px}.top-actions button{font-size:9px}.vitals{width:157px}.carry{max-width:143px}.journey{max-width:185px}.welcome-meta{letter-spacing:.7px}}
@media(max-height:550px) and (orientation:landscape){.brand-bar{top:14px;left:20px;right:20px}.welcome-copy{bottom:19%;left:6%}.welcome-copy h1{font-size:46px;margin:10px 0}.welcome-copy .eyebrow{font-size:6px}.intro{font-size:10px!important;line-height:1.5!important;margin:12px 0!important}#begin{padding:10px 20px;min-height:39px}.welcome-meta{display:none}.welcome-bottom{bottom:15px}.location-card{top:84px;left:20px}.location-card h2{font-size:24px}.journey{top:90px;right:20px;left:auto;max-width:210px}.vitals{bottom:145px;left:20px}.camera-tools{bottom:196px;left:20px}.carry{bottom:196px;right:20px}.action-dock{right:auto;left:50%;transform:translateX(-50%)}.dig-controls{right:0;bottom:12px}footer{left:20px;right:20px;bottom:25px}#stick{width:87px;height:87px}#field-notes{bottom:70px;max-height:65vh;left:120px}#notice{top:45%;font-size:10px}.pause-card{padding:23px;max-height:calc(100dvh - 20px)}#scent-guide{bottom:133px}#danger{top:65px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}