@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#fffaf1;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--orange:#ff8d43;--ink:#171613;background:#1e1b19;font-family:DM Sans,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,#scene:focus-visible{outline-offset:4px;outline:2px solid #ffa45e}button:disabled{cursor:wait;opacity:.55}[hidden]{display:none!important}#experience,#scene{position:fixed;inset:0}#scene{touch-action:none;outline:none}canvas{width:100%;height:100%;display:block}.topbar{pointer-events:none;z-index:2;background:linear-gradient(#0d101360,#0000);justify-content:space-between;align-items:flex-start;padding:28px 36px;display:flex;position:fixed;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}.brand img{object-fit:contain;border-radius:5px;width:46px;height:52px}.brand>span{letter-spacing:-.2px;font-family:Manrope,Arial,sans-serif;font-size:13px;font-weight:800;line-height:1.12}.brand small{letter-spacing:1.7px;opacity:.65;margin-top:9px;font:8px DM Sans,sans-serif;display:block}.top-actions{align-items:center;gap:10px;display:flex}.top-actions button,#help,#centre-camera{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1c1b188a;border:1px solid #ffffff30;border-radius:50%;place-items:center;width:44px;height:44px;font-size:18px;display:grid}.preview-tag{letter-spacing:2px;color:#f6f0e3b0;margin-right:14px;font-size:9px}.intro{z-index:2;pointer-events:none;text-shadow:0 2px 25px #0008;max-width:500px;transition:opacity .4s,transform .4s;position:fixed;bottom:16vh;left:5.5vw}.intro:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#11110f6b,#0000 70%);position:absolute;inset:-60px -60px -45px}.intro button{pointer-events:auto}.eyebrow{letter-spacing:2.5px;color:#ffc18e;margin:0 0 18px;font-size:10px;font-weight:700}h1{letter-spacing:-4px;margin:0 0 23px;font-family:Manrope,Arial,sans-serif;font-size:clamp(42px,5.3vw,80px);font-weight:500;line-height:1.04}h1 em{color:#ffa361;font-style:normal}.intro-copy{color:#fffaf0d4;margin-bottom:27px;font-size:14px;line-height:1.7}.primary{color:#1c1915;background:#ff944d;border:0;border-radius:30px;align-items:center;gap:43px;min-height:48px;padding:17px 23px;font-size:13px;font-weight:700;display:inline-flex}.primary:hover{background:#ffb477}.primary span{font-size:20px}.controls-hint{color:#fffaf09a;letter-spacing:.2px;margin-top:17px;font-size:10px}body[data-started=true] .intro{opacity:0;pointer-events:none;transform:translateY(20px)}body[data-started=true] .intro button{pointer-events:none}.bottom-bar{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;gap:18px;display:flex;position:fixed;bottom:25px;left:36px;right:36px}.bottom-bar>*{pointer-events:auto}.location{text-shadow:0 2px 12px #000;grid-template-columns:8px auto;align-items:center;column-gap:9px;max-width:300px;display:grid}.live-dot{background:#ff9750;border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px #ff804070}.location>span:nth-child(2){font-size:12px;font-weight:600}.location small{letter-spacing:2px;color:#d8d4cbb0;grid-column:2;margin-top:7px;font-size:7px}.help-hint{color:#fff9ebbb;text-shadow:0 2px 10px #000;font-size:10px;position:absolute;left:50%;transform:translate(-50%)}.touch-hint,.mobile-controls{display:none}#object-prompt{z-index:3;position:fixed;bottom:103px;left:50%;transform:translate(-50%)}#interact{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);white-space:nowrap;background:#242018e6;border:1px solid #ffc49066;border-radius:40px;align-items:center;gap:13px;min-height:48px;padding:9px 16px 9px 9px;font-size:12px;display:flex;box-shadow:0 10px 30px #0003}.prompt-key{color:#241b14;background:#ff974f;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:700;display:grid}#loading{z-index:5;background:#171714df;border:1px solid #fff2;border-radius:40px;align-items:center;gap:12px;padding:18px 25px;font-size:13px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 70px #0005}.loading-dot{background:#ff974f;border-radius:50%;width:8px;height:8px;animation:1.2s infinite alternate load}@keyframes load{to{opacity:.25}}#notice{z-index:3;text-align:center;pointer-events:none;background:#181815da;border-radius:20px;max-width:80vw;padding:10px 18px;font-size:11px;position:fixed;bottom:78px;left:50%;transform:translate(-50%)}#notice:empty{display:none}dialog{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);color:#fff9ef;background:#171a1af5;border:1px solid #b8b0a43d;border-radius:24px;width:calc(100vw - 32px);max-width:820px;max-height:86dvh;padding:40px;box-shadow:0 30px 120px #0008}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050a0dc7}.close{float:right;z-index:3;background:#30302b;border:1px solid #fff3;border-radius:50%;width:44px;height:44px;margin:-18px -18px 0 12px;font-size:25px;position:sticky;top:0}dialog h2{letter-spacing:-1px;margin:7px 0 18px;font-family:Manrope,sans-serif;font-size:32px;line-height:1.15}dialog p{color:#cec8bd;font-size:14px;line-height:1.75}dialog a{color:#ffb578;text-underline-offset:4px}.menu-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:25px;display:grid}.menu-grid button{text-align:left;background:#ffffff08;border:1px solid #ffffff26;border-radius:14px;min-height:65px;padding:22px;font-size:15px}.menu-grid button:hover{background:#ffae6612;border-color:#ffb57890}.episode-grid{grid-template-columns:1fr 1fr;gap:18px;margin:25px 0;display:grid}.episode-card{text-align:left;background:#ffffff06;border:1px solid #ffffff24;border-radius:12px;padding:0;overflow:hidden}.episode-card img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.episode-card span{padding:14px;font-size:12px;line-height:1.5;display:block}.host-art{float:left;border-radius:15px;width:42%;margin:4px 25px 10px 0}.sheet-links{flex-wrap:wrap;gap:18px;margin-top:25px;font-size:13px;display:flex}.player{aspect-ratio:16/9;border:0;border-radius:12px;width:100%}.tip-grid{grid-template-columns:100px 1fr;gap:16px;margin:25px 0;font-size:13px;line-height:1.6;display:grid}.tip-grid strong{color:#ffb578}.tip-grid span{color:#d3cdc2}.small{color:#b6b0a6!important;font-size:11px!important}.full-width{width:100%}#flight-status{color:#fff;pointer-events:none;z-index:8;font:11px monospace;position:fixed;bottom:75px;left:30px}@media (width<=760px){.topbar{padding:18px 19px}.brand img{width:35px;height:43px}.brand>span{font-size:10px}.brand small{letter-spacing:1px;font-size:6px}.preview-tag{display:none}.top-actions{gap:7px}.top-actions button{width:44px;height:44px}.intro{max-width:370px;bottom:130px;left:25px;right:25px}h1{letter-spacing:-2.5px;font-size:46px}.intro-copy{font-size:12px}.eyebrow{font-size:8px}.controls-hint{max-width:290px;line-height:1.7}.desktop-hint{display:none}.touch-hint{display:inline}.bottom-bar{left:22px;right:22px;bottom:max(18px,env(safe-area-inset-bottom));gap:10px}.location small{font-size:6px}.location>span:nth-child(2){font-size:10px}.location{max-width:220px}.mobile-controls{left:24px;bottom:max(81px,calc(env(safe-area-inset-bottom) + 70px));z-index:3;pointer-events:none;opacity:0;justify-content:space-between;align-items:flex-end;transition:opacity .3s;display:flex;position:fixed;right:24px}body[data-started=true] .mobile-controls{opacity:1}.mobile-controls>*{pointer-events:auto}#joystick{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);touch-action:none;background:#2927226e;border:1px solid #fff3;border-radius:50%;width:110px;height:110px;position:relative}#stick{pointer-events:none;background:#fff6e5ad;border:1px solid #fff9;border-radius:50%;width:44px;height:44px;position:absolute;top:33px;left:33px;box-shadow:0 4px 20px #0003}#joystick i{text-align:center;letter-spacing:2px;color:#ffefd6aa;pointer-events:none;font-size:6px;font-style:normal;position:absolute;bottom:10px;left:0;right:0}#centre-camera{background:#292722ac;width:48px;height:48px;font-size:22px}#object-prompt{max-width:calc(100% - 35px);bottom:205px}#interact{white-space:normal;max-width:100%;font-size:11px}#notice{max-width:90vw;bottom:58px}dialog{border-radius:20px;max-height:87dvh;padding:28px 23px}dialog h2{font-size:27px}.episode-grid{grid-template-columns:1fr}.host-art{float:none;object-fit:contain;width:100%;max-height:310px;margin:0 0 14px}.tip-grid{grid-template-columns:80px 1fr;gap:15px}.menu-grid{grid-template-columns:1fr 1fr;gap:8px}.menu-grid button{padding:17px;font-size:13px}.player{min-height:210px}.close{margin:-14px -11px 0 10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.text-button{color:#ffb578;text-underline-offset:4px;background:0 0;border:0;padding:0;text-decoration:underline}.top-actions button.active{color:#ffc18e;background:#b5652f44;border-color:#ffb57880}.brand img{background:#f0e8d8;border-radius:4px;padding:4px}.player-shell{aspect-ratio:16/9;background-position:50%;background-size:cover;border-radius:12px;overflow:hidden}.player-shell .player{background:0 0;display:block}.look-buttons{align-items:center;gap:5px;display:flex}.look-buttons button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#2927229e;border:1px solid #fff3;border-radius:50%;width:40px;height:40px;font-size:22px}.look-buttons #centre-camera{width:44px;height:44px;font-size:19px}@media (width>=761px){.mobile-controls{z-index:3;pointer-events:none;opacity:0;transition:opacity .3s;display:flex;position:fixed;bottom:91px;right:36px}.mobile-controls>*{pointer-events:auto}body[data-started=true] .mobile-controls{opacity:1}#joystick{display:none}}.mobile-controls{visibility:hidden}body[data-started=true] .mobile-controls{visibility:visible}.travel-grid button{padding:21px 38px 22px 21px;position:relative}.travel-grid button small{letter-spacing:1.5px;color:#c79c71;margin-bottom:11px;font-size:8px;display:block}.travel-grid button>span{color:#ffb578;position:absolute;bottom:22px;right:17px}
