@font-face{font-family:PaintingSerif;src:local('Baskerville'),local('Georgia');font-display:swap}
:root{color-scheme:dark;--paper:#f5ecda;--ink:#17252a}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #ffdf9c;outline-offset:6px}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(12,20,21,.81),rgba(12,20,21,.27) 47%,transparent 78%),linear-gradient(0deg,rgba(12,20,21,.8),transparent 30%);transition:opacity 1s}header{position:fixed;top:max(30px,env(safe-area-inset-top));left:4vw;right:4vw;display:flex;align-items:center;justify-content:space-between;z-index:3}.signature img{width:148px;filter:brightness(0) invert(1);opacity:.9}.back{font-size:12px;border-bottom:1px solid #e6ddc45e;padding:10px 0}#intro{position:fixed;left:8vw;top:24vh;transition:opacity .5s,transform .6s}h1{font-family:PaintingSerif,Georgia,serif;font-weight:400;line-height:.99;letter-spacing:-.055em;font-size:clamp(66px,7.5vw,120px);margin:0 0 25px}h1 em{font-weight:400;color:#e5c18b}.description{font-size:15px;line-height:1.75;letter-spacing:.015em;opacity:.8}.entry{display:flex;gap:12px;margin-top:30px;align-items:center}.primary{display:flex;align-items:center;justify-content:space-between;gap:36px;background:var(--paper);color:var(--ink);border:1px solid var(--paper);padding:17px 22px;min-width:230px}.primary:hover{background:#e5c18b}.primary span{font-size:22px}.secondary{background:#17252a8c;border:1px solid #f5ecda80;padding:18px}#loading{font-size:11px;min-height:16px;letter-spacing:.03em;color:#e5c18b}.compatibility{font-size:11px;opacity:.65;max-width:330px;line-height:1.6}.places{position:fixed;bottom:5vh;left:8vw;right:8vw;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;transition:opacity .4s}.places button{display:flex;align-items:center;gap:16px;background:transparent;text-align:left;border:0;border-top:1px solid #efe3cc4d;padding:16px 0 0;opacity:.64;transition:opacity .25s}.places button[aria-current=true],.places button:hover{opacity:1;border-color:#f5ecda}.thumb{width:56px;height:64px;overflow:hidden;flex-shrink:0}.thumb img{width:100%;height:100%;object-fit:cover;transform:scale(1.5);object-position:center 65%}.places button>span:nth-child(2){font-family:Georgia,serif;font-size:18px}.places small{display:block;font:10px Arial,sans-serif;letter-spacing:.14em;margin-bottom:9px;opacity:.6}.places b{font-weight:400;margin-left:auto}.exploring .shade{opacity:0}.exploring #intro,.exploring .places{opacity:0;pointer-events:none}.exploring #intro{transform:translateY(15px)}.exploring header{pointer-events:none}.exploring header a{pointer-events:auto}.exploring .signature{opacity:.6}.exploring .back{display:none}.hud-top{position:fixed;right:4vw;top:35px;display:flex;align-items:center;gap:30px;font-size:12px;text-shadow:0 1px 8px #000}#menu,#sound{background:#142426be;border:1px solid #e2d9bd66;padding:12px 16px}.reticle{position:fixed;left:50%;top:50%;font-size:26px;line-height:0;text-shadow:0 1px 3px #000;pointer-events:none}.control-hint{position:fixed;bottom:20px;left:0;right:0;text-align:center;font-size:11px;text-shadow:0 1px 6px #000;pointer-events:none}#sound{position:fixed;bottom:25px;right:4vw;font-size:11px}.touch-move{display:none;position:fixed;bottom:65px;left:28px;width:110px;height:110px;border:1px solid #fff6;border-radius:50%;background:#12232955;touch-action:none}.touch-move span{display:block;position:absolute;width:40px;height:40px;left:34px;top:34px;background:#fff5;border:1px solid #fffa;border-radius:50%;pointer-events:none}#fade{position:fixed;inset:0;background:#142329;opacity:0;pointer-events:none;transition:opacity .25s;z-index:9}dialog{color:var(--paper);background:#17252af5;border:1px solid #ecddbc4d;max-width:720px;width:calc(100% - 32px);max-height:90dvh;padding:36px;overflow:auto}dialog::backdrop{background:#0008;backdrop-filter:blur(8px)}dialog h2{font:40px Georgia,serif;margin:0 0 15px}dialog p,dd{font-size:13px;line-height:1.7;color:#e1dbce}dt{font-size:12px;margin-top:16px}dd{margin:4px 0 0}.close{position:absolute;right:12px;top:8px;background:none;border:0;font-size:30px}.originals{display:flex;gap:12px;margin:24px 0}.originals img{width:calc((100% - 24px)/3);height:auto;object-fit:contain}dialog .primary{margin-top:25px}.no-script{position:fixed;inset:30%;padding:30px;background:#17252a;z-index:20}body.xr header,body.xr main,body.xr #hud{display:none}
@media(pointer:coarse){.touch-move{display:block}.control-hint{bottom:14px;padding:0 20px;font-size:10px}#sound{bottom:70px}}
@media(max-width:700px){header{top:max(20px,env(safe-area-inset-top));left:24px;right:24px}.signature img{width:115px}.back{font-size:10px}#intro{left:28px;top:20vh}h1{font-size:clamp(62px,13vw,90px);margin-bottom:20px}.description{font-size:13px}.entry{margin-top:20px}.primary{min-width:210px;padding:14px 18px}.secondary{padding:16px 12px;font-size:12px}.compatibility{max-width:280px;font-size:10px}.places{bottom:max(28px,env(safe-area-inset-bottom));left:28px;right:28px;gap:12px}.places button{display:block;padding-top:12px}.thumb{display:block;width:45px;height:47px;margin-bottom:11px}.places button>span:nth-child(2){font-size:12px;line-height:1.4}.places small{font-size:9px;margin-bottom:5px}.places b{display:none}.hud-top{right:20px;top:78px;gap:15px;font-size:11px}#menu{padding:10px}dialog{padding:28px 22px}.originals{gap:7px}.originals img{width:calc((100% - 14px)/3)}}
@media(max-height:620px){#intro{top:18vh}h1{font-size:56px;margin-bottom:12px}.description{margin:8px 0}.entry{margin-top:10px}.compatibility{display:none}.places{bottom:20px}.thumb{display:none}.places button{padding-top:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.jump-places{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:-12px}.jump-places button{font-size:11px;padding:12px 5px;background:transparent;border:1px solid #e2d9bd66}.jump-places button:hover{background:#f5ecda;color:#17252a}
