:root{font-family:Arial,Helvetica,sans-serif;color:#f5f4e9;font-synthesis:none;--ink:#233b33;--paper:#eeeee3;--muted:#c4cdc2;--line:rgba(238,238,225,.25)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#718675}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer;border:0;color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #eee6b5;outline-offset:4px}button{min-height:44px}button:hover{filter:brightness(1.1)}[hidden]{display:none!important}#world{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}body:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(12,29,21,.48),transparent 53%),linear-gradient(0deg,rgba(13,31,22,.4),transparent 25%,transparent 82%,rgba(23,41,32,.28));transition:opacity .8s}body.playing:after{opacity:.3}header{position:absolute;z-index:3;left:3.1%;right:3.1%;top:28px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:15px;align-items:center;color:inherit;text-decoration:none;font-size:13px;letter-spacing:3px;font-weight:600}.brand-mark{font:italic 44px Georgia;letter-spacing:-5px;line-height:1;border:1px solid #dddcc37a;width:53px;height:53px;text-align:center;padding-right:6px}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:8px;opacity:.75}.header-actions{display:flex;gap:32px;align-items:center}.weather{font-size:11px;letter-spacing:.5px}.weather i{display:inline-block;width:11px;height:11px;border-radius:50%;background:#e0d39d;margin-right:7px;box-shadow:0 0 15px #fff5}.header-actions button{background:#243b3380;backdrop-filter:blur(15px);padding:0 17px;border:1px solid #ffffff2b;font-size:17px;border-radius:3px}.header-actions button span{font-size:11px;margin-left:10px}#intro{position:absolute;z-index:2;left:6.7%;top:29%;max-width:600px}.eyebrow{font-size:9px;font-weight:500;letter-spacing:2.3px;line-height:1.6}.eyebrow>span{display:inline-block;width:25px;height:1px;background:#d8ddca;vertical-align:middle;margin-right:12px}h1{font:normal clamp(54px,6.2vw,104px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-4px;margin:26px 0 24px;text-shadow:0 3px 35px #1a302744}h1 em{font-weight:normal;color:#e3dfb7}#intro p{font-size:14px;font-weight:400;line-height:1.7;color:#d9e0d1;letter-spacing:.2px}.primary{background:var(--paper);color:var(--ink);padding:18px 23px;min-width:235px;border-radius:2px;font-size:12px;font-weight:600;margin-top:17px;display:flex;justify-content:space-between;gap:40px;box-shadow:0 5px 25px #182b2422}.primary span{font-size:18px;line-height:12px}.intro-foot{font-size:7px;letter-spacing:1.6px;margin-top:23px;color:#c6d0be}#places{position:absolute;z-index:3;right:3.1%;bottom:12%;width:285px;background:#20382e98;backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:3px;padding:21px 22px 6px}#places>.eyebrow{font-size:8px;color:#cad2be;margin-bottom:10px}#places button{display:flex;width:100%;text-align:left;gap:17px;align-items:center;padding:16px 0;background:none;border-bottom:1px solid #dde7d326;font-size:13px}#places button:last-child{border:0}#places .place-no{font:italic 18px Georgia;color:#c3c9ad}#places small{display:block;font-size:9px;color:#b9c7b4;margin-top:6px}#places b{font-weight:400;margin-left:auto;color:#c5cfb8}footer{position:absolute;z-index:2;bottom:26px;left:3.1%;right:3.1%;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.7px;color:#d4dccc;opacity:.8}#settings{position:absolute;z-index:10;right:3.1%;top:94px;width:290px;background:#263d34ef;backdrop-filter:blur(20px);padding:20px 23px;border:1px solid var(--line);box-shadow:0 15px 50px #10241e66}.panel-title{display:flex;align-items:center;justify-content:space-between;font:24px Georgia;margin-bottom:15px}.panel-title button{font:24px Arial;background:none;width:44px}#settings label{font-size:11px;letter-spacing:.3px}select{margin:12px 0 18px;display:block;width:100%;padding:12px;background:#405247;color:var(--paper);border:1px solid #d6ddcc50;border-radius:2px}.toggle{display:flex;justify-content:space-between;align-items:center;min-height:45px;border-top:1px solid var(--line)}.toggle input{width:19px;height:19px;accent-color:#c7c994}#reset{width:100%;background:#d2d6bf;color:var(--ink);text-align:left;font-size:11px;padding:0 12px;margin-top:12px}#reset span{float:right;font-size:19px}#settings p{font-size:10px;line-height:1.7;color:#becab9;margin-bottom:0}#loading{position:absolute;inset:0;z-index:30;background:#263e34;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .7s;pointer-events:none}#loading p{font-size:11px;letter-spacing:2px;margin-top:26px}.crest{font:italic 64px Georgia;color:#d6d7b8}#notice{position:absolute;z-index:12;top:115px;left:50%;transform:translateX(-50%);padding:11px 18px;background:#213b32ce;backdrop-filter:blur(12px);font-size:11px;letter-spacing:.5px;opacity:0;transition:opacity .2s;pointer-events:none;max-width:90%;text-align:center}#notice.show{opacity:1}#hud{position:absolute;z-index:3;left:3.1%;right:3.1%;bottom:27px;pointer-events:none}.location{position:absolute;left:0;bottom:82px;display:flex;flex-direction:column;text-shadow:0 1px 6px #17292088}.location .eyebrow{font-size:8px}.location strong{font:32px Georgia;font-weight:400;margin:8px 0 9px}.location small{font-size:10px;color:#d5e1cb}.toolbox{position:absolute;right:0;bottom:72px;pointer-events:auto;background:#1f382dc9;backdrop-filter:blur(12px);padding:15px 18px;border:1px solid #e6eed129;border-radius:2px}.tool-label{font-size:7px;letter-spacing:1.4px;color:#b2c2ac;display:flex;justify-content:space-between;gap:18px}.tool-label span{color:#edf0df;letter-spacing:.4px}.tools{display:flex;gap:4px;margin-top:10px}.tools button{font-size:10px;padding:7px 11px;background:transparent;border:1px solid transparent}.tools button.selected{border-color:#dfe5c35a;background:#d7dec21c}.tools kbd{margin-right:6px}kbd{font:9px Arial;border:1px solid #dee6d149;border-radius:2px;padding:4px 5px;display:inline-block;color:#e2e9d9}#controls{display:flex;gap:20px;font-size:9px;color:#cfdac9;align-items:center}#controls kbd{margin-right:6px}.discoveries{position:absolute;right:0;bottom:0;display:flex;gap:20px;font-size:9px;color:#e1e6cd}.discoveries .done{color:#eeedaf}#crosshair{position:absolute;z-index:2;left:50%;top:50%;width:5px;height:5px;border:1px solid #f2f5df;border-radius:100%;box-shadow:0 0 3px #11281f;pointer-events:none}body.playing #places{top:98px;bottom:auto;width:235px;padding:12px 18px 2px;background:#1d392877}body.playing #places>.eyebrow{font-size:7px}body.playing #places button{padding:10px 0;min-height:44px;font-size:11px}body.playing #places small{display:none}body.playing #places .place-no{font-size:14px}#overview{position:absolute;top:99px;left:3.1%;z-index:4;background:#203b3180;padding:0 15px;font-size:10px;border:1px solid #ecf1d833;backdrop-filter:blur(8px)}#performance{position:absolute;z-index:8;left:3.1%;top:157px;min-width:210px;padding:16px;background:#13291eea;font:10px/1.75 monospace;color:#d4e0c9;border:1px solid #c1d0af44;pointer-events:none}#performance strong{font-weight:500;color:#f0e9b7}#touch{position:absolute;inset:0;z-index:4;pointer-events:none}#stick{position:absolute;left:24px;bottom:99px;width:112px;height:112px;background:#183a2a44;border:1px solid #d9e1c655;border-radius:50%;pointer-events:auto;touch-action:none;backdrop-filter:blur(3px)}#stick i{position:absolute;left:36px;top:36px;width:40px;height:40px;border-radius:50%;background:#e7ebd044;border:1px solid #e8edd870}.touch-actions{position:absolute;right:24px;bottom:111px;display:flex;gap:10px;pointer-events:auto}.touch-actions button{width:64px;height:64px;border-radius:50%;background:#22492bb3;border:1px solid #eef1d459;font-size:11px;touch-action:none}#lookHint{position:absolute;bottom:80px;right:26px;font-size:8px;color:#ebf0d4}body.playing.touch-device #controls{display:none}body.playing.touch-device .toolbox{bottom:4px;padding:9px}body.playing.touch-device .tool-label{display:none}body.playing.touch-device .tools{margin:0}body.playing.touch-device .discoveries{right:auto;left:0;bottom:3px;gap:10px}body.playing.touch-device .location{bottom:230px}.error{pointer-events:auto!important;padding:25px;text-align:center}
@media(max-width:700px){header{top:20px;left:22px;right:22px}.brand{font-size:10px;gap:11px;letter-spacing:2px}.brand-mark{width:44px;height:44px;font-size:37px}.brand small{font-size:6px;letter-spacing:1.3px}.weather{display:none}.header-actions button{padding:0 13px}.header-actions button span{display:none}#intro{left:28px;top:21%}h1{font-size:61px;letter-spacing:-2.7px;margin:21px 0 22px}#intro p{font-size:12px}.eyebrow{font-size:8px}#intro .intro-foot{font-size:6px;letter-spacing:.8px}#places{left:28px;right:28px;bottom:68px;width:auto;padding:14px 17px 3px}#places>.eyebrow{font-size:7px;margin-bottom:3px}#places button{padding:11px 0;font-size:11px}#places small{font-size:8px;margin-top:3px}#places .place-no{font-size:16px}footer{bottom:25px;left:28px;font-size:6px;letter-spacing:1px}footer span:last-child{display:none}#settings{right:22px;top:79px;max-width:calc(100vw - 44px)}body.playing #places{top:83px;left:auto;right:22px;width:165px;padding:8px 13px 0}body.playing #places>.eyebrow{display:none}body.playing #places button{font-size:9px;gap:9px;min-height:38px;padding:6px 0}body.playing #places .place-no{font-size:12px}#overview{top:85px;left:22px;font-size:9px;padding:0 10px}#hud{left:24px;right:24px;bottom:24px}.location strong{font-size:25px}.location small{font-size:9px;max-width:240px;line-height:1.5}#notice{top:247px;font-size:10px;width:max-content}#performance{top:139px;left:22px;font-size:8px;padding:10px;min-width:150px}#stick{width:100px;height:100px}#stick i{left:30px;top:30px}.toolbox{max-width:230px}.tools button{padding:5px 7px;font-size:9px}.discoveries{font-size:8px;max-width:130px;flex-wrap:wrap;line-height:1.5}}@media(max-height:740px) and (max-width:700px){#intro{top:17%}h1{font-size:52px;margin:18px 0}#intro p{margin:0}#intro .intro-foot{display:none}.primary{padding:14px 18px;margin-top:18px}#places{bottom:48px}#places button{padding:8px 0}footer{bottom:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}