@font-face{font-family:Figtree;src:url('assets/figtree.woff2')}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#152d2e;color:#f0e9d4;font:14px Figtree,Arial,sans-serif}#world{position:fixed;inset:0;width:100%;height:100%}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(#03150c18,transparent 20%,transparent 70%,#03140b55),radial-gradient(ellipse,transparent 50%,#04190b18)}header{position:fixed;top:28px;left:34px;right:34px;display:flex;justify-content:space-between;align-items:start;pointer-events:none}.brand{font:25px Georgia;letter-spacing:-1px;text-shadow:0 2px 10px #0007}.brand>span{color:#e2be77}.brand small{display:block;font:8px Figtree;letter-spacing:3px;margin-top:9px;color:#cad2b2}.top-actions{display:flex;gap:12px;pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer;background:transparent;border:0}button:focus-visible,input:focus-visible{outline:2px solid #e8d191;outline-offset:5px}.top-actions button{padding:9px 14px;border:1px solid #d4d7b839;border-radius:20px;background:#18372c55;backdrop-filter:blur(15px);font-size:10px}#full{font-size:18px;padding:5px 12px}.chapter{position:fixed;left:35px;bottom:207px;pointer-events:none;text-shadow:0 2px 10px #0008}.chapter>span{font-size:9px;color:#e2c581;letter-spacing:3px}.chapter h1{font:36px Georgia;margin:9px 0 8px;letter-spacing:-1px}.chapter p{color:#bdcbb7;font-size:11px;margin:0}.ride-meter{position:fixed;right:35px;bottom:213px;font-size:8px;color:#cad4b5;text-align:right;letter-spacing:.5px}.ride-meter>div{width:120px;height:2px;background:#d4d7b81b;margin:9px 0 0 auto}.ride-meter i{display:block;background:#d9c17c;width:0;height:100%}footer{position:fixed;bottom:18px;left:24px;right:24px;max-width:1050px;margin:auto;border:1px solid #c8d5ae3b;border-radius:11px;background:linear-gradient(120deg,#143125df,#0b231eea);box-shadow:0 18px 50px #0005;backdrop-filter:blur(23px);padding:16px 20px 10px}.playback{display:flex;align-items:center;gap:17px}.playback img{width:43px;height:43px;border-radius:4px}.playback>div{display:flex;flex-direction:column;gap:5px;width:180px;min-width:0}.playback strong{font-weight:500;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playback>div span{font-size:10px;color:#97ad90}.playback time{font-size:9px;color:#bdc6a6;font-variant-numeric:tabular-nums}.playback input[type=range]{flex:1;min-width:30px;height:3px;accent-color:#d8bc70}#play{width:39px;height:39px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#ead9a5,#baa15e);color:#173523;border:3px double #eadfbf77;box-shadow:0 0 0 4px #dac68810;font-size:12px}.subtle{font-size:10px;color:#d7c18c;white-space:nowrap}nav{display:flex;margin-top:15px;border-top:1px solid #c7d3a723;padding-top:11px;gap:4px;overflow:auto}nav button{flex:1;white-space:nowrap;font-size:10px;padding:8px 9px;color:#91a88b;border-radius:4px}nav button.active{color:#e6d398;background:#b7c39313}nav button span{font-size:8px;margin-right:6px;color:#849777}.footnote{display:flex;justify-content:space-between;margin-top:10px;color:#778f73;font-size:7px}.footnote>span:first-child{letter-spacing:1.7px}#loading{position:fixed;left:50%;top:45%;transform:translate(-50%,-50%);font:22px Georgia;color:#eee0b1}#toast{position:fixed;top:100px;left:50%;transform:translateX(-50%);background:#e4cf96;color:#173122;padding:15px 20px;border-radius:5px;max-width:80vw;font-size:12px}[hidden]{display:none!important}@media(max-width:650px){header{top:21px;left:20px;right:20px}.brand{font-size:22px}.brand small{font-size:7px}.top-actions{gap:6px}.top-actions button{font-size:9px;padding:8px 11px}footer{bottom:10px;left:10px;right:10px;padding:12px}.playback{gap:12px}.playback>div{flex:1;width:auto}.playback img{width:36px;height:36px}.playback time,.playback input[type=range]{display:none}.subtle{font-size:9px}.chapter{left:22px;bottom:204px}.chapter h1{font-size:29px}.chapter p{font-size:10px;max-width:280px}.ride-meter{left:22px;right:auto;bottom:175px;text-align:left;font-size:7px}.ride-meter>div{display:none}.footnote>span:last-child{display:none}nav button{padding:7px 9px;font-size:9px}nav{margin-top:12px}.footnote{margin-top:8px}}

body:after{content:'';position:fixed;inset:0;background:#10251e;opacity:0;pointer-events:none;z-index:20;transition:opacity .4s}body.changing-section:after{opacity:1}

#world{cursor:grab;touch-action:none}#world.looking{cursor:grabbing}#recenter:disabled{opacity:.35;cursor:default}#look-hint{position:fixed;left:35px;bottom:178px;font-size:9px;letter-spacing:.4px;color:#d2d4bb;pointer-events:none;transition:opacity .5s}#look-hint.used{opacity:0}@media(max-width:650px){#look-hint{top:89px;bottom:auto;left:22px;font-size:8px}.top-actions{gap:4px}.top-actions button{padding:7px 9px}#recenter{font-size:8px}.brand{font-size:19px}.brand small{letter-spacing:2px;font-size:6px}}

#hide-interface{display:inline-flex;align-items:center;justify-content:center;padding:8px 11px}
header,footer,.chapter,.ride-meter{transition:opacity .25s ease,visibility .25s}
.interface-hidden header,.interface-hidden footer,.interface-hidden .chapter,.interface-hidden .ride-meter,.interface-hidden #look-hint{opacity:0;visibility:hidden;pointer-events:none}
#restore-interface{position:fixed;z-index:21;top:28px;right:34px;font-size:10px;padding:10px 15px;border:1px solid #d4d7b855;border-radius:20px;background:#143027a6;backdrop-filter:blur(15px);opacity:.72}
#restore-interface:hover,#restore-interface:focus-visible{opacity:1}
@media(max-width:650px){#restore-interface{top:21px;right:20px}.top-actions{gap:3px}#hide-interface{padding:6px 8px}}
@media(prefers-reduced-motion:reduce){header,footer,.chapter,.ride-meter{transition:none}}

.brand{color:inherit;text-decoration:none;pointer-events:auto}.brand:focus-visible{outline:2px solid #e8d191;outline-offset:6px}