@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Barlow:wght@400;500;600;700;800;900&display=swap');
:root{--yellow:#fbe679;--pink:#f9a2a7;--ink:#172a30;--mint:#96e4c9;color-scheme:dark;font-family:Barlow,Arial,sans-serif;color:#fff9e6;background:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid #ffffff55;background:#17303870;border-radius:2px}button:hover{background:#25444ccc}button:disabled{cursor:wait;opacity:.7}button:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:5px}a{color:var(--yellow)}#world{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#0a252bc9,transparent 75%),linear-gradient(0deg,#0d263399,transparent 40%,transparent 85%,#14293477)}body.playing .vignette{background:linear-gradient(0deg,#0b252d66,transparent 35%,transparent 70%,#122c3640)}.hidden{display:none!important}.kicker{font-size:11px;letter-spacing:2.2px;font-weight:800;color:var(--yellow)}.screen{position:fixed;inset:0;z-index:10}
.intro{position:absolute;top:16%;left:6%;max-width:560px}.intro h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:clamp(86px,8.5vw,140px);line-height:.76;letter-spacing:-3px;margin:25px 0 30px;filter:drop-shadow(5px 7px 0 #122629)}.intro h2 span{display:block;-webkit-text-stroke:1px #122629}.intro h2 .horse-word{color:var(--pink)}.tagline{font-size:18px;margin:0 0 28px}.primary{display:flex;align-items:center;justify-content:space-between;gap:48px;padding:18px 22px;background:var(--yellow);color:#193139;border:0;font-weight:900;letter-spacing:1.6px;min-width:255px;font-size:13px;box-shadow:5px 5px 0 #0a242960}.primary:hover{background:#fff0a7}.primary span:last-child{font-size:25px}#loading-detail{font-size:12px;max-width:430px;line-height:1.5;color:#d6dfd6;min-height:20px}.intro-controls{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px;max-width:420px;font-size:12px;color:#d3dedb}kbd{font:inherit;font-size:10px;letter-spacing:.04em;padding:3px 5px;border:1px solid #ffffff55;border-radius:3px;background:#17353c88;margin-right:4px;white-space:nowrap}#start-screen{background:linear-gradient(90deg,#06131edb,#07182777 35%,transparent 75%)}#intro-card{position:absolute;right:5%;bottom:100px;width:265px;border-top:2px solid var(--pink);padding-top:20px}#intro-card .kicker{color:var(--pink);font-size:10px}#intro-card h3{font:800 54px/.9 'Barlow Condensed',Impact,sans-serif;margin:17px 0}#intro-card p{font-size:16px;line-height:1.6;color:#edf1df}#intro-card>div{border-top:1px solid #ffffff40;padding-top:15px;font-size:9px;letter-spacing:1px}#intro-card>div span{margin:0 6px;color:var(--pink)}.edition{position:absolute;right:40px;bottom:34px;text-align:right}.edition>span{font-size:11px;letter-spacing:2.5px;font-weight:600;color:var(--yellow)}.edition p{font-size:12px;color:#d5dcdf;line-height:1.7}
#hud{position:fixed;inset:0 0 auto;display:flex;justify-content:space-between;align-items:flex-start;padding:28px 38px;pointer-events:none;gap:24px}.brand{font-weight:900;font-size:22px;letter-spacing:-1px}.brand span{color:var(--yellow)}#hud nav{pointer-events:auto;display:flex;gap:8px;margin-left:auto}#hud nav button{font-size:11px;letter-spacing:1px;padding:9px 12px;min-height:40px}.location h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:28px;font-weight:800;margin:6px 0}.location .kicker{font-size:11px}.location>span:last-child{font-size:13px;color:#d0d6d7}
.top-stats{position:fixed;top:100px;right:38px;text-align:right;width:210px}#wanted{font-size:33px;letter-spacing:5px;color:var(--yellow);text-shadow:2px 2px #15282c}#wanted b{font-weight:inherit}#wanted i{font-style:normal;opacity:.28}#money{display:block;font:700 42px 'Barlow Condensed',sans-serif;color:var(--mint);text-shadow:2px 2px #15282c;margin:5px 0 14px}.status-line{display:flex;align-items:center;gap:10px;margin-top:9px;font-size:9px;font-weight:700;letter-spacing:1px}.status-line>span{width:92px}.bar{height:5px;background:#163841a6;flex:1;overflow:hidden}.bar i{height:100%;display:block;background:var(--pink);width:100%}.stamina i{background:var(--yellow)}
.mission{position:fixed;top:105px;left:38px;max-width:290px;text-shadow:1px 2px 5px #10262c}.mission h2{font:800 32px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.4px;margin:7px 0}.mission p{font-size:15px;line-height:1.5;margin:5px 0;color:#fff8e2}#distance{color:var(--yellow);font-size:12px;font-weight:700;margin-top:9px}#escape-wrap{margin-top:15px;font-size:10px;color:var(--yellow);letter-spacing:1px}#escape-wrap .bar{margin-top:8px}#escape{background:var(--yellow);width:0}
.ride-controls{position:fixed;left:250px;right:180px;bottom:34px;display:flex;flex-wrap:wrap;justify-content:center;gap:16px;font-size:11px;color:#e2e5d5}.speed-panel{position:fixed;right:40px;bottom:95px;width:125px;text-align:right}.speed-panel>span{font-size:10px;letter-spacing:.2em;color:#dbdddb}.speed-panel>div:nth-child(2){display:flex;justify-content:flex-end;align-items:baseline;gap:7px;margin:5px 0 8px}.speed-panel strong{font:700 74px/.9 'Barlow Condensed',sans-serif;text-shadow:2px 3px #163139}.speed-panel div span{font-size:10px;color:#d4d9d9}.speed-track{height:2px;background:#ffffff32}.speed-track i{display:block;width:0;height:2px;background:var(--yellow)}
.minimap-card{position:fixed;bottom:28px;left:32px;width:195px;padding:0;overflow:hidden;background:#15343ad9;border:3px solid #f4ebcb88;box-shadow:3px 4px 0 #09252e7a}.minimap-card canvas{width:100%;height:146px;display:block}.minimap-card>div{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:1px;padding:8px 10px;background:#132c32}.minimap-card kbd{font-size:9px;padding:2px 3px}
.discovery{position:fixed;left:50%;top:18%;transform:translateX(-50%) translateY(-12px);text-align:center;opacity:0;transition:opacity 1s,transform 1s;pointer-events:none;max-width:90vw;padding:20px 40px}.discovery.show{opacity:1;transform:translateX(-50%) translateY(0)}.discovery strong{display:block;font:800 36px 'Barlow Condensed',sans-serif;margin-top:10px}.hint{position:fixed;left:50%;bottom:145px;transform:translateX(-50%);padding:10px 17px;background:#11202bbb;font-size:13px;opacity:0;transition:opacity .3s;pointer-events:none;text-align:center}.hint.show{opacity:1}#toast{position:fixed;top:32%;left:20%;right:20%;text-align:center;font:700 30px 'Barlow Condensed',sans-serif;letter-spacing:1px;color:var(--yellow);text-shadow:2px 3px 5px #132c32;pointer-events:none;opacity:0;transition:opacity .2s;z-index:20}#toast.show{opacity:1}#prompt{position:fixed;bottom:125px;left:50%;transform:translateX(-50%);padding:14px 20px;background:#112d37ed;border-left:3px solid var(--yellow);font-size:14px;text-align:center;max-width:90%;z-index:3}
#pause-screen,#busted-screen{background:#081722a3;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.pause-card{width:450px;max-width:100%;padding:26px 0}.pause-card h2{font:800 65px/.9 'Barlow Condensed',sans-serif;margin:18px 0 32px;color:var(--pink)}.pause-card .primary,.secondary{width:100%}.secondary{padding:14px 18px;margin-top:24px;background:none;border:0;color:#fff9;font-size:12px;letter-spacing:1px}.options{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.options label{font-size:12px;color:#d6e0e3}.options select{display:block;width:100%;margin-top:8px;border-radius:4px;border:1px solid #fff3;padding:10px;background:#13232e;font-size:14px}.controls-copy{font-size:14px;color:#e0e8de;line-height:1.6;margin-top:24px}.pause-card details{font-size:12px;color:#c1cbd0;line-height:1.7}.pause-card summary{cursor:pointer;padding:7px 0}
#map-screen{background:#0c1826ee;backdrop-filter:blur(15px);padding:40px}.map-layout{max-width:1400px;height:100%;margin:0 auto;display:flex;flex-direction:column}.map-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.map-heading h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:36px;font-weight:800;margin:7px 0 0}.map-heading button{padding:12px 16px}.map-content{display:grid;grid-template-columns:1fr 280px;gap:30px;min-height:0;flex:1}.map-content>canvas{width:100%;height:100%;min-height:260px;border:1px solid #ffffff1a;border-radius:6px;background:#132533}.map-content aside{overflow:auto;padding:4px 0}.map-tip{color:#abbac2;font-size:13px;line-height:1.7;margin:12px 0 24px}#job-list{display:flex;flex-direction:column;gap:8px;margin:12px 0 24px}.job-row{padding:12px 14px;border:1px solid #ffffff30;display:flex;flex-direction:column;gap:4px}.job-row span{font-size:11px;color:var(--yellow)}.job-row strong{font-size:15px}.job-row em{font-size:12px;color:#c1cbd0;font-style:normal}#destinations{display:flex;flex-direction:column;gap:8px}#destinations button{text-align:left;padding:14px;font-size:14px;display:flex;align-items:center;gap:12px}#destinations button span{font-size:11px;color:#d9bd82;min-width:18px}#destinations button.found{border-color:#dfc99566}.map-credit{font-size:11px;color:#a8b3ba;margin-top:24px}
.touch-controls{display:none}noscript{position:fixed;top:40%;left:10%;width:80%;z-index:100;background:#1b2531;padding:30px}
.map-attribution{position:fixed;right:32px;bottom:6px;z-index:2;font-size:12px;line-height:1.4;color:#dbe5e4;text-decoration:none;text-shadow:0 1px 3px #07121c}.map-attribution:hover{text-decoration:underline}
@media(max-width:1000px){.ride-controls{gap:10px;max-width:250px}.minimap-card{width:160px}.minimap-card canvas{height:120px}.intro h2{font-size:110px}#hud{padding:24px}.intro-controls{max-width:350px}.edition{right:24px}.map-content{grid-template-columns:1fr 230px}.top-stats{right:20px;width:155px}#wanted{font-size:25px;letter-spacing:2px}#money{font-size:32px}.mission{left:20px;max-width:180px}.mission h2{font-size:26px}#intro-card{display:none}}
@media(max-width:680px){.intro{left:7%;right:7%;top:12%}.intro h2{font-size:clamp(64px,16vw,100px)}.tagline{font-size:16px}#intro-card,.edition{display:none}.location h1{font-size:23px}#hud{padding:18px 16px}#hud nav{gap:5px}#hud nav button{padding:8px 9px;font-size:11px}#hud nav kbd{display:none}.brand{display:none}.minimap-card{width:148px;left:16px;bottom:24px}.minimap-card canvas{height:109px}.speed-panel{right:16px;width:90px;bottom:29px}.speed-panel strong{font-size:42px}.ride-controls{display:none}.discovery strong{font-size:25px}.map-content{display:flex;flex-direction:column;gap:20px;overflow:auto}.map-content>canvas{min-height:45vh;height:45vh;flex-shrink:0}#map-screen{padding:24px 18px}.map-heading h2{font-size:25px}.pause-card h2{font-size:48px}.hint,#prompt{bottom:190px;width:75%}#toast{left:8%;right:8%;font-size:22px}.top-stats{top:86px;right:16px}.mission{top:90px;left:16px}.map-attribution{right:16px}}
@media(pointer:coarse){.touch-controls{display:flex;position:fixed;left:20px;right:20px;bottom:190px;align-items:flex-end;justify-content:space-between;pointer-events:none}.touch-controls button{pointer-events:auto;touch-action:none;min-height:48px;background:#12212d85;user-select:none}.touch-steer{width:150px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.touch-steer button{font-size:22px}.touch-steer button:nth-child(4){grid-column:2}.touch-actions{display:flex;flex-direction:column;gap:8px}.touch-actions button{padding:10px 18px;font-size:13px}.ride-controls{display:none}}
@media(prefers-reduced-motion:reduce){button,.discovery,.hint,#toast{transition:none}}