:root{color:#f2f2e9;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101b26;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;min-height:44px}button:focus-visible,a:focus-visible{outline-offset:5px;outline:2px solid #d3edbb}button:hover{color:#d3edbb}a{color:inherit}.world-viewport{background:radial-gradient(at 56% 43%,#293d49 0%,#172632 42%,#101b26 77%);position:fixed;inset:0}.world-viewport:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 -80px 120px #0b151f66}.tour-track{pointer-events:none;height:650svh}.interface{pointer-events:none;z-index:20;position:fixed;inset:0}.interface button,.interface a{pointer-events:auto}.header{justify-content:space-between;align-items:center;gap:20px;width:100%;padding:28px 40px;display:flex;position:absolute;top:0;left:0}.brand{letter-spacing:1.7px;align-items:center;gap:12px;min-height:44px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.brand-light{color:#b0c2c9;font-weight:400}.brand-mark{color:#d2eaba;text-align:center;border:1px solid #ffffff2b;border-radius:50%;width:44px;height:44px;font:700 36px/1 Segoe UI,sans-serif;position:relative}.brand-mark span{font-size:9px;position:absolute;top:10px;right:8px}.header-actions{align-items:center;gap:28px;display:flex}.prototype{letter-spacing:2px;color:#b1bec1;font-size:10px}.overview-button{background:#13222caa;border:1px solid #c0d0d242;border-radius:30px;padding:4px 18px;font-size:12px}.overview-button span{vertical-align:-1px;margin-right:6px;font-size:20px}.content{text-shadow:0 2px 20px #0a141a;width:min(370px,30vw);padding:22px 22px 24px 0;position:absolute;bottom:230px;left:40px}.content:before{content:"";z-index:-1;background:radial-gradient(at 0 100%,#101b26e6,#101b2600 72%);position:absolute;inset:-20px -30px -15px -40px}.eyebrow{letter-spacing:1.7px;color:var(--area-color);align-items:center;gap:9px;margin:0 0 20px;font-size:9px;font-weight:600;line-height:1.6;display:flex}.eyebrow>span{background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}h1{letter-spacing:-2px;margin:0 0 18px;font:500 clamp(28px,3.4vw,51px)/1.14 Segoe UI,sans-serif}.intro-content{width:470px;max-width:37vw}.intro-content h1{color:#d5e7c6;font-size:clamp(36px,4.1vw,64px)}.intro-text,.area-detail{color:#bac8cc;max-width:325px;margin:0;font-size:13px;line-height:1.85}.area-detail{color:#9fb1b8;margin-top:12px;font-size:11px}.primary-button{color:#14251f;min-height:48px;text-shadow:none;background:#cde7b9;border-radius:30px;justify-content:space-between;align-items:center;gap:40px;margin-top:26px;padding:0 21px;font-size:12px;display:flex}.primary-button:hover{color:#14251f;background:#e1f5d2}.primary-button span{font-size:22px}.text-button{color:#c9e8b5;margin-top:12px;padding:0;font-size:11px}.experience-note{text-align:right;color:#cad3d0;font-size:11px;line-height:1.75;position:absolute;top:35%;right:40px}.tiny-cross{color:#cde7b9;font-size:22px}.note-line{background:#839799;width:28px;height:1px;margin:18px 0 18px auto;display:block}.experience-note .muted{color:#9dafb6;letter-spacing:1.2px;font-size:8px}.bottom-ui{position:absolute;bottom:18px;left:40px;right:40px}.tour-bar{justify-content:space-between;align-items:center;gap:16px;min-height:50px;display:flex}.tour-info{color:#cad5d4;align-items:center;gap:9px;font-size:10px;display:flex}.status-dot{background:#c9e8b5;border-radius:50%;width:5px;height:5px}.status-dot.paused{background:#b7a8d7}.tour-percent{color:#96aab0;font-variant-numeric:tabular-nums;margin-left:15px;font-size:9px}.scroll-hint,.resume-button{color:#b5c4c7;font-size:10px}.scroll-hint span,.resume-button span{margin-left:16px;font-size:18px}.tour-progress{background:#c0d0d22b;width:100%;height:1px;margin-bottom:18px}.tour-progress>span{transform-origin:0;background:#cde7b9;width:100%;height:1px;display:block}.area-navigation{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14232dcc;border:1px solid #b8c9ce2c;border-radius:10px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.area-navigation button{text-align:left;border-right:1px solid #b8c9ce2c;align-items:center;gap:14px;min-height:73px;padding:22px 24px;font-size:12px;display:flex}.area-navigation button:last-child{border-right:0}.area-navigation button:hover,.area-navigation button.selected{background:#cce8b411}.area-navigation button.selected{color:#d4ebbd;box-shadow:inset 0 -2px #cde7b9}.nav-number{color:#98a9ad;font-size:9px}.nav-arrow{color:#bacec1;margin-left:auto;font-size:17px}footer{color:#94a7af;letter-spacing:1px;justify-content:space-between;gap:10px;margin-top:17px;font-size:8px;display:flex}footer [role=status]{letter-spacing:.4px;text-transform:uppercase}.world-label{color:#eef3df;white-space:nowrap;background:#172b35e8;border:1px solid #a9c9c26e;border-radius:30px;align-items:center;gap:9px;min-height:44px;padding:6px 13px;font-size:11px;display:flex}.world-label>span:first-child{color:#cde7b9;font-size:8px}.world-label:hover,.world-label.is-active{background:#34564ee8;border-color:#d4edbd}.fallback-note{color:#e5d5b0;border-left:2px solid #e5d5b0;margin-top:18px;padding-left:14px;font-size:12px;line-height:1.6}.fallback-art{border:1px solid #c9e8b544;border-radius:50%;place-items:center;width:260px;height:260px;display:grid;position:absolute;top:38%;left:60%;transform:translate(-50%,-50%)}.fallback-art>span{color:#c9e8b5;font:500 130px Segoe UI,sans-serif}.fallback-art>div{border:1px solid #b7cec320;border-radius:50%;position:absolute;inset:-30px}.fallback-art>div:nth-child(3){inset:-60px}.fallback-art>div:nth-child(4){inset:-90px}@media (width<=1000px){.header{padding:22px 24px}.content{width:285px;bottom:225px;left:24px}.intro-content{width:360px;max-width:42vw}.experience-note{display:none}.bottom-ui{left:24px;right:24px}.area-navigation button{gap:8px;padding:20px 12px;font-size:11px}}@media (width<=600px){.header{gap:8px;padding:14px 18px}.brand{letter-spacing:1px;gap:8px;font-size:10px}.brand-mark{width:34px;height:34px;font-size:28px}.brand-mark span{font-size:7px;top:8px;right:6px}.header-actions{gap:0}.prototype{display:none}.overview-button{padding:3px 12px;font-size:10px}.overview-button span{margin-right:3px;font-size:16px}.content,.intro-content{width:auto;max-width:none;padding:0;bottom:229px;left:20px;right:20px}.content:before{background:linear-gradient(#101b2600,#101b26bb 25%,#101b26f5);inset:-30px -20px -18px}h1,.intro-content h1{letter-spacing:-1.2px;margin-bottom:10px;font-size:31px}.eyebrow{letter-spacing:1.25px;margin-bottom:9px;font-size:8px}.intro-text{max-width:310px;font-size:11px;line-height:1.65}.area-detail{display:none}.primary-button{min-height:44px;margin-top:13px;padding:0 18px;font-size:11px}.text-button{min-height:44px;margin-top:3px}.bottom-ui{left:18px;right:18px;bottom:max(16px, env(safe-area-inset-bottom))}.tour-bar{gap:6px;min-height:47px}.tour-info{gap:6px;font-size:9px}.tour-percent{display:none}.scroll-hint,.resume-button{font-size:9px}.scroll-hint{text-align:right;max-width:135px}.scroll-hint span,.resume-button span{margin-left:5px;font-size:13px}.tour-progress{margin-bottom:12px}.area-navigation{grid-template-columns:repeat(2,1fr)}.area-navigation button{min-height:54px;padding:12px;font-size:10px}.area-navigation button:nth-child(2){border-right:0}.area-navigation button:nth-child(-n+2){border-bottom:1px solid #b8c9ce2c}.nav-number{font-size:8px}.nav-arrow{font-size:14px}footer{letter-spacing:.5px;margin-top:13px;font-size:7px}footer>span:last-child{display:none}.world-label{gap:5px;min-height:44px;padding:5px 10px;font-size:9px}.fallback-art{width:140px;height:140px;top:26%;left:50%}.fallback-art>span{font-size:75px}.fallback-note{margin-top:8px;font-size:10px}}@media (height<=650px) and (width>=601px){.header{padding-top:12px}.content{bottom:175px}h1,.intro-content h1{font-size:30px}.eyebrow{margin-bottom:10px}.area-detail{display:none}.area-navigation button{min-height:54px;padding-block:12px}.primary-button{margin-top:12px}}@media (height<=720px) and (width<=600px){.content,.intro-content{bottom:204px}h1,.intro-content h1{font-size:25px}.intro-text{font-size:10px}.primary-button{margin-top:9px}.area-navigation button{min-height:46px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}