:root{font-family:Arial,"PingFang SC",sans-serif;color:#f3f1e7;background:#13292f;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #c5f475;outline-offset:4px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}#world,.vignette{position:fixed;inset:0;width:100%;height:100%;display:block}.vignette{pointer-events:none;background:linear-gradient(90deg,#091f2c91 0%,transparent 75%),linear-gradient(0deg,#08151a60,transparent 35%)}header{position:fixed;z-index:12;top:max(24px,env(safe-area-inset-top));left:max(32px,env(safe-area-inset-left));right:max(32px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between}header a{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:12px;letter-spacing:2px;font-weight:bold;text-shadow:0 2px 12px #0008}.brand-dot{opacity:.5;font-weight:normal}.tools{display:flex;gap:8px}header button{position:relative;min-width:40px;height:38px;border:1px solid #f4f5e72b;background:#10232877;border-radius:50%;backdrop-filter:blur(12px)}#muted{position:absolute;font-size:12px;right:8px;bottom:7px}#menu{position:fixed;inset:0;padding:14vh 7vw 8vh;display:grid;grid-template-columns:1.2fr 1fr;gap:8vw;align-items:center}.eyebrow{letter-spacing:3px;font-size:10px;line-height:1.7;font-weight:normal;color:#d4dec6}.menu-copy h1{font:clamp(40px,5.3vw,82px)/1.06 Georgia,"Songti SC",serif;letter-spacing:-3px;font-weight:400;margin:26px 0}.menu-copy h1 em{font-weight:400;color:#d4e4b7}.intro{font-size:14px;line-height:1.9;color:#e0e6debb}.expedition{justify-self:end;width:min(340px,100%);padding:22px;background:#10262a52;backdrop-filter:blur(16px);border:1px solid #dfedd51b;border-radius:3px}.expedition>.eyebrow{margin:0 0 17px}.scene{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px 10px;border:1px solid transparent;background:transparent;border-bottom-color:#e8edd41a}.scene.selected{border:1px solid #bcd2ad73;background:#c7dfb113}.scene b{font:18px Georgia,"Songti SC",serif;display:block}.scene small{display:block;font-size:10px;color:#dde7dc9c;margin-top:7px;line-height:1.5}.swatch{width:36px;height:43px;flex-shrink:0;border-radius:22px 22px 2px 2px;background:linear-gradient(130deg,#96bbc2 20%,#3a6463 21%,#1b3535 55%,#a4b788 56%,#355b4f)}.swatch.desert{background:linear-gradient(140deg,#efca9f 25%,#b77a5c 26%,#6f4c3c 56%,#dbaf83 57%,#97654a)}.swatch.aurora{background:linear-gradient(135deg,#253f59 15%,#69a999 20%,#1d3346 35%,#b8d9e4 36%,#56717c 65%,#dce7ea 66%)}.scene-index{margin-left:auto;font:10px monospace;color:#c8d7c787}.primary{background:#d2e3b4;color:#203528;border:0;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:24px;font-size:12px;letter-spacing:1px}.primary:hover{background:#e6efce}.primary>span:last-child{font-size:20px;line-height:12px}.fine{font-size:9px;text-align:center;color:#d3dfd390;margin:14px 0 0}.menu-rule{position:absolute;bottom:55px;left:7vw;right:7vw;height:1px;background:#e4ecd51f}.menu-foot{position:absolute;bottom:20px;left:7vw;font-size:9px;letter-spacing:1px;color:#e8eee093}#hud{position:fixed;inset:0;pointer-events:none}.altitude{position:absolute;top:100px;left:max(32px,env(safe-area-inset-left));text-shadow:0 2px 15px #0009}.altitude>span{font-size:8px;letter-spacing:3px;color:#f3f4e6a0}.altitude b{font:44px/1.4 Georgia,serif;letter-spacing:-1px;font-weight:normal}.altitude small{font:14px Georgia,serif;opacity:.65}.altitude p{font-size:8px;letter-spacing:1px;opacity:.6;margin:0}#biome{position:absolute;left:50%;transform:translateX(-50%);top:23px;font-size:8px;letter-spacing:3px;text-align:center;white-space:nowrap;text-shadow:0 2px 12px #000}#hint{position:absolute;bottom:25px;width:100%;text-align:center;font-size:10px;letter-spacing:1px;color:#f0f2e7aa;transition:opacity 2s}#compass{position:absolute;bottom:64px;left:50%;transform:translateX(-50%);display:flex;gap:22px;align-items:center;font-size:8px;opacity:.65}#compass i{width:40px;height:1px;background:#f4f1e54d}#summit{position:absolute;bottom:22%;width:100%;text-align:center;font:clamp(18px,3vw,30px) Georgia,"Songti SC",serif;padding:20px;background:linear-gradient(90deg,transparent,#0b1b2980,transparent)}#touch{position:fixed;inset:0;pointer-events:none}#joystick{position:absolute;bottom:max(36px,env(safe-area-inset-bottom));left:max(30px,env(safe-area-inset-left));width:114px;height:114px;border:1px solid #eef5e74d;border-radius:50%;background:#0c243430;pointer-events:auto;touch-action:none;backdrop-filter:blur(5px)}#stick{position:absolute;left:36px;top:36px;width:40px;height:40px;border:1px solid #f2f6e79c;background:#f1f4e729;border-radius:50%;pointer-events:none}#joystick>span{position:absolute;top:8px;left:51px;font-size:13px;opacity:.5;pointer-events:none}#sprint{pointer-events:auto;position:absolute;bottom:60px;right:34px;width:50px;height:50px;border-radius:50%;border:1px solid #edf4e947;background:#152a3970;font-size:22px;touch-action:none}.overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#071a2370;backdrop-filter:blur(18px);text-align:center;padding:28px}.overlay>div{width:min(360px,100%)}.overlay h2{font:38px/1.2 Georgia,"Songti SC",serif;font-weight:normal}.overlay p{font-size:13px;line-height:1.8;color:#dfe8d5b5}.overlay .eyebrow{font-size:9px}.overlay button{justify-content:center}.secondary{background:none;border:1px solid #e2eed438;width:100%;padding:16px;margin-top:12px;font-size:12px}.overlay a{display:block;margin-top:20px;color:#cedfb4;font-size:12px}body.playing .vignette{background:linear-gradient(0deg,#07132440,transparent 25%,transparent 75%,#07132430)}body.playing .brand-dot{display:none}@media(max-width:760px){header{left:20px;right:20px;top:max(17px,env(safe-area-inset-top))}#menu{padding:95px 24px 60px;grid-template-columns:1fr;gap:18px;align-content:center}.menu-copy h1{font-size:clamp(32px,8vw,54px);letter-spacing:-1px;margin:14px 0}.menu-copy .eyebrow{font-size:8px}.intro{font-size:12px;line-height:1.7;margin-bottom:0}.expedition{width:100%;max-width:500px;justify-self:start;padding:16px}.expedition>.eyebrow{font-size:8px;margin-bottom:10px}.scene{padding:10px 8px}.scene b{font-size:16px}.scene small{font-size:9px;margin-top:3px}.swatch{height:32px;width:28px}.primary{padding:14px;margin-top:16px}.menu-foot{bottom:12px;left:24px;font-size:8px;max-width:80%}.menu-rule{bottom:40px;left:24px;right:24px}.altitude{top:86px;left:22px}.altitude b{font-size:37px}#biome{top:65px;font-size:7px}#hint{bottom:10px;font-size:8px}#compass{bottom:34px}#joystick{width:104px;height:104px;left:23px;bottom:max(36px,env(safe-area-inset-bottom))}#stick{left:31px;top:31px}#joystick>span{left:46px}}@media(max-height:540px){#menu{grid-template-columns:1fr 1fr;padding:75px 30px 40px;gap:35px}.menu-copy h1{font-size:36px}.intro{font-size:11px}.expedition{padding:10px}.scene{padding:5px}.scene b{font-size:14px}.scene small{font-size:8px}.swatch{height:25px;width:22px}.primary{padding:10px;margin-top:9px}.fine{margin-top:8px;font-size:8px}.menu-rule,.menu-foot{display:none}.altitude{top:65px}#biome{top:29px}#hint{bottom:7px}#joystick{bottom:20px;width:94px;height:94px}#stick{left:26px;top:26px}#joystick>span{left:41px}.altitude b{font-size:30px}}
@media(max-width:760px) and (min-height:541px) and (max-height:740px){#menu{padding:78px 22px 38px;gap:12px}.menu-copy h1{font-size:32px;margin:10px 0}.intro{font-size:11px;line-height:1.5}.expedition{padding:12px}.scene{padding:7px}.scene b{font-size:15px}.scene small{font-size:8px}.swatch{height:27px;width:24px}.primary{padding:12px;margin-top:12px}.fine{font-size:8px;margin-top:9px}.menu-foot{font-size:7px;bottom:7px}.menu-rule{bottom:29px}}

/* Movement belongs to the right thumb; the left side remains a clear look area. */
#joystick{left:auto;right:max(30px,env(safe-area-inset-right))}#sprint{right:auto;left:max(34px,env(safe-area-inset-left))}
@media(max-width:760px){#joystick{left:auto;right:max(23px,env(safe-area-inset-right))}}
@media(max-height:540px){#joystick{left:auto;right:max(23px,env(safe-area-inset-right))}}

/* Keep current height and the separate best record readable against snow and bright sky. */
.altitude{padding:10px 14px 11px;background:linear-gradient(115deg,#102a2dcc,#102a2d70);border-left:2px solid #d0dfb7a6;border-radius:0 10px 10px 0;backdrop-filter:blur(8px)}.altitude>span{color:#eef3e6}.altitude p{opacity:.85}