:root{--ink:#293f34;--paper:#fffaf0;--muted:#7d8271;--green:#365c48;--gold:#dbb879;--line:#e3decd;--serif:Georgia,'Times New Roman',serif;--sans:'Avenir Next','Trebuchet MS',Arial,sans-serif;font-family:var(--sans);color:var(--ink);font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#c5d9db;overflow:hidden}button,input,select{font:inherit}button,a,input{touch-action:manipulation}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.65;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #dbaa5d;outline-offset:4px}button svg{pointer-events:none}svg{vertical-align:middle;flex-shrink:0}button span[data-icon]{display:inline-flex}a{color:var(--green)}#app,#scene{position:fixed;inset:0;width:100%;height:100%}#scene{display:block;touch-action:none;outline:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#172c3518,transparent 25%,transparent 70%,#22342832)}
.topbar{position:absolute;top:max(26px,env(safe-area-inset-top));left:30px;right:30px;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:20px;pointer-events:none}.topbar>*{pointer-events:auto}.brand{border:0;background:none;display:flex;align-items:center;gap:12px;text-align:left;padding:0;color:#283f35;text-shadow:0 1px 15px #ffffef88}.brand-mark{font:normal 40px var(--serif);display:grid;place-items:center;position:relative;width:52px;height:59px;line-height:1;border:1px solid #fff7;background:#fff9e8e8;border-radius:23px 23px 7px 7px;padding-bottom:5px}.brand-mark span{position:absolute;right:9px;bottom:9px;font-size:26px;color:#ab8448}.brand strong{display:block;font:normal 30px/1 var(--serif);letter-spacing:-1.1px}.brand small{display:block;font-size:7px;font-weight:700;letter-spacing:1.65px;margin-top:8px}nav{display:flex;align-items:center;gap:8px}.pill,.round{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid #ffffff91;background:#fffaf0ed;box-shadow:0 5px 25px #23372c0c;min-height:45px;transition:background .18s,transform .18s}.pill{border-radius:30px;padding:12px 16px;font-size:11px;font-weight:700}.pill svg{width:17px;height:17px}.pill b{font-size:9px;background:#e4e9d8;padding:4px 6px;border-radius:20px;color:#647450}.round{border-radius:50%;width:44px;height:44px;padding:0}.round svg{width:18px}.pill:hover,.round:hover{background:#fffdf8;transform:translateY(-2px)}.location{position:absolute;top:110px;left:32px;display:flex;gap:9px;color:#354c3b;align-items:flex-start;pointer-events:none;text-shadow:0 1px 8px #ffffefbb}.location>span:first-child{margin-top:2px}.location svg{width:15px;height:15px}.location strong{font-size:11px;display:block}.location small{display:block;font-size:9px;margin-top:4px;letter-spacing:.2px}.reticle{position:absolute;left:50%;top:50%;width:5px;height:5px;border:1px solid #ffffffee;border-radius:50%;box-shadow:0 1px 5px #18342d9c;transform:translate(-50%,-50%);pointer-events:none;opacity:0}.playing .reticle{opacity:.9}.destination{position:absolute;left:50%;top:98px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;max-width:90%;background:#fffaf0e8;border:1px solid #fff9;padding:10px 13px;border-radius:14px;box-shadow:0 4px 25px #263e3117;z-index:4}.destination>span{font-size:28px;display:inline-block;color:#a7803e;width:27px;text-align:center}.destination small{font-size:7px;letter-spacing:1.4px;display:block;color:#8c8b75}.destination strong{font-size:11px;display:inline-block;margin-top:4px}.destination div>span{font-size:10px;color:#8a8d77;margin-left:9px}.destination button{background:none;border:none;font-size:22px;color:#8c947e;margin-left:8px;min-width:28px;min-height:32px}
.interaction{position:absolute;left:50%;top:61%;transform:translateX(-50%);text-align:center;z-index:4;max-width:90vw}.interaction button{border:1px solid #fff8;color:var(--ink);background:#fffaf0f2;border-radius:12px;display:flex;align-items:center;gap:12px;padding:10px 15px;box-shadow:0 6px 24px #2d3c3926;white-space:nowrap;min-height:48px;font-size:12px;font-weight:700}.interaction button>svg,.interaction button svg{width:16px}.interaction small{display:block;font-size:10px;margin-top:10px;color:white;text-shadow:0 1px 6px #1c3524;background:#344939a3;border-radius:20px;padding:5px 10px;line-height:1.4}.interaction kbd{width:26px;height:26px;display:grid;place-items:center;background:var(--green);color:#fffaf0;border-radius:6px;font:700 12px var(--sans)}
.bottom-hud{position:absolute;bottom:65px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;opacity:0;transition:opacity .5s}.playing .bottom-hud{opacity:1}.bottom-hud>*{pointer-events:auto}.journey{display:flex;gap:12px;align-items:center;text-align:left;padding:16px 20px;border:1px solid #ffffff94;border-radius:16px;background:#fffaf0ed;min-width:260px;box-shadow:0 8px 35px #1c362522}.journey-icon{width:37px;height:43px;border-radius:19px 19px 7px 7px;display:grid!important;place-items:center;background:#f0e7cd;color:#9f803f}.journey-icon svg{width:21px}.journey small{font-size:7px;letter-spacing:1.3px;color:#8d8d76;display:block;font-weight:700}.journey strong{display:block;font:normal 17px var(--serif);margin-top:6px}.progress{display:flex;gap:5px;margin-top:9px}.progress i{width:42px;height:3px;border-radius:3px;background:#dedecd}.progress i.done{background:#b59147}.keyboard-help{display:flex;align-items:flex-end;flex-direction:column;gap:8px;font-size:10px;color:#f8f6e8;text-shadow:0 1px 7px #1e3425}.keyboard-help kbd{font:9px var(--sans);border:1px solid #fffc;border-radius:4px;padding:3px 5px;margin:0 3px}.keyboard-help button{border:1px solid #fff7;border-radius:20px;color:var(--ink);background:#fffaf0e8;padding:10px 14px;font-size:10px;display:flex;align-items:center;gap:8px;text-shadow:none}.keyboard-help button svg{width:14px;height:14px}footer{position:absolute;bottom:max(19px,env(safe-area-inset-bottom));left:30px;right:30px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.15px;color:#fffbea;text-shadow:0 1px 8px #203126}footer button{font-size:9px;border:0;border-bottom:1px solid #fff7;background:none;color:inherit;padding:5px 0;text-shadow:inherit}
.welcome{position:absolute;inset:0;z-index:6;background:linear-gradient(90deg,#f5eddaeb 0,#f5eddacf 26%,#f5edda88 44%,#f5edda10 73%);display:flex;align-items:center;pointer-events:auto}.welcome-content{margin-left:9%;margin-top:30px;max-width:600px}.eyebrow{font-size:9px;letter-spacing:3px;font-weight:700;display:flex;align-items:center;gap:10px;margin-bottom:24px;color:#6b7a62}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:#b19456}.welcome h1{font:normal clamp(48px,6.3vw,88px)/.98 var(--serif);letter-spacing:-3px;margin:0 0 24px}.welcome h1 span{color:#b29152}.welcome p{font-size:14px;line-height:1.85;color:#6d7b64;margin:0 0 30px}.primary{border:1px solid transparent;border-radius:11px;background:var(--green);color:var(--paper);padding:15px 19px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s}.primary:hover{background:#264b37;transform:translateY(-1px)}.start{padding:18px 24px;min-width:245px;justify-content:space-between;font-size:13px}.start svg{width:20px}.welcome-meta{font-size:9px;color:#7b836d;display:flex;gap:7px;align-items:center;margin-top:15px}.welcome-meta svg{width:13px;height:13px}.welcome-meta b{font-weight:400;margin:0 3px}.welcome-note{display:block;font-size:10px;color:#97947d;line-height:1.7;margin-top:30px}.welcome-number{position:absolute;right:5%;bottom:10%;color:#fff8e56b;font:normal 140px/.8 var(--serif);letter-spacing:-6px;text-align:right;pointer-events:none}.welcome-number span{display:block;font-size:70px}.welcome .welcome-content{animation:arrive .7s ease both}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}body:not(.playing) .topbar{z-index:7}body:not(.playing) .location,body:not(.playing) footer{opacity:0}
#toast{position:absolute;bottom:190px;left:50%;transform:translate(-50%,10px);z-index:20;pointer-events:none;background:#304d3fed;color:#fff8e9;border:1px solid #fff3;padding:14px 20px;border-radius:13px;box-shadow:0 5px 25px #16341c22;font-size:12px;line-height:1.6;max-width:min(90vw,450px);text-align:center;opacity:0;transition:opacity .25s,transform .25s}#toast.show{opacity:1;transform:translate(-50%,0)}
dialog{position:fixed;inset:18px 18px 18px auto;margin:auto 0;width:min(455px,calc(100vw - 30px));max-height:calc(100dvh - 36px);color:var(--ink);background:var(--paper);border:1px solid #fff9;border-radius:22px;box-shadow:0 20px 90px #1b2e3850;padding:0;overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#20382e28;backdrop-filter:blur(3px)}.close-panel{position:absolute;top:16px;right:16px;width:35px;height:35px;z-index:2;background:#fffaf0e8;box-shadow:none}.panel-pad{padding:30px}.panel-kicker{font-size:8px;letter-spacing:2px;color:#929078;font-weight:700;text-transform:uppercase;margin:5px 40px 11px 0}.panel-title{font:normal 32px/1.06 var(--serif);letter-spacing:-.7px;margin:0 35px 18px 0}.panel-desc{font-size:12px;line-height:1.8;color:#808570;margin:0 0 20px}.shop-banner{padding:33px 30px 25px;color:#fff5db;background:var(--shop);position:relative;overflow:hidden}.shop-banner::after{content:'';position:absolute;width:270px;height:270px;right:-95px;top:-140px;border:1px solid #fff2;border-radius:50%}.shop-banner .shop-symbol{width:56px;height:65px;background:#fff1d523;display:grid;place-items:center;border-radius:27px 27px 8px 8px;margin-bottom:18px}.shop-banner .shop-symbol svg{width:30px;height:30px}.shop-banner .panel-kicker{color:#fff7dc8c}.shop-banner .panel-title{margin-bottom:10px}.shop-banner small{font-size:10px;color:#fff8e0bb}.address{display:flex;gap:8px;font-size:11px;line-height:1.6;margin-bottom:17px;color:#7b806d}.address svg{width:17px;height:17px;margin-top:2px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.tag{border:1px solid #dddcc8;border-radius:6px;padding:7px 9px;font-size:9px;color:#7c826d}.secondary{border:1px solid #d9ddc8;color:var(--ink);background:#fdfaf2;border-radius:10px;min-height:43px;padding:12px 13px;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-size:11px;cursor:pointer}.secondary:hover{background:#eceedd}.secondary svg{width:17px;height:17px}.secondary.active{background:#e7ecdb;border-color:#b6c4a0}.full{width:100%;margin-top:11px}.button-row{display:flex;gap:8px;margin-top:10px}.button-row>*{flex:1}.note{font-size:10px;line-height:1.7;color:#95927d;background:#f2eeda;border-radius:10px;padding:13px;margin-top:18px}.source{font-size:10px;line-height:1.7;color:#8f947d;margin-top:16px}.source a{text-underline-offset:3px}.subheading{font-size:9px;font-weight:700;letter-spacing:1px;margin:25px 0 13px}.directory-list{display:grid;gap:12px}.shop-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#fffdf5;border-radius:12px;padding:13px;width:100%;text-align:left}.shop-row:hover{background:#edf0df}.row-symbol{background:var(--shop);color:#fff4dc;width:41px;height:47px;display:grid;place-items:center;border-radius:17px 17px 6px 6px;flex-shrink:0}.row-symbol svg{width:21px}.shop-row strong{display:block;font-size:12px;margin-bottom:5px}.shop-row small{display:block;font-size:9px;color:#92917a;line-height:1.5}.row-arrow{margin-left:auto}.row-arrow svg{width:16px}.stamp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0}.stamp{min-height:103px;border:1px dashed #d9d9c3;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#b6b8a3;background:#f3f0e4}.stamp.done{background:#eee6cd;color:#a1803c;border:1px solid #d9c592}.stamp svg{width:29px;height:29px}.stamp small{font-size:8px;text-align:center}.journal-row{border-top:1px solid var(--line);padding:17px 0}.journal-row strong{font-size:12px}.journal-row p{font-size:11px;line-height:1.7;color:#96957f;margin:8px 0 11px}.journal-row .secondary{min-height:38px;font-size:10px}.finish-message{padding:18px;border-radius:13px;background:#e6ebd7;margin:18px 0}.finish-message h3{font:normal 22px var(--serif);margin:0 0 8px}.finish-message p{font-size:11px;line-height:1.7;color:#7e896c;margin:0}.plan-wrap{border:1px solid #e4e1cc;border-radius:15px;overflow:hidden;background:#ece9d8;margin:15px 0}.plan-wrap svg{width:100%;height:auto;display:block}.plan-wrap text{font-family:var(--sans);fill:#737c66;font-size:9px}.plan-wrap .map-shop text{fill:#fff4da;font-weight:700;font-size:11px}.map-key{display:flex;gap:17px;font-size:9px;color:#92937d;margin:12px 0}.map-key span{display:flex;align-items:center;gap:5px}.map-key i{width:8px;height:8px;border-radius:50%;background:#456b5d}.map-key span+span i{background:#ad965d}.setting-row{padding:17px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px}.setting-row small{display:block;font-size:10px;color:#92977f;line-height:1.5;margin-top:5px}.setting-row select{padding:9px;border-radius:7px;border:1px solid var(--line);background:#fffdf4;color:var(--ink);font-size:11px}.setting-row input[type=range]{width:100px;accent-color:var(--green)}.setting-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--green)}.command-list{display:grid;grid-template-columns:1fr 1.6fr;gap:13px 10px;font-size:11px;margin:22px 0}.command-list dt{font-weight:700}.command-list dd{margin:0;color:#8b927b;line-height:1.5}.fatal{position:absolute;z-index:8;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--paper);border-radius:20px;padding:28px;width:min(90vw,430px);box-shadow:0 20px 70px #223c3944}.fatal h2{font:normal 27px var(--serif)}.fatal p{font-size:12px;line-height:1.7;color:#8f927e}.fatal button{width:100%;margin-top:10px}.no-js{position:fixed;inset:35% 20%;padding:30px;background:white;z-index:100}.mobile-controls{display:none}
@media(max-width:850px){.topbar{left:20px;right:20px;top:20px}.brand strong{font-size:27px}.brand-mark{width:44px;height:50px;font-size:34px}.brand-mark span{right:7px;bottom:7px}.brand small{font-size:6px;letter-spacing:1.1px}nav .pill{padding:11px 12px;gap:7px;font-size:10px}.location{left:22px;top:97px}.bottom-hud{left:20px;right:20px}.keyboard-help{font-size:9px}.journey{min-width:245px;padding:15px}.journey strong{font-size:16px}.welcome-content{margin-left:7%}.welcome-number{font-size:105px}footer{left:22px;right:22px}.destination{top:134px}}
@media(pointer:coarse){.desktop-only{display:none!important}.playing .mobile-controls{display:block}.mobile-controls{position:absolute;left:0;right:0;bottom:65px;height:145px;pointer-events:none}#joystick{position:absolute;left:28px;bottom:0;width:125px;height:125px;border-radius:50%;border:1px solid #fff7;background:#fff8e733;box-shadow:inset 0 0 0 12px #fff3;pointer-events:auto;touch-action:none;user-select:none;display:flex;align-items:center;justify-content:center}#stick{width:51px;height:51px;background:#fff9e2cc;border:1px solid #fff8;box-shadow:0 4px 20px #33493333;border-radius:50%;pointer-events:none}.joy-guides{position:absolute;font-size:100px;font-weight:100;color:#fff2;line-height:1;pointer-events:none}.look-hint{position:absolute;right:33px;bottom:30px;font-size:10px;text-align:center;color:#fff9e6ba;line-height:1.8;text-shadow:0 1px 6px #22392a}.interaction{top:auto;bottom:95px;left:auto;right:22px;transform:none;max-width:55%}.interaction button{white-space:normal;text-align:left;min-height:58px;font-size:11px;gap:8px;padding:13px}.interaction small{font-size:8px;max-width:185px}.interaction:not([hidden])~.mobile-controls .look-hint{display:none}.bottom-hud{bottom:auto;top:153px;left:22px;right:auto}.journey{min-width:auto;padding:10px 13px;background:#fffaf0e3;gap:9px}.journey-icon{height:33px;width:29px}.journey-icon svg{width:17px}.journey small{font-size:6px}.journey strong{font-size:13px;margin-top:4px}.journey .progress{margin-top:7px}.journey .progress i{width:32px}.destination{top:221px;left:22px;transform:none}.reticle{opacity:.5!important}#toast{bottom:235px}}
@media(max-width:600px){.topbar{left:15px;right:15px;top:max(15px,env(safe-area-inset-top));gap:9px}.brand{gap:8px}.brand strong{font-size:24px}.brand-mark{width:37px;height:45px;font-size:30px;border-radius:18px 18px 5px 5px}.brand-mark span{font-size:20px;bottom:6px;right:6px}.brand small{font-size:5px;letter-spacing:.8px;margin-top:7px}.pill{min-height:41px!important;width:41px;padding:0!important}.pill>span:not([data-icon]){display:none}.pill b{position:absolute;transform:translate(13px,16px);font-size:7px;padding:2px 4px;border:1px solid #fff}.pill svg{width:17px}.topbar nav{gap:5px}.topbar .round{width:37px;height:37px}.location{left:18px;top:82px}.location strong{font-size:10px}.location small{font-size:8px}.location svg{width:14px}.welcome{background:linear-gradient(90deg,#f5eddaeb,#f5eddab8 58%,#f5edda57)}.welcome-content{margin:45px 28px 0}.welcome h1{font-size:55px;letter-spacing:-2px;line-height:1.03;margin-bottom:21px}.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:22px}.welcome p{font-size:12px;line-height:1.9;margin-bottom:25px}.start{min-width:245px;padding:17px 20px;font-size:12px}.welcome-meta{font-size:8px}.welcome-note{font-size:9px;margin-top:23px}.welcome-number{display:none}.bottom-hud{top:126px;left:17px}.destination{left:17px;top:191px;padding:8px 11px;gap:8px}.destination small{font-size:6px}.destination strong{font-size:10px}.destination>span{font-size:24px}.destination div>span{font-size:8px}.destination button{font-size:20px;min-height:25px}.journey{padding:9px 12px}.journey small{font-size:6px;letter-spacing:1px}.journey strong{font-size:12px}.journey .progress i{width:30px}.journey-icon{width:25px;height:31px}.journey-icon svg{width:15px}footer{left:17px;right:17px;bottom:max(14px,env(safe-area-inset-bottom));font-size:6px;letter-spacing:0;gap:10px}footer button{font-size:8px;white-space:nowrap}.mobile-controls{bottom:65px}.interaction{right:16px;bottom:85px;max-width:52%}.interaction small{max-width:175px}.interaction button{font-size:10px}.look-hint{right:34px!important}#joystick{left:23px;width:116px;height:116px}.panel-pad{padding:27px}.panel-title{font-size:29px}dialog{inset:auto 0 0;width:100%;max-width:none;max-height:85dvh;border-radius:23px 23px 0 0;margin:0;padding-bottom:env(safe-area-inset-bottom)}.shop-banner{padding:30px 27px 22px}.shop-banner .shop-symbol{width:48px;height:54px}.shop-banner .shop-symbol svg{width:25px}#toast{bottom:235px;font-size:11px}}
@media(max-height:530px){.welcome-content{margin-top:55px}.welcome h1{font-size:44px;margin-bottom:14px}.eyebrow{margin-bottom:12px}.welcome p{margin-bottom:16px;font-size:11px}.welcome-note{display:none}.welcome-meta{margin-top:11px}.welcome .start{min-height:43px;padding:13px 18px}.bottom-hud{bottom:47px}.journey{padding:10px 13px}.keyboard-help{gap:6px}.location{top:84px}footer{bottom:10px}}
@media(pointer:coarse) and (max-height:530px){.bottom-hud{top:120px;bottom:auto}.journey{background:#fffaf0cf}.journey strong{display:none}.mobile-controls{bottom:43px;height:100px}#joystick{width:95px;height:95px;left:25px}#stick{width:42px;height:42px}.interaction{bottom:57px;max-width:260px}.interaction button{min-height:46px}.destination{top:120px;left:50%;transform:translateX(-50%)}.look-hint{bottom:20px}#toast{bottom:165px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
.real-plan{min-height:250px}.plan-wrap .real-plan text{font-family:var(--sans)}.map-key{flex-wrap:wrap;line-height:1.5}footer>span{font-size:8px}.geo-credit{color:inherit;text-underline-offset:3px}.geo-credit:focus-visible{outline-offset:2px}