:root{color:#faf6ed;font-synthesis:none;background:#182520;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:5px;outline:3px solid #e7c58b}.experience{isolation:isolate;height:100dvh;min-height:320px;position:relative;overflow:hidden}.viewport{touch-action:none;z-index:-2;position:absolute;inset:0}.experience:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0c1916f0,#0c19167a 48%,#0c191614);position:absolute;inset:0}.entered:before{background:linear-gradient(#0c1916a6,#0000 25% 65%,#0c1916b8)}header,footer{left:max(32px,env(safe-area-inset-left));right:max(32px,env(safe-area-inset-right));justify-content:space-between;align-items:center;display:flex;position:absolute}header{top:max(28px,env(safe-area-inset-top))}.brand{color:inherit;letter-spacing:3px;align-items:center;gap:15px;font-size:13px;text-decoration:none;display:flex}.brand small{letter-spacing:3px;color:#c6c9bf;margin-top:8px;font-size:8px;display:block}.monogram{letter-spacing:-3px;border:1px solid #aaa68a;padding:12px 8px;font-family:Georgia,serif;font-size:28px}.round{color:#fff;background:#18252055;border:1px solid #ffffff70;border-radius:50%;width:44px;height:44px;font-family:Georgia,serif;font-size:20px}.welcome{max-width:520px;position:absolute;top:50%;left:8%;transform:translateY(-43%)}.eyebrow{letter-spacing:3px;color:#d2bc93;font-size:10px}h1{letter-spacing:-2px;margin:24px 0;font-family:Georgia,serif;font-size:clamp(44px,6vw,88px);font-weight:400;line-height:1.05}p{color:#d9ddd3;font-size:14px;line-height:1.8}.primary{color:#182520;text-align:left;background:#d7c39b;border:1px solid #d7c39b;min-width:220px;margin-top:20px;padding:18px 26px}.primary:disabled{opacity:.65;cursor:wait}.loading-note{color:#b4bcb3;margin-top:12px;font-size:11px}footer{bottom:max(24px,env(safe-area-inset-bottom));letter-spacing:2px;font-size:9px}footer b{color:#d7c39b;margin:0 12px}footer button{color:inherit;background:#18252088;border:0;padding:12px;font-size:14px}footer button span{letter-spacing:1px;font-size:10px}.view-caption{text-shadow:0 1px 6px #000;position:absolute;bottom:100px;left:32px}.view-caption h2,.info h2{margin:12px 0;font:36px Georgia,serif}.view-caption p{font-size:12px}.info{background:#1d302bf5;border:1px solid #ffffff30;width:min(360px,100% - 48px);max-height:calc(100dvh - 180px);padding:32px;position:absolute;top:100px;right:24px;overflow:auto}.info small{color:#a7b7ac;font-size:11px;line-height:1.7}.close{float:right;color:#fff;background:0 0;border:0;font-size:24px}.notice,.failure,.fallback{color:#fff;background:#182520;border:1px solid #d7c39b;padding:24px;position:absolute;top:40%;left:10%;right:10%}.notice{z-index:5}.failure{z-index:6}@media (width<=600px){header,footer{left:20px;right:20px}.brand{font-size:10px}.welcome{left:26px;right:24px}h1{font-size:60px}.view-caption{left:20px}.view-caption p{max-width:240px}footer{letter-spacing:1px;font-size:8px}.experience:before{background:linear-gradient(90deg,#0c1916e8,#0c191660)}.entered:before{background:linear-gradient(#0c1916aa,#0000 35% 60%,#0c1916cc)}}@media (height<=500px){header{top:14px}.monogram{padding:8px;font-size:20px}.welcome{top:48%;left:7%;transform:translateY(-35%)}h1{margin:12px 0;font-size:42px}.welcome p{margin:8px 0;font-size:11px;line-height:1.5}.eyebrow{font-size:8px}.primary{margin-top:8px;padding:12px 20px}.loading-note{display:none}footer{bottom:10px}.view-caption{bottom:55px}.view-caption h2{font-size:26px}.info{max-height:calc(100dvh - 110px);top:70px}}.walk-controls{pointer-events:none;position:absolute;inset:0}.walk-controls>*{pointer-events:auto}.joystick{bottom:max(82px,calc(env(safe-area-inset-bottom) + 60px));left:max(28px,env(safe-area-inset-left));touch-action:none;-webkit-user-select:none;user-select:none;background:#18252035;border:1px solid #f8f1d680;border-radius:50%;justify-content:center;align-items:center;width:114px;height:114px;display:none;position:absolute}.joystick span{pointer-events:none;background:#d7c39b99;border:1px solid #fff9;border-radius:50%;width:48px;height:48px}.joystick small{letter-spacing:2px;color:#fff;pointer-events:none;font-size:9px;position:absolute;bottom:-22px}.look-hint{color:#fff9;letter-spacing:2px;pointer-events:none;font-size:11px;display:none;position:absolute;bottom:118px;right:60px}.desktop-hint{letter-spacing:2px;color:#fff;text-shadow:0 1px 5px #000;pointer-events:none;font-size:12px;position:absolute;bottom:86px;left:32px}.desktop-hint span{letter-spacing:0;color:#d9ddd3}.start-point{right:max(30px,env(safe-area-inset-right));top:max(90px,calc(env(safe-area-inset-top) + 65px));color:#fff;background:#182520aa;border:1px solid #fff5;min-height:44px;padding:10px 14px;font-size:11px;position:absolute}.start-point:disabled{opacity:.35}.entered header,.entered footer{pointer-events:none}.entered header>*,.entered footer>*{pointer-events:auto}.info{z-index:4}.entered .viewport canvas{cursor:grab}.entered .viewport canvas:active{cursor:grabbing}@media (pointer:coarse){.joystick{display:flex}.look-hint{display:block}.desktop-hint{display:none}}@media (height<=500px){.joystick{width:100px;height:100px;bottom:65px}.start-point{top:75px}.look-hint{bottom:100px}.desktop-hint{bottom:65px}}@media (width<=450px){.start-point{top:100px;right:20px}.joystick{left:24px}.look-hint{right:34px}.desktop-hint{font-size:10px;left:20px}}html,body{overscroll-behavior:none}button{min-height:44px}body{-webkit-user-select:none;user-select:none}.info p,.info small{-webkit-user-select:text;user-select:text}.rotate-tip{z-index:3;background:#182520e8;border:1px solid #d7c39b70;justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 10px 16px;font-size:12px;display:flex;position:absolute;top:175px;left:20px;right:20px}.rotate-tip button{color:#fff;background:0 0;border:0;width:44px;font-size:22px}.device-check{z-index:3;text-align:center;background:#182520df;border:1px solid #d7c39b70;width:max-content;max-width:calc(100% - 330px);padding:8px;font-size:11px;position:absolute;bottom:72px;left:50%;transform:translate(-50%)}.device-check button{color:#182520;background:#d7c39b;border:0;margin:3px;padding:8px 12px;font-size:11px}.device-check p{max-width:230px;margin:4px;font-size:11px;line-height:1.4}@media (width<=500px){.device-check{max-width:calc(100% - 48px);bottom:220px}.rotate-tip{top:175px}}@media (height<=380px){.device-check{max-width:calc(100% - 300px);bottom:60px}}