*{box-sizing:border-box} :root{--ink:#183e3c;--muted:#53736a;--paper:#f5f6e9;--accent:#225c4d;--line:rgba(28,71,60,.15)} html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Arial,Helvetica,sans-serif;background:#8dc9cd;color:var(--ink)}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #f2b96b;outline-offset:4px}button{border:0}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round} .icon-library{position:absolute;width:0;height:0;overflow:hidden}#world,#world canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#world canvas{touch-action:none;cursor:grab}#world canvas:active{cursor:grabbing}.screen-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(238,244,226,.2),transparent 20%,transparent 72%,rgba(6,54,62,.12));box-shadow:inset 0 0 150px rgba(11,65,68,.06)}#interface{position:absolute;inset:0;pointer-events:none;transition:opacity .4s}#interface button,#interface a,#interface input{pointer-events:auto}.topbar{position:absolute;top:31px;left:38px;right:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:12px;font-size:23px;font-weight:600;letter-spacing:5px}.brand-mark{display:grid;place-items:center;width:44px;height:44px}.brand-mark svg{width:42px;height:42px;stroke-width:1.4}.brand-sub{display:block;font-size:7px;font-weight:500;letter-spacing:1.75px;margin-top:8px}.top-coordinate{font-size:9px;font-weight:600;letter-spacing:1.8px;opacity:.75;margin-left:25px}.tiny-cross{font-size:19px;vertical-align:-2px;margin-right:14px;font-weight:300}.coordinate-divider{opacity:.5;margin:0 12px}.utility-actions{display:flex;gap:10px}.utility-button{display:flex;align-items:center;gap:8px;background:rgba(248,250,232,.33);border:1px solid rgba(255,255,245,.4);border-radius:30px;padding:10px 15px;font-size:11px;backdrop-filter:blur(12px);transition:background .2s}.utility-button:hover{background:rgba(248,250,232,.75)}.utility-button svg{width:17px;height:17px}.utility-button.square{width:38px;height:38px;padding:10px}.island-title{position:absolute;left:48px;top:148px}.eyebrow{font-size:8px;letter-spacing:1.9px;display:flex;align-items:center;gap:8px;font-weight:600}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#397663;box-shadow:0 0 0 3px rgba(49,119,89,.08);flex-shrink:0}h1{font-family:Georgia,'Times New Roman',serif;font-size:76px;line-height:.96;letter-spacing:-3px;font-weight:400;margin:25px 0 19px}h1 em{font-weight:400} .island-title p{font-size:12px;line-height:1.9;letter-spacing:.3px;opacity:.75}.title-rule{width:33px;border-top:1px solid rgba(29,69,62,.35);margin:24px 0 15px}.world-note{font-size:7px;letter-spacing:1.55px;opacity:.7}.glass{background:rgba(249,249,236,.88);border:1px solid rgba(255,255,245,.66);box-shadow:0 7px 30px rgba(8,63,57,.055);backdrop-filter:blur(18px)}.time-panel{position:absolute;right:38px;top:115px;width:267px;padding:21px 22px 0;border-radius:13px}.panel-eyebrow{font-size:8px;font-weight:600;letter-spacing:1.75px;display:flex;justify-content:space-between;align-items:center}.mini-spark{font-size:20px;font-weight:400;line-height:12px;opacity:.75}.time-heading{display:flex;justify-content:space-between;align-items:baseline;margin-top:19px;gap:8px}#time-name{font-family:Georgia,'Times New Roman',serif;font-size:20px;letter-spacing:-.4px}#time-display{font-size:11px;font-variant-numeric:tabular-nums;opacity:.8}.time-slider-wrap{margin-top:17px;display:flex;align-items:center;height:18px}input[type=range]{width:100%;margin:0;cursor:pointer;appearance:none;background:linear-gradient(90deg,#8aab83 0%,#b4c78e 37%,#d9b28b 66%,#567b8b 100%);height:3px;border-radius:5px}input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;background:var(--paper);border:3px solid #3c6e54;box-shadow:0 0 0 3px rgba(246,247,232,.6)}input[type=range]::-moz-range-thumb{width:8px;height:8px;border-radius:50%;background:var(--paper);border:3px solid #3c6e54}.time-landmarks{display:flex;justify-content:space-between;margin:7px -2px 17px}.time-landmarks span{display:flex;align-items:center;font-size:7px;letter-spacing:.6px;gap:5px;opacity:.65}.time-landmarks svg{width:13px;height:13px}.time-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;height:38px;font-size:8px;letter-spacing:.2px;color:var(--muted)}#time-play{background:none;font-size:20px;width:25px;height:30px;line-height:20px;color:var(--ink)}.landmark{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;gap:7px;background:none;transform:translate(-50%,-100%);white-space:nowrap;transition:opacity .5s;padding:12px;color:#224d45}.landmark>span:last-child{background:rgba(251,251,230,.85);border:1px solid rgba(255,255,244,.65);backdrop-filter:blur(8px);padding:8px 10px 8px 12px;border-radius:5px;font-size:8px;letter-spacing:1.45px;font-weight:600;display:flex;align-items:center;gap:8px;order:-1;box-shadow:0 2px 12px #153f3510;transition:transform .2s}.landmark:hover>span:last-child{transform:translateY(-4px);background:#f6f4df}.landmark svg{width:12px;height:12px}.landmark-dot{width:7px;height:7px;border:1.5px solid #fffce9;border-radius:50%;background:#315c4e;box-shadow:0 0 0 5px #faf9e62a}.journey-status{position:absolute;left:48px;bottom:123px}.status-overline{display:flex;gap:9px;align-items:center;font-size:8px;font-weight:600;letter-spacing:1.6px}.journey-status #mode-description{font-family:Georgia,'Times New Roman',serif;font-size:18px;margin:12px 0 17px;letter-spacing:-.3px}.text-button{background:none;display:flex;align-items:center;gap:7px;padding:0;font-size:9px;opacity:.72}.text-button svg{width:12px;height:12px}.text-button>span{border:1px solid #365c4e44;font-size:8px;margin-left:3px;border-radius:3px;padding:2px 4px}.text-button:hover{opacity:1}.bottom-center{position:absolute;left:50%;bottom:32px;transform:translateX(-50%);width:530px}.explore-hint{display:flex;align-items:center;justify-content:center;gap:13px;font-size:7px;font-weight:600;letter-spacing:2.25px;margin-bottom:13px;opacity:.8}.explore-hint>span{width:23px;border-top:1px solid #315b5144}.mode-dock{display:flex;gap:5px;padding:7px;border-radius:14px}.mode-button{position:relative;width:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;height:76px;background:transparent;border-radius:9px;font-size:11px;letter-spacing:.4px;transition:background .2s,transform .2s,color .2s}.mode-button:hover{background:#dae8d6;transform:translateY(-2px)}.mode-button svg{width:24px;height:24px}.mode-button.active{background:#265b4a;color:#f5f3de;box-shadow:0 3px 10px #174c4920}.mode-number{position:absolute;top:7px;right:9px;font-size:7px;opacity:.45}.controls{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:14px;font-size:9px;white-space:nowrap;color:#1c4c49}.controls>span{display:flex;align-items:center;gap:3px}kbd{font:inherit;font-size:8px;display:inline-flex;align-items:center;justify-content:center;min-width:15px;height:17px;padding:2px 3px;background:#f0f5e626;border:1px solid #234f4c40;border-radius:3px}.controls kbd:last-of-type{margin-right:3px}.control-separator{height:3px;width:3px;border-radius:50%;background:currentColor;opacity:.3}.map-panel{position:absolute;right:38px;bottom:73px;width:195px;border-radius:11px;padding:14px 13px 0}.map-heading{font-size:7px;letter-spacing:1.4px;display:flex;align-items:center;justify-content:space-between;font-weight:600}.map-heading>span{font-size:8px;letter-spacing:1px;opacity:.7}#minimap{display:block;width:170px;height:120px;margin:3px -1px;opacity:.9}.map-footer{border-top:1px solid var(--line);height:30px;font-size:8px;display:flex;align-items:center;justify-content:space-between;letter-spacing:.2px}.map-footer>span:first-child{display:flex;align-items:center;gap:5px}.map-footer i{width:4px;height:4px;background:#55796a;border-radius:50%}#altitude{font-size:7px;letter-spacing:.8px;opacity:.7}.footer-note{position:absolute;bottom:34px;left:48px;font-size:7px;letter-spacing:1.4px;opacity:.7;display:flex;gap:10px;align-items:center}.footer-note button{background:none;font-size:7px;letter-spacing:1px;padding:0}.footer-note kbd{font-size:7px;margin-left:4px;min-width:12px;height:14px}#toast{position:absolute;left:50%;top:100px;transform:translate(-50%,-10px);pointer-events:none;background:rgba(23,66,59,.92);backdrop-filter:blur(12px);color:#f3f4dd;border:1px solid #e7f3dc20;box-shadow:0 4px 30px #163e3c15;font-size:12px;letter-spacing:.3px;padding:13px 22px;border-radius:30px;opacity:0;transition:opacity .3s,transform .3s;z-index:5;white-space:nowrap}#toast.visible{opacity:1;transform:translate(-50%,0)}#underwater{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .8s;background:linear-gradient(180deg,#5fc7b908,#064b6550);box-shadow:inset 0 0 180px #03394f70;overflow:hidden}.water-rays{position:absolute;inset:-40%;background:repeating-conic-gradient(from 155deg at 50% -10%,transparent 0deg 6deg,#c5ffdf0b 7deg 9deg,transparent 11deg 20deg);animation:rays 15s ease-in-out infinite alternate}@keyframes rays{to{transform:translateX(8%) rotate(5deg)}}body.submerged #underwater{opacity:1}body.submerged .island-title{opacity:0}body.close-view .island-title{opacity:0;transform:translateY(-8px);pointer-events:none}.island-title{transition:opacity .5s,transform .5s}body.night{--ink:#e6eedd;--muted:#bcc9b7;--paper:#e8eedb;--line:#d6e3c61a}body.night .glass{background:rgba(21,49,51,.85);border-color:#bad8b325}body.night .landmark{color:#244c43}body.night .mode-button.active{background:#b5cda5;color:#173c36}body.night .controls{color:#d3e5d7}body.night kbd{border-color:#c6d7c640}body.night .live-dot{background:#a5cba0}body.night .utility-button{background:#213e4944;border-color:#adcac425}body.night .mode-button:hover{background:#4d7463}body.night .time-footer{color:#c0cdbb}body.night .text-button>span{border-color:#bfd4bf44}body.ui-hidden #interface{opacity:0;visibility:hidden}#restore-ui{display:none;position:absolute;bottom:23px;right:25px;background:#f6f8e3aa;color:#31574c;border-radius:20px;padding:9px 15px;font-size:10px;backdrop-filter:blur(10px)}#restore-ui kbd{margin-left:8px}body.ui-hidden #restore-ui{display:block}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#e8eee1;color:#2a5c51;z-index:20;transition:opacity .8s;gap:18px}#loading>span{font-family:Georgia,serif;font-size:25px;font-style:italic}.loading-mark{font-size:62px;font-family:Georgia,serif;font-weight:400}.loading-line{width:180px;height:2px;background:#235e4c22;overflow:hidden;margin:7px 0}.loading-line i{display:block;width:40%;height:100%;background:#47775b;animation:loading 1.6s infinite ease-in-out}#loading small{font-size:7px;letter-spacing:2px;opacity:.65}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(350%)}}
@media(min-width:1650px){.island-title{top:180px;left:60px}h1{font-size:90px}.journey-status{left:60px}.bottom-center{width:590px;bottom:38px}.mode-button{height:83px}.map-panel{right:48px;bottom:80px}.time-panel{right:48px;width:280px}}
@media(max-width:1150px){.top-coordinate{display:none}.island-title{left:30px;top:135px}h1{font-size:61px}.island-title .eyebrow{font-size:6px}.world-note{font-size:6px}.time-panel{right:25px;width:240px;padding:19px 18px 0}.topbar{left:25px;right:25px}.journey-status{left:30px;bottom:186px}.journey-status #mode-description{font-size:16px}.map-panel{right:25px;bottom:89px;width:172px}#minimap{width:148px;height:105px}.map-heading{font-size:6px;letter-spacing:1px}.bottom-center{width:460px}.footer-note{left:30px;font-size:6px}.controls{gap:7px;font-size:8px}.controls kbd{font-size:7px;min-width:13px}.mode-button{height:70px}}
@media(max-width:760px){.topbar{top:22px;left:20px;right:20px}.brand{font-size:19px;letter-spacing:4px;gap:6px}.brand-mark{width:32px}.brand-mark svg{width:32px}.brand-sub{font-size:5px;letter-spacing:1.1px}.utility-button{padding:9px}.utility-button span{display:none}.utility-actions{gap:5px}.utility-button.square{width:35px;height:35px}.island-title{left:23px;top:104px}h1{font-size:49px;letter-spacing:-2px;margin-top:16px}.eyebrow{font-size:5px!important;letter-spacing:1.1px}.island-title p{font-size:10px}.title-rule,.world-note{display:none}.time-panel{width:185px;right:18px;top:99px;padding:15px 14px 0}.panel-eyebrow{font-size:6px;letter-spacing:1px}.time-heading{margin-top:13px;gap:4px}#time-name{font-size:15px}#time-display{font-size:9px}.time-slider-wrap{margin-top:12px}.time-landmarks{margin-bottom:11px}.time-landmarks span{font-size:5px;gap:3px;letter-spacing:0}.time-landmarks svg{width:11px}.time-footer{font-size:6px;height:31px}.bottom-center{width:calc(100% - 32px);max-width:450px;bottom:23px}.mode-button{height:65px;font-size:10px;gap:6px}.mode-button svg{width:22px;height:22px}.mode-dock{padding:6px;gap:4px}.controls{font-size:7px;gap:5px}.controls kbd{min-width:11px;height:14px;font-size:6px;padding:1px 2px}.explore-hint{font-size:6px;letter-spacing:1.6px;margin-bottom:10px}.journey-status{left:24px;bottom:161px}.status-overline{font-size:6px;letter-spacing:1.2px}.journey-status #mode-description{font-size:14px;margin:9px 0 11px}.text-button{font-size:7px}.text-button>span{font-size:6px}.map-panel{right:19px;bottom:160px;width:119px;padding:10px 9px 0}.map-heading{font-size:4.5px;letter-spacing:.6px}.map-heading>span{font-size:6px}#minimap{width:100px;height:72px}.map-footer{font-size:6px;height:23px}#altitude{font-size:5px}.footer-note{display:none}.landmark>span:last-child{font-size:6px;letter-spacing:1px;padding:6px 8px}.landmark svg{width:10px}#toast{top:75px;font-size:10px;max-width:90vw;white-space:normal;text-align:center;padding:12px 18px}.journey-status{max-width:60%}}
@media(max-height:650px){.island-title{top:110px}h1{font-size:48px}.island-title p,.title-rule,.world-note{display:none}.journey-status{bottom:155px}.time-panel{top:90px}.map-panel{bottom:45px}.bottom-center{bottom:18px}.footer-note{bottom:23px}}
.touch-controls{display:none;position:absolute;left:23px;bottom:282px;gap:13px;align-items:flex-end}.touch-direction{display:grid;grid-template-columns:repeat(3,33px);gap:4px}.touch-direction button:first-child{grid-column:2}.touch-direction button:nth-child(2){grid-column:1}.touch-controls button{width:33px;height:33px;border-radius:9px;border:1px solid #fcfde762;background:#f4f6e16e;backdrop-filter:blur(12px);font-size:17px;touch-action:none;user-select:none;color:#24584c}.touch-controls button.pressed{background:#265b4a;color:#f5f3de}.touch-depth{display:flex;flex-direction:column;gap:4px}body[data-mode=walk] .touch-depth,body[data-mode=sail] .touch-depth,body[data-mode=swim] .touch-depth{display:none}
@media(pointer:coarse){.touch-controls{display:flex}.controls{font-size:0}.controls>span,.controls kbd{display:none}.controls:after{content:'DRAG TO LOOK AROUND · USE THE ARROWS TO MOVE';font-size:7px;letter-spacing:1px}}
@media(max-width:480px){h1{font-size:42px}.island-title{max-width:160px}.island-title .eyebrow{letter-spacing:.55px}.time-panel{width:165px;padding:14px 12px 0}#time-name{font-size:13px}#time-display{font-size:8px}.time-landmarks span{font-size:4.5px}.time-landmarks svg{width:10px}.panel-eyebrow{font-size:5.5px}.time-footer{font-size:5.6px}.journey-status #mode-description{font-size:13px}}