:root{font-family:Manrope,Arial,sans-serif;color:#dce0d6;background:#070d0d;font-synthesis:none;font-size:12px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:1px solid #debc78;outline-offset:5px}button{border:0;background:none}#app{height:100svh;min-height:580px}#world,.vignette{position:absolute;inset:0;width:100%;height:100%}.vignette{pointer-events:none;background:linear-gradient(90deg,rgba(5,12,12,.55),transparent 32%,transparent 70%),linear-gradient(0deg,#070d0d,transparent 20%)}header{position:absolute;z-index:2;top:0;left:0;right:0;height:110px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b9c9b511}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#e3e3d8;font-size:17px;letter-spacing:4px}.brand svg{width:33px;height:42px;stroke:#cabb8e;fill:none;stroke-width:1.2}.brand small{display:block;font-size:8px;letter-spacing:3.6px;color:#7b877e;margin-top:7px}nav{display:flex;gap:34px;margin-left:30px}.nav{font-size:11px;color:#7f8c86;padding:12px 0;position:relative}.nav span{font-size:8px;margin-left:7px;opacity:.45}.nav.active{color:#dfd9c5}.nav.active:after{content:"";position:absolute;bottom:0;left:0;width:18px;height:1px;background:#bca46d}.live{font-size:8px;letter-spacing:1.7px;display:flex;align-items:center;gap:9px}.live i,.coordinate i{width:5px;height:5px;background:#81b394;border-radius:50%;box-shadow:0 0 12px #68af7d}.webgl{color:#576860;border-left:1px solid #34403a;padding-left:14px;margin-left:7px;font-size:7px}.intro{position:absolute;top:24%;left:5%;pointer-events:none}.eyebrow{font-size:8px;letter-spacing:2.6px;color:#a7b5a7;display:flex;align-items:center;gap:10px}.eyebrow>span{width:22px;height:1px;background:#a89466}h1{font-family:Cormorant Garamond,Georgia,serif;font-weight:400;font-size:clamp(56px,6vw,92px);line-height:.94;letter-spacing:-3px;margin:23px 0}h1 em{font-weight:400;color:#d7c295}.intro p{font-size:10px;line-height:1.9;color:#8b978e}.journey{pointer-events:auto;margin-top:23px;border-bottom:1px solid #8c7b5266;padding:0 0 12px;font-size:10px;letter-spacing:.6px}.journey span{margin-left:33px;color:#c5b27d}.realm-label{position:absolute;left:57%;display:flex;align-items:center;gap:12px;pointer-events:none;color:#bcaf90;font-size:7px;letter-spacing:1.6px}.realm-label small{display:block;font-size:8px;color:#758379;letter-spacing:.2px;margin-top:7px}.realm-line{width:30px;height:1px;background:#8d805c55}.above{top:21%}.below{bottom:21%;color:#789cbf}.below .realm-line{background:#587e9d55}aside{position:absolute;right:3.5%;top:19%;width:240px;border:1px solid #8b9e8524;background:linear-gradient(130deg,#13201bc7,#0b1413d9);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:5px;padding:18px}.panel-title{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.4px}.panel-title i{font-size:17px;color:#aab595;font-style:normal;margin-right:7px}.panel-title button{font-size:20px;color:#879483;padding:0}.seed-label{font-size:7px;letter-spacing:1.3px;color:#9ba797;margin:21px 0 9px}.seed-label span{float:right;font-size:6px;color:#5d7868;letter-spacing:.8px}.seed-input{display:flex;align-items:center;gap:10px;border:1px solid #788a7533;border-radius:3px;padding:9px 10px;color:#9aaf99}.seed-input input{width:100%;min-width:0;background:none;border:0;color:#d1d7c9;outline:none;letter-spacing:3px;font-size:11px}.seed-input button{font-size:19px;padding:0;line-height:15px}.separator{height:1px;background:#9eaf9520;margin:17px 0}.section-label{font-size:7px;letter-spacing:1.6px;color:#758674;margin-bottom:15px}label{display:block;font-size:9px;color:#b0b9aa;margin:12px 0}output{float:right;font-size:8px;color:#7e8c7c}input[type=range]{display:block;appearance:none;width:100%;height:2px;background:linear-gradient(90deg,#a3b393 var(--fill,50%),#3b4d3d var(--fill,50%));border-radius:2px;cursor:pointer;margin:11px 0 0;accent-color:#c7d1b5}input[type=range]::-webkit-slider-thumb{appearance:none;width:6px;height:6px;border-radius:50%;background:#c8cfb2;box-shadow:0 0 0 3px #bbd1980b}input[type=range]::-moz-range-thumb{width:6px;height:6px;border:0;background:#c8cfb2}.dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;margin-right:5px}.gold{color:#c1a66d}.blue{color:#79a4bd}.green{color:#8eb199}.regenerate{border:1px solid #9baf8944;border-radius:3px;width:100%;padding:11px 0;margin-top:13px;font-size:9px;background:#8299670a}.regenerate:hover{background:#82996720}.regenerate span{margin-right:8px;font-size:14px}.panel-note{text-align:center;font-size:7px;color:#657963;margin:10px 0 0}.view-controls{position:absolute;left:5%;bottom:16.5%}.view-controls>span{font-size:7px;color:#748176;letter-spacing:1.8px}.view-controls>div{display:flex;margin-top:12px;border:1px solid #83958033;border-radius:4px;background:#0e1813aa;padding:4px}.view-controls button{padding:8px 12px;color:#7e8c80;font-size:15px}.view-controls button span{font-size:8px;vertical-align:2px;margin-left:5px}.view-controls button.selected{background:#67755630;color:#d6d7bb;border-radius:2px}#rotate{border-left:1px solid #8e9d7922;margin-left:5px}#rotate[aria-pressed=true]{color:#f1cd81}.coordinate{position:absolute;left:5%;top:65%;font-size:7px;letter-spacing:1.4px;color:#94b59c;display:flex;align-items:center;gap:8px}.coordinate span{font-size:6px;color:#526b5d;letter-spacing:1px;margin-left:6px}footer{position:absolute;bottom:0;height:95px;left:4%;right:4%;display:flex;align-items:center;border-top:1px solid #839b7524;gap:30px}.playback{display:flex;align-items:center;gap:14px;width:340px}.playback>button{font-size:18px;color:#b7bda3}#play{border:1px solid #8e9d7940;border-radius:50%;width:34px;height:34px;flex-shrink:0;font-size:12px}.timeline{flex:1;margin-left:5px}.timeline>div{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1.5px;color:#85977e}.timeline input{margin-top:12px}.navigation-hint{font-size:7px;letter-spacing:1.1px;color:#677b6a;display:flex;align-items:center;gap:12px;margin:auto}.navigation-hint span{font-size:15px;color:#9ba88b}.navigation-hint b{color:#354c3e}#fullscreen{font-size:25px;color:#99a28c}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#070d0d;z-index:5;font-family:Georgia,serif;font-size:24px;letter-spacing:3px;transition:opacity .7s}#loading.done{opacity:0;pointer-events:none}#toast{position:absolute;bottom:110px;left:50%;transform:translate(-50%);background:#18271eed;border:1px solid #82997444;border-radius:4px;padding:12px 20px;font-size:10px;opacity:0;pointer-events:none;transition:opacity .3s}#toast.visible{opacity:1}dialog{color:#cdd6c4;border:1px solid #9cae7755;background:#0e1a17;padding:48px;max-width:490px;border-radius:5px}dialog::backdrop{background:#020909bb;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}dialog h2{font-family:Cormorant Garamond,Georgia,serif;font-size:49px;line-height:1.05;font-weight:400}dialog h2 em{color:#d2bb86;font-weight:400}dialog p{font-size:12px;line-height:1.9;color:#95a493}#close-story{position:absolute;right:17px;top:12px;font-size:25px}.story-key{display:flex;justify-content:space-between;font-size:9px;margin-top:28px;color:#c9aa69}.story-key span:nth-child(2){color:#7fa18b}.story-key span:nth-child(3){color:#7faacf}@media(min-height:850px){aside{top:21%;padding:22px}label{margin:17px 0}.separator{margin:21px 0}}@media(max-width:1050px){.webgl{display:none}aside{width:215px;right:3%;padding:15px}.intro{left:4%}h1{font-size:64px}.realm-label{left:52%}.navigation-hint{font-size:6px;gap:7px}.view-controls{left:4%}.view-controls button{padding:7px 9px}}@media(max-width:760px){header{height:80px;padding:0 5%}.brand{font-size:12px;letter-spacing:3px}.brand small{font-size:6px}.brand svg{width:25px}.live{display:none}nav{gap:17px;margin:0}.nav{font-size:9px}.nav span{display:none}.intro{top:15%;left:6%}h1{font-size:52px;margin:16px 0}.intro p{font-size:9px}.eyebrow{font-size:6px}.journey{margin-top:9px}aside{top:100px;width:195px;right:4%;padding:12px}.panel-title{font-size:6px;letter-spacing:.8px}aside.mobile-fold #panel-body{display:none}.realm-label{display:none}.coordinate{top:auto;bottom:24%;left:6%}.coordinate span{display:none}.view-controls{bottom:15%;left:6%}footer{height:80px}.navigation-hint{display:none}.playback{width:100%;max-width:350px}#fullscreen{margin-left:auto}dialog{margin:auto 20px;padding:30px}.intro{pointer-events:none}#toast{width:max-content;max-width:90%;text-align:center}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}aside{max-height:calc(100svh - 240px);overflow:auto;scrollbar-width:thin;scrollbar-color:#465440 transparent}@media(max-width:760px){aside{max-height:calc(100svh - 210px)}.intro{z-index:1}.coordinate{pointer-events:none}}.interface-hidden header,.interface-hidden main,.interface-hidden footer,.interface-hidden #toast,.interface-hidden dialog,.interface-hidden .vignette,.interface-hidden #loading:not(.error){display:none}#world:focus{outline:none}