:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ivory:#f0f0df;--muted:#afb5b7;--lime:#d9e8b5;--line:#e5ece02e}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow-x:hidden}body{color:var(--ivory);background:#101b2b;font-family:Arial,Helvetica,sans-serif}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a,select{outline-offset:5px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--lime)}.experience{width:100%;height:100svh;min-height:480px;position:relative;overflow:hidden}.scene{touch-action:none;position:absolute;inset:0}.scene canvas{touch-action:none;display:block}.vignette{pointer-events:none;background:linear-gradient(90deg,#060d17b8,#0000 65%),linear-gradient(#060d1759,#0000 20% 75%,#050c14cc);position:absolute;inset:0}.is-playing .vignette{background:linear-gradient(#060d1780,#0000 14% 80%,#050c14a6)}.topbar{align-items:center;gap:20px;padding:28px 38px;display:flex;position:absolute;top:0;left:0;right:0}.brand{color:var(--ivory);letter-spacing:-2.2px;font-size:36px;font-weight:750;text-decoration:none}.brand span{color:var(--lime)}.brand-divider{background:var(--line);width:1px;height:31px}.world-name{letter-spacing:3px;font-size:12px;line-height:1.9}.world-name>span{letter-spacing:1.8px;color:var(--muted);font-size:7px;display:block}.top-actions{align-items:center;gap:24px;margin-left:auto;display:flex}.live{letter-spacing:1.6px;align-items:center;gap:8px;font-size:9px;display:flex}.dot{background:var(--lime);border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 9px #d9e8b544}.quality{border-left:1px solid var(--line);color:var(--muted);align-items:center;gap:10px;padding-left:24px;font-size:11px;display:flex}select{color:var(--ivory);border:1px solid var(--line);background:#15202cb3;border-radius:3px;padding:9px 7px;font-size:11px}.icon-button{border:1px solid var(--line);width:30px;height:30px;color:var(--ivory);background:#15202c90;border-radius:50%}.welcome{max-width:560px;position:absolute;top:50%;left:7%;transform:translateY(-45%)}.eyebrow{letter-spacing:2.4px;color:var(--lime);align-items:center;gap:13px;font-size:9px;font-weight:500;display:flex}.line{background:var(--lime);width:28px;height:1px}h1{letter-spacing:-5px;margin:26px 0 23px;font-size:clamp(68px,7.5vw,112px);font-weight:500;line-height:.94}h1 em{letter-spacing:-5px;font-family:Georgia,Times New Roman,serif;font-weight:400}.welcome p{color:#ced1cf;margin-bottom:30px;font-size:15px;line-height:1.7}.enter-button{background:var(--lime);color:#26352d;border:0;justify-content:space-between;align-items:center;gap:42px;min-width:260px;padding:18px 22px;font-size:12px;font-weight:600;display:flex}.enter-button:hover{background:#edf4d7}.enter-button>span{font-size:22px;font-weight:400;line-height:15px}.entry-note{letter-spacing:.2px;color:#9ea8ad;margin-top:14px;font-size:10px;display:block}.location{border-left:1px solid #c5d4b5;flex-direction:column;gap:9px;padding-left:15px;display:flex;position:absolute;bottom:91px;left:38px}.location-number{color:var(--lime);letter-spacing:1px;font-family:monospace;font-size:9px}.location-title{font-family:Georgia,serif;font-size:20px}.location-subtitle{color:var(--muted);letter-spacing:1.8px;font-size:7px}.minimap{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1a23b8;width:146px;padding:12px 13px;position:absolute;bottom:91px;right:38px}.map-label{letter-spacing:1px;color:#c5cebd;justify-content:space-between;font-size:7px;display:flex}.minimap svg{width:100%;height:166px;margin:7px 0}.map-caption{letter-spacing:1.4px;color:var(--muted);align-items:center;gap:6px;font-size:6px;display:flex}.map-caption .dot{width:3px;height:3px}.bottom-bar{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;height:60px;display:flex;position:absolute;bottom:0;left:38px;right:38px}.edition{letter-spacing:1.2px;color:var(--muted);font-size:7px}.edition strong{letter-spacing:-.5px;color:var(--ivory);margin-left:4px;font-size:13px}.control-hint{color:var(--muted);align-items:center;gap:20px;font-size:9px;display:flex}.control-hint>span{align-items:center;gap:6px;display:flex}kbd{color:var(--ivory);border:1px solid #85918b55;border-radius:3px;padding:4px 5px;font-family:inherit;font-size:.85em;line-height:1.2}.mouse-icon{border:1px solid #aeb6b1;border-radius:6px;width:10px;height:15px;display:inline-block;position:relative}.mouse-icon:after{content:"";background:#aeb6b1;width:2px;height:4px;position:absolute;top:2px;left:3px}.prototype{letter-spacing:1.3px;color:#aeb6b1;align-items:center;gap:10px;font-size:8px;display:flex}.crosshair{pointer-events:none;background:#ffffffa0;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;box-shadow:0 0 2px #000}.pause-button{border:1px solid var(--line);color:var(--ivory);background:#132130aa;padding:9px 12px;font-size:12px;position:absolute;top:110px;right:38px}.pause-button span{margin-left:7px;font-size:10px}.help-panel{border:1px solid var(--line);background:#14212cf5;width:340px;padding:28px;position:absolute;top:110px;right:38px;box-shadow:0 20px 60px #0005}.help-panel h2{font-family:Georgia,serif;font-size:28px;font-weight:400}.help-panel p{color:#c5cecb;font-size:12px;line-height:2}.help-panel .eyebrow{font-size:7px}.close-help{color:#ddd;background:0 0;border:0;font-size:25px;position:absolute;top:8px;right:12px}.text-button{border:0;border-bottom:1px solid var(--lime);color:var(--lime);background:0 0;padding:7px 0;font-size:11px}.fallback{max-width:640px;position:absolute;top:30%;left:10%;right:10%}.fallback h1{letter-spacing:-2px;font-family:Georgia,serif;font-size:48px;line-height:1.1}.fallback p{color:var(--muted);font-size:14px;line-height:1.7}.fallback-note{font-size:11px!important}.mobile-controls{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (min-width:1400px){.welcome{left:9%}}@media (max-height:750px){.welcome{transform:translateY(-48%)}.welcome h1{margin:20px 0;font-size:78px}.welcome p{margin-bottom:20px;font-size:13px}.location,.minimap{bottom:80px}.minimap svg{height:130px}}@media (max-width:900px){.live,.edition,.quality>span{display:none}.control-hint{gap:14px}.welcome{left:7%}.top-actions{gap:14px}.topbar{padding:24px}.bottom-bar{left:24px;right:24px}.location{left:24px}.minimap{right:24px}.quality{border:0;padding-left:0}}@media (max-width:600px){.experience{min-height:400px}.topbar{gap:12px;padding:20px}.brand{font-size:30px}.world-name{letter-spacing:2px;font-size:9px}.world-name>span{display:none}.brand-divider{height:23px}.top-actions{gap:9px}.quality select{max-width:92px;font-size:10px}.icon-button{width:27px;height:27px}.welcome{max-width:calc(100% - 50px);top:44%;left:25px}.welcome .eyebrow{letter-spacing:1.4px;font-size:7px}.welcome h1{letter-spacing:-3px;font-size:76px}.welcome p{font-size:13px}.enter-button{min-width:245px}.entry-note{font-size:9px}.minimap{width:93px;padding:8px;bottom:75px;right:20px}.minimap svg{height:112px}.map-label{letter-spacing:.4px;font-size:5px}.map-caption{letter-spacing:.4px;font-size:4px}.location{gap:7px;max-width:210px;bottom:85px;left:24px}.location-title{font-size:18px}.location-subtitle{font-size:6px}.bottom-bar{height:52px;left:20px;right:20px}.control-hint{gap:8px;font-size:8px}.control-hint>span:nth-child(2),.control-hint>span:nth-child(3){display:none}.prototype{font-size:6px}.help-panel{z-index:5;width:auto;top:85px;left:20px;right:20px}.pause-button{top:84px;right:20px}.fallback{top:23%;left:24px;right:24px}.fallback h1{font-size:37px}.is-playing .location{top:91px;bottom:auto}.is-playing .minimap{top:150px;bottom:auto}}@media (pointer:coarse){.is-playing .mobile-controls{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:85px;left:25px;right:25px}.joystick{touch-action:none;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#15233188;border:1px solid #d9e8b555;border-radius:50%;flex-direction:column;justify-content:space-around;align-items:center;width:112px;height:112px;padding:10px;display:flex}.joystick span{color:#d9e8b588;align-items:center;gap:13px;display:flex}.joystick i{background:#d9e8b555;border-radius:50%;width:22px;height:22px}.touch-hint{text-align:right;color:#d1d7d0;font-size:10px;line-height:1.6}.control-hint{display:none}.is-playing .minimap{top:150px;bottom:auto}.is-playing .location{top:91px;bottom:auto}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.experience-nav{z-index:2;gap:23px;display:flex;position:absolute;top:104px;left:38px}.experience-nav a{color:#c3cec5;border-bottom:1px solid #0000;padding:5px 0;font-size:10px;text-decoration:none}.experience-nav a[aria-current=page]{color:var(--lime);border-bottom-color:var(--lime)}.experience .enter-button{max-width:300px;text-decoration:none}.home-advertise{color:var(--ivory);text-underline-offset:5px;margin-top:17px;font-size:11px;display:block}.prototype a{color:inherit;text-decoration:none}.prototype a:hover{color:var(--lime)}@media (max-width:600px){.experience-nav{justify-content:space-between;gap:14px;top:79px;left:20px;right:20px}.experience-nav a{font-size:9px}.welcome .eyebrow{max-width:310px;line-height:1.8}.experience:not(.is-playing) .help-panel{top:115px}.location-number{font-size:7px}.experience .welcome{top:45%}.experience .welcome h1{margin:18px 0}.experience .entry-note{max-width:245px;line-height:1.7}}@media (max-height:650px) and (min-width:601px){.experience .welcome{top:50%;left:7%}.experience .welcome h1{margin:12px 0;font-size:62px}.experience .welcome p{margin:8px 0 16px}.experience-nav{top:87px}.experience .eyebrow{font-size:7px}.experience .entry-note{margin-top:9px}.experience .home-advertise{margin-top:10px}}
