@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap');

:root{--ivory:#f4efe0;--muted:#c5c2ad;--gold:#c9b382;--ink:#191e18;--line:rgba(237,229,206,.2);font-family:'DM Sans',Arial,sans-serif;color:var(--ivory);font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#252a21}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button,select{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{border:0}a{color:inherit;text-decoration:none}button svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden],.hidden,.is-hidden{display:none!important}#world,#world canvas,body>canvas{position:fixed;inset:0;width:100%;height:100%;display:block}#world{z-index:0}.cinematic-shade{pointer-events:none;position:fixed;inset:0;z-index:1;background:linear-gradient(90deg,rgba(10,18,17,.76),rgba(10,18,17,.37) 31%,transparent 66%),linear-gradient(0deg,rgba(6,13,11,.62),transparent 22%,transparent 75%,rgba(8,15,12,.31));transition:opacity 1.6s}.film-grain{pointer-events:none;position:fixed;inset:0;z-index:5;opacity:.037;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='1' filter='url(%23n)'/%3E%3C/svg%3E");background-size:190px}.welcome{position:fixed;inset:0;z-index:3;padding:34px 4.2% 31px;transition:opacity 1.2s,transform 1.2s}.welcome-top{display:flex;align-items:center;gap:23px}.wordmark{font:600 28px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:-2px}.wordmark span{font-weight:400;font-size:20px;margin:0 2px}.edition{font-size:9px;letter-spacing:3.25px;border-left:1px solid var(--line);padding:7px 0 7px 23px}.welcome-coordinate{margin-left:auto;font-size:9px;letter-spacing:2px;color:rgba(244,239,224,.64)}.welcome-copy{position:absolute;left:8.25%;top:48.8%;transform:translateY(-50%)}.eyebrow{display:flex;gap:13px;align-items:center;color:var(--gold);font-size:9px;font-weight:500;line-height:1.7;letter-spacing:3px}.tiny-rule{width:33px;height:1px;background:var(--gold);opacity:.75}.small-dot{font-size:12px;letter-spacing:0;opacity:.6}h1{font:500 clamp(74px,8.35vw,144px)/.77 'Cormorant Garamond',Georgia,serif;letter-spacing:-4px;margin:40px 0 32px;text-shadow:0 2px 30px #16221b33}h1>span{display:block}.title-second{margin-top:13px}h1 i{font-size:.58em;font-weight:400;vertical-align:9%;margin-left:1px;margin-right:6px;letter-spacing:-7px}.welcome-subtitle{font-size:15px;line-height:1.9;letter-spacing:.15px;font-weight:400;color:rgba(243,238,222,.83);margin:0 0 30px}.start-button{display:flex;align-items:center;justify-content:space-between;width:237px;min-height:54px;gap:24px;padding:0 23px;background:var(--ivory);color:#283028;border:1px solid var(--ivory);font-size:12px;font-weight:600;letter-spacing:.1px;transition:background .25s,transform .25s,box-shadow .25s}.start-button svg{width:21px;transition:transform .25s}.start-button:hover{background:#fff9e8;transform:translateY(-2px);box-shadow:0 5px 25px #080f1225}.start-button:hover svg{transform:translateX(4px)}.start-button:disabled{cursor:wait;opacity:.6;transform:none}.browser-note{display:flex;align-items:center;gap:7px;color:rgba(244,239,224,.5);font-size:7px;letter-spacing:1.65px;margin-top:17px}.live-dot{width:4px;height:4px;border-radius:50%;background:var(--gold)}.welcome-footer{position:absolute;bottom:32px;left:4.2%;right:4.2%;display:flex;align-items:end;justify-content:space-between}.welcome-features{display:flex;align-items:center;gap:17px;font-size:8px;letter-spacing:2px;color:rgba(244,239,224,.54)}.welcome-features i{height:3px;width:3px;background:var(--muted);border-radius:50%;opacity:.5}.locale{display:flex;align-items:center;gap:20px}.locale-number{font-family:'Cormorant Garamond',Georgia,serif;font-size:36px;font-weight:400;line-height:1;opacity:.55}.locale>div{border-left:1px solid var(--line);padding-left:20px}.locale p{font-size:8px;letter-spacing:2.75px;margin:0 0 8px;color:rgba(244,239,224,.7)}.locale div>span{font-family:'Cormorant Garamond',Georgia,serif;font-size:17px;letter-spacing:.1px;font-style:italic;color:#e9e2ce}.locale-line{height:1px;width:50px;background:var(--line)}.loading{position:fixed;z-index:6;left:50%;bottom:29px;transform:translateX(-50%);display:flex;gap:9px;align-items:center;font-size:10px;letter-spacing:1px;color:var(--ivory);text-shadow:0 2px 10px #000}.loading-star{font-size:19px;animation:loading-spin 5s linear infinite}.load-track{position:absolute;left:0;right:0;bottom:-8px;height:1px;background:var(--line)}#load-progress{display:block;height:100%;width:8%;background:var(--ivory);transition:width .3s}@keyframes loading-spin{to{transform:rotate(360deg)}}

.hud{position:fixed;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,#0b15184a,transparent 18%,transparent 74%,#10181055);text-shadow:0 1px 9px #0a110eb3}.hud button,.hud a{pointer-events:auto}.hud-top{position:absolute;left:36px;right:36px;top:28px;display:flex;align-items:start;justify-content:space-between}.hud-brand>span{font:600 23px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:1px}.hud-brand i{font-weight:400;font-size:17px}.hud-brand p{margin:9px 0 0;font-size:7px;font-weight:500;letter-spacing:2.8px;color:#e9e3cfaa}.hud-tools{display:flex;align-items:center;gap:9px}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;width:34px;height:34px;border-radius:50%;opacity:.8;transition:opacity .2s,background .2s}.icon-button:hover{opacity:1;background:#f1eadb15}.icon-button svg{width:18px;height:18px}.tool-divider{height:14px;width:1px;background:var(--line);margin:0 3px}.compass-wrap{position:absolute;left:50%;top:1px;transform:translateX(-50%);width:250px;text-align:center}.compass{display:flex;align-items:center;justify-content:space-between;width:250px;height:32px;font-size:8px;letter-spacing:1px;color:#f0e5caaa;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.compass b{font-weight:500;font-size:10px;color:var(--ivory)}.compass i{height:6px;width:1px;background:#e7e0cb55}.compass-needle{position:absolute;top:-4px;left:calc(50% - 2px);width:0;height:0;border-left:2px solid transparent;border-right:2px solid transparent;border-top:4px solid var(--gold)}.hud-bottom{position:absolute;left:33px;bottom:32px;right:38px;display:flex;justify-content:space-between;align-items:end}.rider-info{display:flex;align-items:end;gap:21px}.minimap-frame{position:relative;display:flex;width:136px;height:136px;align-items:center;justify-content:center;filter:drop-shadow(0 3px 10px #0003)}#minimap{width:128px;height:128px;display:block;border-radius:50%;border:1px solid #e1d5b860;background:#777a5999;outline:1px solid #e1d5b824;outline-offset:4px;opacity:.92}.map-north{position:absolute;top:-14px;font:10px Georgia,serif;color:#ded6bd}.minimap-caption{position:absolute;bottom:-20px;display:flex;align-items:center;gap:5px;font-size:7px;letter-spacing:1.5px;color:#e9e2c899}.minimap-caption kbd{height:13px;min-width:13px;font-size:7px;line-height:11px;padding:0 2px}.horse-info{display:flex;gap:10px;align-items:center;min-width:102px;margin-bottom:17px}.horse-icon{width:30px;height:32px;color:#e4d8bdbb;stroke-width:1.1}.horse-name{font:600 14px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:1.8px;margin:0 0 8px}.horse-gait{font-size:7px;letter-spacing:1.7px;color:#e2d8b7aa;margin:0 0 10px}.stamina-track{width:83px;height:3px;background:#f3e8c833}.stamina-track>div{height:100%;width:100%;background:#d3c498;transition:width .2s}.stamina-label{font-size:5.5px;letter-spacing:1.5px;color:#e9e3c67f;margin:5px 0 0}.ride-readout{text-align:right;align-self:end;margin-bottom:1px}.speed-readout{display:flex;gap:9px;justify-content:end;align-items:baseline;margin:0 2px 20px 0}.speed-readout #speed{font:400 47px/.8 'Cormorant Garamond',Georgia,serif}.speed-unit{font-size:7px;letter-spacing:1.8px;opacity:.65}.key-guide{display:flex;gap:16px;font-size:8px;color:#e8e0ccb0}.key-guide>span{display:flex;gap:4px;align-items:center}kbd{display:inline-block;border:1px solid #e9e2cb50;border-radius:2px;min-width:17px;height:18px;line-height:16px;text-align:center;padding:0 4px;font:inherit;font-size:7px;white-space:nowrap;letter-spacing:.3px;color:#f3efdfba;background:#22292115}.key-guide>span kbd:last-of-type{margin-right:4px}.interaction{position:absolute;bottom:19%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:13px 20px;font-size:11px;letter-spacing:.35px;background:#111a17b5;backdrop-filter:blur(12px);border:1px solid #e8e0c12e}.interaction kbd{height:27px;width:27px;line-height:25px;font-size:11px}.discovery{position:absolute;left:50%;top:17%;transform:translateX(-50%);text-align:center;animation:discovery-in 1s ease-out}.discovery>span{font-size:8px;letter-spacing:3px;color:var(--gold)}.discovery h2{font:400 38px/1.15 'Cormorant Garamond',Georgia,serif;margin:13px 0 16px;white-space:nowrap}.discovery-rule{height:1px;width:82px;background:var(--gold);opacity:.7;margin:auto}.toast{z-index:9;position:fixed;top:110px;left:50%;transform:translateX(-50%);padding:11px 19px;max-width:calc(100% - 40px);background:#18221ed9;border:1px solid #dbd1b72e;color:#ede8d9;font-size:11px;letter-spacing:.15px;box-shadow:0 4px 30px #0002;backdrop-filter:blur(10px);animation:discovery-in .3s ease-out}@keyframes discovery-in{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}

.modal-layer{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#08120fc9;backdrop-filter:blur(13px);padding:24px;overflow:auto}.panel{width:450px;max-width:100%;padding:44px 43px 33px;border:1px solid #d5c69f38;background:linear-gradient(135deg,#293127a6,#18211bcb);position:relative;box-shadow:0 16px 100px #0003}.panel .eyebrow{font-size:7px;letter-spacing:2.3px}.panel h2,.map-card h2{font:400 44px/1.05 'Cormorant Garamond',Georgia,serif;letter-spacing:-.7px;margin:17px 0 15px}.panel-intro{font-size:11px;line-height:1.8;color:#d9d3bf99;margin:0 0 33px}.setting-row{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:0 0 29px}.setting-row b,.setting-range b{font-size:11px;font-weight:400}.setting-row small{display:block;font-size:8px;color:#d5cdbb80;margin-top:7px}.setting-row select{font-size:10px;background:#20291f;border:1px solid #d9cfb62e;color:#eee7d5;padding:9px 25px 9px 10px;cursor:pointer;border-radius:0}.setting-range{display:block;margin-bottom:27px}.setting-range>span:first-child{display:flex;gap:8px;align-items:center}.setting-range svg{width:15px;height:15px;color:#cec3a4}.setting-range input{display:block;width:100%;height:3px;margin:22px 0 11px;appearance:none;background:#d3c5a936;cursor:pointer;border:0}.setting-range input::-webkit-slider-thumb{appearance:none;border-radius:50%;height:10px;width:10px;background:#ddceaa}.setting-range input::-moz-range-thumb{height:10px;width:10px;border:0;border-radius:50%;background:#ddceaa}.range-labels{display:flex;justify-content:space-between}.range-labels small{font-size:6px;letter-spacing:1px;color:#d9cfb685}.panel-button{width:100%;margin-top:35px;min-height:49px;font-size:11px}.escape-note{text-align:center;font-size:6px;letter-spacing:1.2px;color:#cdc3aa60;margin:16px 0 0}.escape-note kbd{height:14px;line-height:12px;font-size:6px;color:#cdc3aa85;border-color:#cdc3aa36;margin-right:5px}.panel-close{position:absolute;top:14px;right:14px;color:#e1d9c1}.controls-list>div{display:flex;justify-content:space-between;align-items:center;min-height:40px;border-bottom:1px solid #d4c9ab17;font-size:10px;color:#e9e0ccba}.controls-list>div>span:last-child{display:flex;gap:4px}.controls-list kbd{font-size:8px;min-width:21px;height:21px;line-height:19px;background:#e3d6b908}.controls-list>div:last-child{border:0}.controls-footnote{font:italic 18px/1.5 'Cormorant Garamond',Georgia,serif;color:#c2b997a1;margin:29px 0 0}.controls-card .panel-intro{margin-bottom:22px}.map-layer{background:#0b1413e6}.map-card{position:relative;width:min(720px,85vh);max-width:95vw;padding:31px 33px 20px;color:#3e4234;background:#d2c8a6;box-shadow:0 15px 100px #0005}.map-card .eyebrow{color:#615e44;font-size:7px;letter-spacing:2.3px}.map-card h2{font-size:35px;margin:8px 0 20px}.map-card .panel-close{color:#484c3c}.worldmap-wrap{border:1px solid #565c3c50;padding:5px}#worldmap{width:100%;height:auto;display:block;background:#b6b68d}.map-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:17px;font-size:6px;letter-spacing:1.5px}.map-card footer>span{display:flex;align-items:center;gap:6px}.map-card kbd{color:#484c3c;border-color:#484c3c50;height:14px;line-height:12px;font-size:6px}.map-player-dot{height:5px;width:5px;border-radius:50%;background:#7a4428}.dialogue{position:fixed;z-index:8;left:50%;bottom:11%;transform:translateX(-50%);width:560px;max-width:calc(100% - 40px);padding:22px 28px 25px;background:#17231beb;border:1px solid #d6c89e40;box-shadow:0 10px 70px #0005;backdrop-filter:blur(15px)}.dialogue-header{display:flex;align-items:center;justify-content:space-between}.dialogue-header .eyebrow{font-size:8px;letter-spacing:2.5px}.dialogue-header .icon-button{height:23px;width:23px}.dialogue #dialogue-text{font:400 23px/1.45 'Cormorant Garamond',Georgia,serif;margin:12px 0 23px;color:#ede4d1}.dialogue-hint{display:flex;align-items:center;gap:8px;font-size:6px;letter-spacing:1.5px;color:#d6caab80}.dialogue-hint kbd{height:15px;line-height:13px;min-width:15px}.photo-label{position:fixed;z-index:4;bottom:27px;left:50%;transform:translateX(-50%);text-align:center;text-shadow:0 1px 15px #000}.photo-label>span{font:500 26px 'Cormorant Garamond',Georgia,serif;letter-spacing:3px}.photo-label i{font-weight:400;font-size:20px}.photo-label p{font-size:7px;letter-spacing:2px;color:#ede6cfa0;margin:10px 0 0}.photo-label p>span{margin:0 10px}.photo-label kbd{font-size:7px;height:14px;line-height:12px;min-width:14px}.touch-controls{position:fixed;z-index:4;inset:0;pointer-events:none;padding:20px;justify-content:space-between;align-items:end;display:flex}.touch-controls button{pointer-events:auto;user-select:none;background:#12201977;backdrop-filter:blur(5px);border:1px solid #e6d9b93b;min-height:44px;min-width:44px;font-size:10px;color:#f0e7d1;border-radius:50%}.touch-controls button:active{background:#efe4cd55}.touch-dpad{display:grid;grid-template-columns:45px 45px 45px;grid-template-rows:45px 45px;gap:4px}.touch-dpad button{font-size:18px}.touch-up{grid-column:2}.touch-left{grid-column:1;grid-row:2}.touch-down{grid-column:2;grid-row:2}.touch-right{grid-column:3;grid-row:2}.touch-actions{display:flex;align-items:end;gap:9px}.touch-actions button:nth-child(3){width:59px;height:59px;font-size:8px}.touch-actions button:nth-child(2){font-size:8px}.error-card h2{font-size:36px}.error-card .panel-intro{margin-bottom:10px}body.playing .cinematic-shade,body.started .cinematic-shade{opacity:0}body.playing #welcome,body.started #welcome{pointer-events:none}body.photo-mode .hud{display:none!important}

@media(min-width:1600px){.welcome-copy{left:9%;}.welcome-subtitle{font-size:17px}.start-button{width:261px;min-height:59px}.eyebrow{font-size:10px}.welcome-top{margin-top:5px}.welcome-features{font-size:9px}.locale p{font-size:9px}.locale div>span{font-size:19px}.welcome-footer{bottom:39px}}
@media(max-height:750px) and (min-width:761px){.welcome-copy{top:49%}h1{font-size:clamp(73px,8.2vw,111px);margin-top:28px;margin-bottom:25px}.welcome-subtitle{font-size:13px;margin-bottom:22px;line-height:1.7}.start-button{min-height:48px}.welcome-top{gap:18px}.welcome{padding-top:25px}.welcome-footer{bottom:25px}.welcome-features{font-size:7px}.locale-number{font-size:30px}.locale div>span{font-size:16px}.panel{padding-top:30px;padding-bottom:25px}.panel h2{font-size:38px}.panel-intro{margin-bottom:25px}.controls-list>div{min-height:34px}.controls-footnote{margin-top:20px;font-size:16px}.setting-range{margin-bottom:23px}.panel-button{margin-top:28px}}
@media(max-width:1000px){.welcome-copy{left:7%}.key-guide{gap:10px}.key-guide>span:first-child kbd:not(:first-child){display:none}.hud-top{left:26px;right:26px}.hud-bottom{left:24px;right:26px}.horse-info{gap:5px}.rider-info{gap:15px}.compass-wrap,.compass{width:190px}.hud-brand>span{font-size:20px}.hud-tools{gap:3px}}
@media(max-width:760px){.welcome{padding:24px}.welcome-top{gap:16px}.wordmark{font-size:25px}.edition{font-size:7px;letter-spacing:2px;padding-left:16px}.welcome-coordinate{display:none}.welcome-copy{left:8%;top:47%}.eyebrow{font-size:8px;letter-spacing:2.5px;gap:10px}h1{font-size:clamp(72px,14vw,115px);letter-spacing:-3px;margin:32px 0 26px}.title-second{margin-top:12px}.welcome-subtitle{font-size:13px;line-height:1.8;margin-bottom:27px}.start-button{width:226px;min-height:51px;font-size:11px}.browser-note{font-size:6px}.welcome-footer{bottom:27px;left:8%;right:8%}.welcome-features{display:none}.locale{gap:15px}.locale-number{font-size:29px}.locale>div{padding-left:15px}.locale p{font-size:7px;letter-spacing:2px}.locale div>span{font-size:16px}.locale-line{display:none}.loading{left:auto;right:8%;transform:none;bottom:32px;font-size:8px}.loading-star{font-size:16px}.cinematic-shade{background:linear-gradient(90deg,#0a121ac2,#0a121951 75%,#0a12191a),linear-gradient(0deg,#0a151680,transparent 30%)}.hud-top{left:19px;right:15px;top:20px}.hud-brand>span{font-size:18px;letter-spacing:.6px}.hud-brand p{font-size:6px;letter-spacing:1.7px}.hud-tools{gap:0}.hud-tools .icon-button{width:29px;height:29px}.hud-tools .icon-button svg{width:16px;height:16px}.tool-divider{margin:0 2px}.compass-wrap{top:63px}.compass-wrap,.compass{width:180px}.hud-bottom{left:18px;right:18px;bottom:30px}.minimap-frame{width:99px;height:99px}#minimap{width:92px;height:92px}.horse-info{display:none}.key-guide{display:none}.speed-readout #speed{font-size:38px}.speed-readout{margin-bottom:5px}.speed-unit{font-size:6px}.panel{padding:34px 26px 28px}.panel h2{font-size:39px}.panel-intro{font-size:10px}.panel-button{width:100%}.map-card{padding:27px 20px 18px;width:590px}.map-card h2{font-size:33px}.map-card footer{font-size:5px;letter-spacing:1px}.discovery{top:25%}.discovery h2{font-size:31px}.discovery>span{font-size:7px}.dialogue{bottom:20%;padding:20px 23px}.dialogue #dialogue-text{font-size:21px}.interaction{bottom:25%;white-space:nowrap;font-size:10px}}
@media(hover:none) and (pointer:coarse){body.playing .hud-bottom,body.started .hud-bottom{bottom:139px}.touch-controls{padding:18px 22px 22px}.hud-tools #fullscreen-btn{display:none}.controls-list>div:nth-child(2){display:none}}
@media(max-height:540px){.welcome-copy{top:52%;left:7%}.welcome-top{gap:14px}.welcome-coordinate{display:block}h1{font-size:67px;margin:21px 0 16px}.title-second{margin-top:9px}.welcome-subtitle{font-size:11px;line-height:1.5;margin-bottom:16px}.start-button{min-height:41px;width:211px}.browser-note{margin-top:10px;font-size:5px}.eyebrow{font-size:6px;letter-spacing:2px}.welcome-footer{bottom:21px}.welcome-features{display:none}.locale{margin-left:auto}.locale p{font-size:6px}.locale div>span{font-size:14px}.loading{left:50%;right:auto;transform:translateX(-50%);font-size:7px;bottom:23px}.modal-layer{padding:18px;align-items:flex-start}.panel{margin:auto}.compass-wrap{top:1px}.hud-brand>span{font-size:17px}.hud-bottom{bottom:21px}.minimap-frame{width:87px;height:87px}#minimap{width:80px;height:80px}.map-card{max-width:420px}.map-card .worldmap-wrap{max-width:240px;margin:0 auto}.map-card h2{font-size:25px;margin-bottom:10px}.map-card .eyebrow{font-size:6px}.map-card footer{margin-top:10px}.map-card{padding:20px}.dialogue{bottom:12%;max-width:480px}.dialogue #dialogue-text{font-size:18px}.discovery{top:20%}.discovery h2{font-size:29px}.touch-controls{padding-bottom:16px}.controls-list>div{min-height:31px}.controls-footnote{font-size:15px;margin-top:19px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* The field map is also a touch-friendly, keyboard-accessible map control. */
#map-btn{padding:0;border:0;border-radius:50%;background:transparent;color:inherit;pointer-events:auto;text-shadow:inherit}#map-btn #minimap{transition:border-color .2s,outline-color .2s}#map-btn:hover #minimap{border-color:#f4e6bc;outline-color:#e1d5b870}#map-btn:hover .minimap-caption{color:var(--ivory)}#sound-btn{position:relative}#sound-btn.muted{opacity:.45}#sound-btn.muted::after{content:'';position:absolute;width:20px;height:1px;background:currentColor;transform:rotate(-45deg);box-shadow:0 0 2px #162219}.compass-side{opacity:.6}#world canvas{touch-action:none}.panel{flex-shrink:0}.touch-actions{display:grid;grid-template-columns:44px 56px;grid-template-rows:44px 56px;gap:6px;align-items:center;justify-items:center}.touch-actions button,.touch-actions button:nth-child(2),.touch-actions button:nth-child(3){width:44px;height:44px;font-size:7px}.touch-actions button:last-child{width:56px;height:56px;font-size:7px}
@media(max-width:760px){#journey{left:19px!important;top:117px!important;font-size:6px!important;letter-spacing:1.1px!important;max-width:calc(100% - 38px)}}
@media(max-height:720px){.modal-layer{align-items:flex-start}.panel{margin:auto}}
@media(max-height:540px){#journey{top:75px!important;font-size:6px!important;letter-spacing:1px!important}.controls-card{padding-top:27px;padding-bottom:25px}}

.vehicle-choices{display:flex;gap:10px;margin:16px 0}.vehicle-choices button,.ride-switch button{cursor:pointer;background:rgba(24,30,25,.86);color:#eadfc5;border:1px solid #a28d68;padding:12px 16px;font:11px Arial;letter-spacing:1px}.vehicle-choices button:hover,.ride-switch button:hover,.ride-switch button.selected{background:#9d643c;color:white}.ride-switch{position:absolute;top:115px;left:36px;display:flex;gap:6px;pointer-events:auto}.ride-switch button{padding:10px}.vehicle-choices kbd,.ride-switch kbd{opacity:.65;margin-left:7px}@media(max-width:700px){.ride-switch{top:100px;left:12px}.ride-switch button{font-size:9px;padding:8px}.vehicle-choices{flex-wrap:wrap}}