:root{font-family:Bahnschrift,Segoe UI,Microsoft YaHei,sans-serif;color:#f2ecdf;background:#171914;--ink:#f2ecdf;--dim:#beb9aa;--accent:#ddae71;--border:rgba(242,236,223,.2);font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;border:0;background:none;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{touch-action:manipulation}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}button[hidden],svg[hidden],[hidden]{display:none!important}a{color:inherit}#experience{position:relative;height:100dvh;min-height:440px;width:100%;overflow:hidden;background:#b5b0a1}#scene{display:block;width:100%;height:100%;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(10,15,15,.36),transparent 26%,transparent 63%,rgba(14,18,16,.7)),radial-gradient(ellipse at 50% 45%,transparent 45%,rgba(22,19,16,.26));z-index:1}.grain{position:absolute;inset:0;opacity:.033;pointer-events:none;z-index:2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E")}.letterbox{position:absolute;left:0;right:0;height:6%;background:#111613;z-index:3;pointer-events:none;transition:height 1s cubic-bezier(.2,.7,.2,1)}.letterbox.top{top:0}.letterbox.bottom{bottom:0}.cockpit .letterbox{height:0}.header{position:absolute;left:3.1%;right:3.1%;top:8.8%;display:flex;align-items:flex-start;justify-content:space-between;z-index:5}.wordmark{text-decoration:none;font-size:22px;letter-spacing:-.045em;font-weight:600;line-height:1;white-space:nowrap}.wordmark>span,.load-title>span{margin:0 .22em;color:var(--accent);font-weight:300}.wordmark small{display:block;font-family:Microsoft YaHei,sans-serif;font-size:10px;letter-spacing:.27em;font-weight:400;margin-top:12px;color:var(--dim)}.header-actions{display:flex;gap:13px;margin-top:-9px}.icon-button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:44px;height:44px;padding:0 9px;opacity:.83;transition:opacity .2s,background .2s}.icon-button span{font-size:11px;letter-spacing:.1em}.icon-button:hover{opacity:1;background:#10151259}.icon-button[aria-pressed=true]{color:var(--accent)}.scene-caption{position:absolute;top:19%;left:3.1%;z-index:4;display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.12em;color:var(--ink);text-shadow:0 1px 8px rgba(10,14,14,.9)}.scene-dot{height:5px;width:5px;border-radius:50%;background:var(--accent)}.caption-divider{height:9px;width:1px;background:var(--border);margin:0 2px}#shot-lens{font-size:9px;color:var(--dim);letter-spacing:.14em}.telemetry{position:absolute;left:3.1%;bottom:21%;z-index:4}.telemetry-label{font-size:9px;letter-spacing:.25em;color:var(--dim);margin-bottom:6px}.speed-value{display:flex;align-items:baseline;gap:13px}.speed-value>span:first-child{font-size:clamp(44px,5.4vw,76px);font-weight:300;letter-spacing:-.06em;line-height:1.05;font-variant-numeric:tabular-nums}.unit{font-size:10px;letter-spacing:.15em;color:var(--dim)}.telemetry-bottom{display:flex;align-items:center;gap:12px;margin-top:9px;font-size:8px;letter-spacing:.08em;color:var(--dim)}.telemetry-bottom b{font-weight:400;color:var(--ink);font-size:13px;margin-right:4px}.rpm-track{width:50px;height:2px;background:#f2ecdf40;display:block}.rpm-track i{height:100%;width:50%;display:block;background:var(--accent);transform-origin:left}.journey-note{position:absolute;right:3.1%;bottom:22%;z-index:4;text-align:right;display:grid;gap:10px}.journey-note span:first-child{font-size:10px;letter-spacing:.23em}.journey-note span:last-child{font-size:11px;color:var(--dim);letter-spacing:.09em}.controls{position:absolute;bottom:9%;left:3.1%;right:3.1%;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding-top:18px}.playback{display:flex;align-items:center;gap:10px}.playback>button{width:40px;height:44px;display:grid;place-items:center}.timeline{display:flex;gap:10px;align-items:center;font-size:9px;font-variant-numeric:tabular-nums;color:var(--dim)}input[type=range]{appearance:none;-webkit-appearance:none;cursor:pointer;outline-offset:7px;background:#f2ecdf42;height:2px;border-radius:0;accent-color:var(--accent)}input[type=range]::-webkit-slider-thumb{appearance:none;width:7px;height:7px;border-radius:50%;background:var(--ink);transition:transform .2s}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.6)}input[type=range]::-moz-range-thumb{border:0;width:8px;height:8px;background:var(--ink)}#timeline{width:76px}.camera-controls{display:flex;align-items:center;gap:4px}.camera-controls button{position:relative;display:flex;align-items:center;gap:8px;height:44px;font-size:11px;letter-spacing:.05em;padding:0 15px;color:var(--dim);transition:color .2s,background .2s}.camera-controls button:hover{color:var(--ink);background:#f2ecdf12}.camera-controls button[aria-pressed=true]{color:var(--accent)}.camera-controls button[aria-pressed=true]:after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:1px;background:var(--accent)}.key{font-size:9px;opacity:.55}.live-indicator{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:.14em;color:var(--dim);white-space:nowrap}.live-indicator i{display:block;width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #ddae7159}.settings-panel{position:absolute;top:17%;right:3.1%;z-index:10;width:285px;padding:23px;background:#151a17f5;border:1px solid var(--border);box-shadow:0 20px 70px #0c110f4d}.setting-heading{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:22px}.setting-heading button{width:32px;height:32px;font-size:22px;color:var(--dim)}.settings-panel label{display:flex;justify-content:space-between;font-size:11px;color:var(--dim);margin:18px 0 13px}.settings-panel output{color:var(--ink)}#speed{width:100%;margin:4px 0 12px}select{width:100%;padding:10px;background:#202721;border:1px solid var(--border);color:var(--ink);font-size:12px}.settings-panel .check{justify-content:start;gap:9px;align-items:center;margin:20px 0}.check input{accent-color:var(--accent)}.settings-panel p{font-size:10px;line-height:2.1;color:var(--dim);border-top:1px solid var(--border);padding-top:13px;margin-bottom:0}.loading{position:absolute;inset:0;z-index:30;background:#171914;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity 1s,visibility 1s}.loading.loaded{opacity:0;visibility:hidden}.load-title{font-size:clamp(28px,5vw,60px);font-weight:500;letter-spacing:-.055em}.loading p{font-size:11px;letter-spacing:.1em;color:var(--dim);margin-top:26px}.load-track{width:190px;height:1px;background:var(--border);margin:14px 0 27px}.load-track i{display:block;width:4%;height:100%;background:var(--accent);transition:width .4s}.loading small{font-size:8px;letter-spacing:.22em;color:#777e70}.toast{position:absolute;left:50%;bottom:28%;transform:translate(-50%,8px);padding:11px 17px;background:#151a17e6;border:1px solid var(--border);font-size:11px;opacity:0;transition:opacity .25s,transform .25s;z-index:20;pointer-events:none}.toast.visible{opacity:1;transform:translate(-50%)}.error{position:absolute;inset:0;z-index:40;display:grid;place-items:center;background:#171914}.error>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3}.error>div{position:relative;max-width:450px;padding:30px;text-align:center}.error h1{font-size:24px}.error p{line-height:1.8;font-size:13px;color:var(--dim)}.error button{border:1px solid var(--border);padding:12px 25px;margin-top:18px}.noscript{position:absolute;inset:0;z-index:40;background:#171914;display:grid;place-content:center;gap:20px}.skip{position:absolute;z-index:80;top:0;left:12px;transform:translateY(-150%);background:#171914;padding:15px}.skip:focus{transform:translateY(0)}@media(min-width:1600px){.header,.scene-caption{left:4%}.header{right:4%}.controls{left:4%;right:4%}.camera-controls{gap:16px}.camera-controls button{font-size:12px;padding:0 20px}.timeline input{width:110px!important}}@media(max-width:1100px){.live-indicator{display:none}.controls{gap:8px}.camera-controls{gap:0}.camera-controls button{padding:0 10px}.camera-controls button[aria-pressed=true]:after{left:10px;right:10px}.key{display:none}.journey-note{bottom:24%}.telemetry{bottom:23%}}@media(max-width:700px){.letterbox{height:4%}.header{left:6%;right:5%;top:7%}.wordmark{font-size:18px}.wordmark small{font-size:8px;margin-top:10px}.header-actions{gap:0}.icon-button{padding:0 5px;min-width:36px}.icon-button span{display:none}.scene-caption{left:6%;top:17%;font-size:9px}.telemetry{left:6%;bottom:28%}.speed-value>span:first-child{font-size:50px}.journey-note{display:none}.controls{left:6%;right:6%;bottom:7%;flex-direction:column;align-items:stretch;gap:10px;padding-top:9px}.playback{gap:10px}.timeline{flex:1}#timeline{flex:1;width:auto}.camera-controls{justify-content:space-between;gap:2px}.camera-controls button{font-size:10px;padding:0 7px;height:44px;flex:1;justify-content:center;white-space:nowrap}.settings-panel{right:5%;top:15%;max-width:90%}.telemetry-label{font-size:8px}.loading p{font-size:10px}.toast{width:max-content;max-width:90%;bottom:31%}}@media(max-height:550px)and (min-width:701px){.header{top:8%}.wordmark small{display:none}.telemetry{bottom:25%}.telemetry-label,.telemetry-bottom{display:none}.speed-value>span:first-child{font-size:43px}.controls{bottom:8%;padding-top:5px}.scene-caption{top:23%}.journey-note{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.play-label{font-size:9px;letter-spacing:.13em;color:var(--dim);white-space:nowrap}.loading small{margin-top:24px}@media(min-width:701px){.letterbox{height:9%}.header{top:3.1%;align-items:center}.wordmark{font-size:20px}.wordmark small{display:none}.controls{bottom:2.1%;border-top:0;padding-top:0}.telemetry{bottom:15.5%}.journey-note{bottom:15.7%}.scene-caption{top:13%}}@media(max-width:700px){.playback{justify-content:center}.controls{border-top:0}.telemetry{bottom:25%}.play-label{font-size:8px}}