@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Prata&display=swap');
:root{font-family:Manrope,Arial,sans-serif;color:#f2f2e8;background:#101917;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{height:100svh;min-height:700px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 62% 45%,#253b32 0%,#101917 68%)}#scene{position:absolute;inset:0}canvas{display:block;touch-action:none}header{position:absolute;left:4.2%;right:4.2%;top:35px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{display:flex;gap:11px;align-items:center;color:inherit;text-decoration:none;font-size:18px;font-weight:800;letter-spacing:3px;pointer-events:auto}.brand-icon{font-size:23px;border:1px solid #a9bb9d;line-height:31px;width:32px;text-align:center;color:#bdcead;letter-spacing:-2px}.brand-sub{font-size:8px;letter-spacing:1.8px;font-weight:500;border-left:1px solid #526057;padding-left:16px;margin-left:6px;width:100px;line-height:1.8}.live{font-size:10px;letter-spacing:2px;color:#b5c4b8;display:flex;align-items:center;gap:10px}.live i,.scene-label i{width:6px;height:6px;border-radius:50%;background:#c4db9d;box-shadow:0 0 12px #b4dc8d}.intro{position:absolute;top:21%;left:7%;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2px;color:#b0c3ab;margin-bottom:28px}h1{font-size:clamp(48px,5.8vw,88px);line-height:1.12;letter-spacing:-4px;font-weight:500;margin:0}h1 em{font-family:Prata,Georgia,serif;font-weight:400;color:#c3d4ad;font-style:normal}.description{font-size:12px;line-height:1.9;color:#9aada1;margin-top:24px}.chapter{display:block;font-size:9px;letter-spacing:2px;color:#6e8876;margin-top:35px}.scene-label{position:absolute;right:6%;top:24%;display:flex;gap:10px;align-items:center;font-size:9px;letter-spacing:1.5px;color:#c5d0c0}.scene-label span{color:#708a77;border-left:1px solid #4c6252;padding-left:10px}.view-controls{position:absolute;right:4.2%;bottom:245px;display:flex;flex-direction:column;gap:9px}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #d1e3b3;outline-offset:5px}.view-controls button{width:40px;height:40px;background:#17251fbb;border:1px solid #405047;border-radius:50%;color:#c2cdbb;font-size:23px}.view-controls button:hover,.view-controls button[aria-pressed=true]{background:#334737}.hint{position:absolute;bottom:204px;left:0;right:0;text-align:center;font-size:10px;color:#8ca18e;letter-spacing:.3px;pointer-events:none}.hint span{padding:0 10px}.dashboard{position:absolute;left:7%;right:7%;bottom:74px;min-height:103px;border:1px solid #3b4b3f;border-radius:16px;background:#1b2a23e0;backdrop-filter:blur(20px);display:flex;align-items:center;padding:22px 28px;gap:34px;box-shadow:0 20px 60px #0002}.route{display:flex;align-items:center;gap:16px;flex:1;min-width:190px}.route-icon{font-size:26px;border:1px solid #475b46;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;color:#bfd0a5}.route small{font-size:8px;letter-spacing:1.8px;color:#8fa38d;display:block;margin-bottom:8px}.route strong{font-size:12px;font-weight:500}.speed-readout{display:flex;align-items:baseline;gap:8px;padding-right:30px;border-right:1px solid #405041}.speed-readout strong{font-size:34px;font-weight:400;line-height:1;font-variant-numeric:tabular-nums}.speed-readout span{font-size:8px;color:#90a38e}.speed-control{width:240px}.speed-control label{display:flex;justify-content:space-between;font-size:10px;margin-bottom:8px}.speed-control label span{font-size:9px;color:#8fa38d}input{accent-color:#d1e3b3;width:100%;height:4px;cursor:pointer;display:block;margin:12px 0}.range-marks{display:flex;justify-content:space-between;font-size:8px;color:#7a927d}.play{background:#d4e3bb;border:none;border-radius:9px;color:#213024;height:48px;min-width:124px;display:flex;align-items:center;justify-content:center;gap:13px;font-size:12px;font-weight:700}.play:hover{background:#e4f0d2}#play-symbol{font-size:17px}footer{position:absolute;bottom:26px;left:4.2%;right:4.2%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.8px;color:#68816f}footer i{font-size:14px;color:#b2c69a;font-style:normal;padding-left:10px}#loading{position:absolute;inset:0;background:#101917;display:flex;align-items:center;justify-content:center;gap:16px;font-size:13px;z-index:5}#loading[hidden]{display:none}.loader{height:22px;width:22px;border:2px solid #4b634c;border-top-color:#d4e3bb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#error{position:absolute;top:45%;left:20%;right:20%;padding:28px;background:#24362b;border:1px solid #6d8461;border-radius:12px;text-align:center;z-index:6}
@media(min-width:1600px){.intro{left:10%}.dashboard{left:10%;right:10%}}@media(max-width:760px){main{min-height:740px}header{top:22px;left:6%;right:6%}.brand{font-size:14px;letter-spacing:2px}.brand-sub{display:none}.live{font-size:7px;letter-spacing:1px}.intro{top:105px;left:7%}.eyebrow{font-size:7px;margin-bottom:14px;letter-spacing:1.6px}h1{font-size:49px;letter-spacing:-2px}.description{font-size:10px;margin-top:14px}.chapter{display:none}.scene-label{top:325px;right:7%;font-size:7px}.scene-label span{display:none}.view-controls{right:5%;bottom:258px}.view-controls button{width:35px;height:35px;font-size:20px}.hint{bottom:227px;font-size:8px;letter-spacing:0}.hint span{padding:0 4px}.dashboard{left:5%;right:5%;bottom:62px;padding:17px 18px;gap:15px;display:grid;grid-template-columns:1fr 90px}.route{min-width:0;gap:10px}.route-icon{width:33px;height:33px;font-size:22px}.route small{font-size:7px;margin-bottom:5px}.route strong{font-size:10px}.speed-readout{border:0;padding:0;justify-content:flex-end}.speed-readout strong{font-size:26px}.speed-control{width:100%}.play{min-width:90px;height:42px;gap:8px}.speed-control label{font-size:9px}.speed-control label span{font-size:8px}footer{bottom:24px;font-size:7px;justify-content:center}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.loader{animation:none}}