:root{font-family:Arial,Helvetica,sans-serif;color:#f7f5e8;font-synthesis:none;font-weight:400;--ink:#203f33;--cream:#f2eddb;--line:#e8eed854}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#b0d2c2}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.68}button:focus-visible,a:focus-visible{outline:3px solid #e6bd5c;outline-offset:4px}button{border:0}canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none;display:block}header,footer,main,.interface{pointer-events:none}button,a,nav{pointer-events:auto}header{position:fixed;top:0;left:0;right:0;padding:30px 38px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(#15352691,transparent);z-index:2}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:20px;font-weight:700;letter-spacing:4px}.brand-sun{font-size:47px;color:#eedb9b;font-weight:400;line-height:1}.brand small{display:block;font-size:7px;letter-spacing:2px;font-weight:400;margin-top:6px}.header-actions{display:flex;align-items:center;gap:24px}.live-label{font-size:9px;letter-spacing:1.8px;display:flex;align-items:center;gap:8px}.live-label i{width:5px;height:5px;background:#d4ec9a;border-radius:100%}.soft,.icon{border:1px solid var(--line);background:#183b2e40;color:var(--cream);padding:12px 15px;border-radius:5px;backdrop-filter:blur(12px);font-size:11px}.soft span{margin-left:24px}.icon{font-size:20px;padding:6px 11px}.intro{position:absolute;top:139px;left:40px;text-shadow:0 2px 25px #17382880}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2.3px;margin:0 0 18px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,4.1vw,64px);font-weight:400;letter-spacing:-1.6px;line-height:1.04;margin:0 0 22px}.intro>p:last-child{font-size:12px;line-height:1.8;color:#f5f6e6;max-width:330px}.travel{position:fixed;bottom:130px;left:38px;width:min(690px,calc(100vw - 76px))}.travel-title{font-size:8px;letter-spacing:1.5px;display:flex;justify-content:space-between;margin:0 0 12px;text-shadow:0 1px 8px #244e30}nav{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}nav button{background:#173f2acf;color:#e8eddb;border-top:1px solid #c8d3ab6b;text-align:left;padding:13px 12px;backdrop-filter:blur(16px);font-size:10px;min-height:57px;line-height:1.4;transition:background .18s}nav button span{display:block;color:#ccddba;font-size:8px;margin-bottom:6px;letter-spacing:1px}nav button[aria-pressed=true]{background:#f1edda;color:#27402c;border-top-color:#f1edda}nav button[aria-pressed=true] span{color:#697850}nav button:hover{background:#426449}nav button[aria-pressed=true]:hover{background:#e3dfcc}footer{position:fixed;bottom:0;left:0;right:0;padding:24px 38px;display:flex;align-items:flex-end;justify-content:space-between;gap:25px;background:linear-gradient(transparent,#102c23b0);z-index:2}.controls-note{font-size:10px;color:#e9f0db;line-height:2.3}.key{font-size:8px;letter-spacing:2px;border:1px solid #d5e1c761;padding:4px 5px;border-radius:3px}.divider{opacity:.5;margin:0 9px}.text-button{display:block;background:transparent;color:#edf1db;padding:0;font-size:10px;letter-spacing:.5px}#worldbar{display:flex;align-items:center;gap:6px;margin-top:10px;pointer-events:auto}.glyph{width:38px;height:38px;padding:0;display:grid;place-items:center;border:1px solid #d5e1c744;border-radius:8px;background:#173f2a6b;backdrop-filter:blur(10px);color:#eef4de;transition:background .16s,color .16s,transform .16s}.glyph svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.glyph:hover{background:#2f5c3e;transform:translateY(-1px)}.glyph[aria-pressed=true]{background:#f1edda;color:#25402c;border-color:#f1edda}.glyph[data-off=true]{opacity:.45}.glyph-gap{width:9px}@media(max-width:750px){#worldbar{position:fixed;right:16px;top:76px;flex-direction:column;gap:8px;margin:0}#worldbar .glyph-gap{width:auto;height:6px}#worldbar{display:flex;flex-wrap:wrap}}.entry{text-align:right;max-width:380px}.entry p{font-size:9px;line-height:1.5;margin:0 0 9px}#enter{background:#f1eddb;color:#254734;border-radius:4px;min-width:238px;padding:16px 18px;text-align:left;font-size:12px;font-weight:600}#enter span{float:right;margin-left:20px}#loading{position:fixed;inset:0;background:#173d32;z-index:10;display:grid;place-content:center;text-align:center;color:#f2ecd6}#loading[hidden]{display:none}.sun-mark{font-size:50px;color:#dabc72;margin-bottom:35px}#loading h1{font-size:55px}#load-note{font-size:12px;opacity:.7}.loading-line{width:180px;height:2px;background:#b3c48b33;margin:30px auto;overflow:hidden}.loading-line:after{content:'';display:block;width:80px;height:100%;background:#dcc68b;animation:growing 2s infinite ease-in-out}@keyframes growing{from{transform:translateX(-90px)}to{transform:translateX(190px)}}#detail{position:fixed;right:38px;top:125px;width:310px;background:#f2eddef0;backdrop-filter:blur(20px);color:#2d4735;padding:27px;z-index:3;border-radius:5px}#detail-close{float:right;margin:-14px -14px 4px 0;color:#42593c;background:transparent}h2{font:400 30px/1.1 Georgia,serif;letter-spacing:-.6px;margin:0 0 17px}#detail-body{font-size:12px;line-height:1.8}#touch{position:fixed;inset:0;z-index:5;pointer-events:none}#touch[hidden]{display:none}#stickzone{position:absolute;left:0;bottom:0;width:46vw;height:52vh;pointer-events:auto;touch-action:none}#stick{position:absolute;width:132px;height:132px;margin:-66px 0 0 -66px;border-radius:50%;border:1px solid #d5e1c744;background:#12341f4d;backdrop-filter:blur(8px);opacity:.5;transition:opacity .18s,left .18s,top .18s;pointer-events:none}#stick.on{opacity:1;transition:opacity .1s}#knob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#f1edda;opacity:.85;box-shadow:0 3px 14px #0b23134d}#throttle{position:absolute;width:74px;height:200px;border-radius:38px;border:1px solid #d5e1c744;background:#12341f5c;backdrop-filter:blur(8px);pointer-events:auto;touch-action:none;display:grid;place-items:center;color:#dfe9cf;font-size:13px}#throttle[hidden]{display:none}#throttle b,#throttle s{position:absolute;opacity:.55;text-decoration:none;font-weight:400}#throttle b{top:12px}#throttle s{bottom:12px}#thumb{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:#f1edda;opacity:.85;box-shadow:0 3px 14px #0b23134d}#tpads{position:absolute;display:grid;gap:12px;pointer-events:auto}#tpads .glyph{width:58px;height:58px;border-radius:50%;background:#12341f7a}#tpads .glyph svg{width:27px;height:27px}#tpads .glyph:active,#tpads .glyph[aria-pressed=true]{background:#f1edda;color:#25402c}#tpads .glyph[hidden]{display:none}@media(orientation:portrait){#stick{left:calc(env(safe-area-inset-left) + 92px);top:calc(100dvh - env(safe-area-inset-bottom) - 232px)}#throttle{right:calc(env(safe-area-inset-right) + 16px);bottom:calc(env(safe-area-inset-bottom) + 168px)}#tpads{right:calc(env(safe-area-inset-right) + 100px);bottom:calc(env(safe-area-inset-bottom) + 168px)}}@media(orientation:landscape){#stickzone{width:38vw;height:74vh}#stick{width:112px;height:112px;margin:-56px 0 0 -56px;left:calc(env(safe-area-inset-left) + 82px);top:calc(100dvh - env(safe-area-inset-bottom) - 96px)}#knob{width:48px;height:48px;margin:-24px 0 0 -24px}#throttle{width:66px;height:150px;right:calc(env(safe-area-inset-right) + 14px);bottom:calc(env(safe-area-inset-bottom) + 16px)}#thumb{width:52px;height:52px;margin:-26px 0 0 -26px}#tpads{right:calc(env(safe-area-inset-right) + 92px);bottom:calc(env(safe-area-inset-bottom) + 16px)}#tpads .glyph{width:52px;height:52px}}#show-ui{position:fixed;right:20px;bottom:20px;z-index:4}.clean .interface{display:none}.xr .interface,.xr #show-ui,.xr #detail,.xr #guide{display:none}#reticle{position:fixed;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:#faffdc70;pointer-events:none}dialog{width:min(720px,calc(100vw - 30px));max-height:86dvh;background:#f2eddd;color:#284434;padding:35px;border:0;border-radius:10px;box-shadow:0 20px 70px #13291955}dialog::backdrop{background:#1839298c;backdrop-filter:blur(6px)}.guide-head{display:flex;align-items:center;justify-content:space-between}.guide-head .icon{background:transparent;color:#284434}.guide-head .eyebrow{margin:0}dialog h2{font-size:45px;margin-top:30px}.guide-intro{line-height:1.7;font-size:14px}.guide-controls{background:#e4e3d0;padding:20px;margin:25px 0;font-size:12px;line-height:1.6}.guide-controls p{margin-top:4px}.spec{border-top:1px solid #bec5b0;padding:18px 0;display:grid;grid-template-columns:1fr 1.3fr;gap:25px}.spec h3{font-size:13px;margin:0 0 6px}.spec small{font-size:10px;color:#677554}.spec p{font-size:12px;line-height:1.65;margin:0}.credits{font-size:10px;line-height:1.7;opacity:.8}.credits a{color:inherit}@media(max-height:700px){.intro{top:115px}.intro h1{font-size:39px}.intro>p:last-child{display:none}.travel{bottom:115px}}@media(pointer:coarse) and (max-width:900px){.intro{display:none}.travel{display:none}.travel.open{display:block;bottom:auto;top:64px;left:12px;right:12px;width:auto}.travel.open nav{grid-template-columns:repeat(2,1fr)}footer{padding:12px 14px;background:linear-gradient(transparent,#102c23cc)}.entry{max-width:none}.entry p{display:none}#enter{width:auto;min-width:0;padding:11px 14px;font-size:11px}#plot-cycle{display:none}header{padding:14px 16px}.header-actions{gap:6px}#worldbar{top:64px;right:12px;gap:6px}.glyph{width:34px;height:34px}.glyph svg{width:19px;height:19px}}@media(max-width:750px){header{padding:20px}.brand{font-size:16px;letter-spacing:3px}.brand-sun{font-size:38px}.brand small{font-size:6px}.header-actions{gap:8px}.live-label{display:none}.intro{left:22px;top:120px}.intro h1{font-size:42px}.intro>p:last-child{font-size:11px}.travel{left:20px;width:calc(100vw - 40px);bottom:154px}nav{grid-template-columns:repeat(3,1fr);gap:3px}nav button{min-height:49px;padding:8px 10px}nav button span{display:inline;margin-right:6px}footer{padding:20px;display:block}.controls-note{display:none}.entry{max-width:none;text-align:left}.entry p{max-width:300px}#enter{width:100%;padding:14px 18px}#detail{top:105px;right:20px;left:20px;width:auto;max-height:45vh;overflow:auto}dialog{padding:24px}.spec{grid-template-columns:1fr;gap:10px}#loading h1{font-size:42px}.eyebrow{font-size:8px}.soft{padding:10px;font-size:10px}.soft span{margin-left:9px}}