:root{color-scheme:dark;--cream:#f0e7d2;--gold:#d9b77c;--ink:#17271f;--line:#f0e7d230;font-family:Arial,Helvetica,sans-serif;color:var(--cream);font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#1c2b24}body{font-size:16px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button:hover{filter:brightness(1.16)}button:active{transform:translateY(1px)}#scene{display:block;width:100%;height:100%;touch-action:none}#app{position:fixed;inset:0;pointer-events:none}#app.gui-hidden{visibility:hidden!important;pointer-events:none!important}#app button,#app a,#app input,#app select,#app dialog{pointer-events:auto}.hidden{display:none!important}.topbar{position:absolute;left:36px;right:36px;top:27px;display:flex;align-items:center;justify-content:space-between;z-index:3;text-shadow:0 2px 16px #14251ec0}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--cream)}.brand svg{width:37px;height:34px}.brand>span{font-size:23px;font-weight:800;letter-spacing:2px;line-height:1}.brand-number{font-weight:400;color:var(--gold)}.brand small{display:block;font-size:10px;letter-spacing:3.1px;font-weight:400;margin-top:9px;opacity:.75}#compass{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:21px;font-size:12px;letter-spacing:2px;white-space:nowrap}#compass>span:not(#bearing){opacity:.6}#compass i{height:14px;border-left:1px solid var(--line)}#bearing{font-size:13px;min-width:85px;text-align:center}.top-actions{display:flex;align-items:center;gap:20px}.quiet{font-size:14px;background:none;padding:10px 4px}.quiet span{padding-left:18px;color:var(--gold)}.icon-button{background:#1a2a2260;border:1px solid var(--line);width:43px;height:43px;border-radius:50%;font-size:20px}.eyebrow{font-size:12px;font-weight:500;letter-spacing:2.4px;line-height:1.6;text-transform:uppercase;color:var(--gold)}#welcome{position:absolute;inset:0;background:linear-gradient(90deg,#10231deb 0%,#14281dc4 27%,#182b1e44 49%,transparent 68%)}.welcome-content{position:absolute;left:7%;top:50%;transform:translateY(-44%);width:430px;max-width:42vw}.tiny-line{display:inline-block;width:30px;height:1px;background:var(--gold);vertical-align:middle;margin-right:13px}.welcome-content h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,4.8vw,76px);font-weight:400;line-height:1.04;letter-spacing:-2px;margin:22px 0}.intro{font-size:16px;line-height:1.6;color:#e1e5d3bb;max-width:280px}.exp-stats{display:flex;gap:30px;margin:33px 0 30px}.exp-stats>div{display:flex;flex-direction:column;gap:9px}.exp-stats strong{font-size:22px;font-weight:400;white-space:nowrap}.exp-stats small{font-size:13px;color:#d8d9c9b3}.exp-stats span{font-size:10px;letter-spacing:1px;color:#c8d2bda8;white-space:nowrap}.primary{background:var(--gold);color:#1c2d23;min-height:51px;padding:15px 22px;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:3px}.begin{width:338px;max-width:100%}.primary span{font-size:22px;font-weight:400}.welcome-links{display:flex;gap:25px;margin:23px 0 31px}.welcome-links button{font-size:13px;background:none;padding:0;color:#f0e7d2b3}.seed-caption{font-size:10px;letter-spacing:1.6px;color:#b5c2afa6}.seed-caption b{margin:0 12px}.welcome-location{position:absolute;right:38px;bottom:35px;display:flex;flex-direction:column;gap:8px;text-align:right;text-shadow:0 1px 12px #17271f}.welcome-location strong{font-family:Georgia,serif;font-size:27px;font-weight:400}.welcome-location>span:last-child{font-size:12px;opacity:.75}.expedition-label{position:absolute;top:112px;left:38px;display:flex;flex-direction:column;gap:7px;text-shadow:0 1px 12px #17271f}.expedition-label>span:nth-child(2){font-family:Georgia,serif;font-size:21px}.expedition-label small{font-size:12px;opacity:.8}.vehicle-hud{position:absolute;bottom:40px;left:38px;width:200px;text-shadow:0 2px 15px #122417;background:radial-gradient(ellipse at left bottom,#14261c50,transparent 72%)}.speed-line{display:flex;align-items:center;gap:12px}.speed-line>strong{font-size:66px;font-weight:300;font-variant-numeric:tabular-nums;line-height:1}.speed-line>span{font-size:12px;opacity:.8}.speed-line small{font-size:18px;display:block;margin-top:8px;color:var(--gold)}.vehicle-readout{display:flex;align-items:center;gap:12px;margin-top:13px;font-size:10px;letter-spacing:1.3px}.fourwd{border:1px solid #d9b77c70;border-radius:2px;padding:4px 5px;color:var(--gold)}.suspension-display{margin-top:15px;padding-top:14px;border-top:1px solid var(--line);display:flex;align-items:center;gap:11px;font-size:9px;letter-spacing:1px;opacity:.85}.suspension-display>span:last-child{font-size:11px;white-space:nowrap}#wheel-bars{display:flex;gap:4px;height:18px}#wheel-bars i{height:18px;width:5px;background:#e1e8cd26;position:relative;display:block}#wheel-bars b{position:absolute;bottom:0;left:0;right:0;background:#c7d6ac;height:50%;transition:height .1s}#wheel-bars .airborne b{background:#cf9c60}.controls-hint{position:absolute;bottom:39px;left:50%;transform:translateX(-50%);display:flex;max-width:500px;justify-content:center;gap:15px;flex-wrap:wrap;width:calc(100% - 560px);text-shadow:0 1px 9px #17271f}.controls-hint span{font-size:11px;white-space:nowrap;color:#f0e7d2bf}kbd{font:10px Arial,sans-serif;display:inline-block;border:1px solid #f0e7d252;border-radius:3px;padding:4px 5px;margin-right:4px;color:var(--cream);background:#15281e2e;letter-spacing:.6px}.map-widget{position:absolute;bottom:34px;right:36px;width:174px}.camera-button{background:#192b23b3;backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:4px;padding:9px 11px;display:flex;align-items:center;gap:8px;width:100%;font-size:12px;margin-bottom:11px}.camera-button kbd{margin-left:auto;font-size:9px;padding:2px 4px}.camera-icon{font-size:18px;color:var(--gold)}.minimap-button{display:block;width:174px;padding:0;background:#213629c0;border:1px solid #d1d5b64d;box-shadow:0 8px 35px #1023192b;border-radius:5px;overflow:hidden;text-align:left}#minimap{width:100%;height:143px;object-fit:cover;display:block;opacity:.91}.minimap-button>span{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;font-size:9px;letter-spacing:1px}.minimap-button kbd{font-size:9px;padding:2px 4px;margin:0}#cinema-bars{position:absolute;inset:0;border-top:7vh solid #0d1511;border-bottom:7vh solid #0d1511;pointer-events:none}#mode-note{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);width:max-content;max-width:90vw;font-size:11px;letter-spacing:.6px;color:#e7e2cdbf;text-align:center;text-shadow:0 1px 5px #17271f}#toast{position:absolute;top:20%;left:50%;transform:translate(-50%,-10px);opacity:0;transition:.5s;display:flex;flex-direction:column;align-items:center;gap:7px;padding:15px 30px;background:linear-gradient(90deg,transparent,#162a21c0,transparent);text-shadow:0 1px 15px #14281a;white-space:nowrap}#toast.visible{opacity:1;transform:translate(-50%,0)}#toast strong{font-family:Georgia,serif;font-size:25px;font-weight:400}dialog{border:1px solid #b5bfa43a;border-radius:8px;box-shadow:0 30px 120px #0009;background:#1a2b24f5;color:var(--cream);padding:37px;width:460px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 50px);overflow:auto}dialog::backdrop{background:#0b1b1660;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:15px;top:12px;background:none;font-size:28px;font-weight:300;color:#d6decaaa;padding:5px 8px}dialog h2{font-family:Georgia,serif;font-weight:400;font-size:35px;line-height:1.12;letter-spacing:-.5px;margin:18px 0 22px}dialog p{font-size:14px;line-height:1.65;color:#d6decaba}dialog .eyebrow{font-size:11px;color:var(--gold);margin:0}dialog h3{font-weight:500;font-size:17px;margin:0 0 18px}.menu-list{display:flex;flex-direction:column;gap:3px}.menu-list>button{background:none;padding:14px 2px;text-align:left;font-size:15px;border-bottom:1px solid #d6deca14;display:flex;justify-content:space-between;align-items:center}.menu-list>button.primary{background:var(--gold);padding:15px 20px;color:var(--ink);margin-bottom:9px}.menu-list kbd{opacity:.5}.field-label{display:block;font-size:11px;letter-spacing:1.3px;margin:25px 0 10px}.seed-input-row{display:flex;gap:8px}input:not([type=checkbox]),select{border:1px solid #d8ddc938;border-radius:3px;background:#112119;color:var(--cream);padding:12px 14px;min-width:0}input:not([type=checkbox]){width:100%;font-variant-numeric:tabular-nums;letter-spacing:2px}.seed-input-row button{background:#d9b77c22;border:1px solid #d9b77c55;border-radius:3px;font-size:28px;width:56px}.generation-details{display:flex;gap:16px;font-size:11px;color:#c5d0b9a1;padding:17px 0 25px}.full{width:100%;margin-top:23px}.muted{font-size:12px!important;color:#adbfa28f!important;margin-bottom:0}#quality{width:100%}.switch-row,.setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;margin:20px 0}.setting-row select{padding:8px 10px;font-size:13px;max-width:160px}input[type=checkbox]{accent-color:var(--gold);width:19px;height:19px}.section-rule{border-top:1px solid var(--line);margin:25px 0}.map-panel{width:740px}.map-panel h2{margin-bottom:20px}#large-map{width:100%;height:auto;border-radius:4px;border:1px solid var(--line)}.map-legend{display:flex;justify-content:space-between;font-size:12px;margin-top:16px;color:var(--gold)}.about-controls{display:grid;grid-template-columns:1fr 1.6fr;gap:13px;font-size:13px;border-block:1px solid var(--line);padding:22px 0;margin:23px 0}.about-controls span:nth-child(odd){color:var(--gold)}#loading{position:fixed;inset:0;z-index:20;background:#18291f;display:flex;flex-direction:column;align-items:center;justify-content:center}#loading h2{font-family:Georgia,serif;font-size:34px;font-weight:400}#loading p{font-size:13px;color:#b7c6af}.load-line{display:block;width:160px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin-top:20px;animation:load 1.8s ease-in-out infinite}@keyframes load{0%,100%{opacity:.3;transform:scaleX(.4)}50%{opacity:1;transform:scaleX(1)}}#touch-controls{display:none}@media(pointer:coarse){#touch-controls{position:absolute;bottom:160px;left:22px;right:22px;display:flex;justify-content:space-between}#touch-controls>div{display:flex;gap:12px}#touch-controls button{background:#17271f77;border:1px solid var(--line);border-radius:50%;width:53px;height:53px;font-size:24px;touch-action:none}.controls-hint{display:none}}@media(min-width:1100px){.controls-hint{flex-wrap:nowrap;width:auto;max-width:none;white-space:nowrap;gap:15px}}@media(max-width:900px){.topbar{left:22px;right:22px;top:22px}.brand>span{font-size:19px}.brand small{font-size:9px}#compass{display:none}.welcome-content{left:6%;max-width:55vw}.welcome-content h1{font-size:54px}.exp-stats{gap:22px}.controls-hint{width:calc(100% - 450px);gap:9px}.vehicle-hud{left:24px;width:172px}.map-widget{right:24px;width:150px}.minimap-button{width:150px}#minimap{height:115px}.expedition-label{left:24px}.quiet{font-size:12px}.welcome-location{right:24px}.welcome-content .intro{max-width:260px}.speed-line>strong{font-size:56px}}@media(max-width:600px){.topbar{top:18px;left:17px;right:17px}.brand svg{width:29px}.brand>span{font-size:17px;letter-spacing:1.5px}.brand small{font-size:8px;letter-spacing:2px}.top-actions .quiet{display:none}.welcome-content{max-width:85vw;width:360px;top:49%;left:7%;transform:translateY(-43%)}#welcome{background:linear-gradient(90deg,#10231dec,#14281d92 60%,#17251d44)}.welcome-content h1{font-size:49px;margin:17px 0}.exp-stats{margin:25px 0;gap:25px}.welcome-location{display:none}.welcome-links{gap:22px}.welcome-content .intro{font-size:14px}.expedition-label{top:93px;left:20px}.expedition-label>span:nth-child(2){font-size:17px}.vehicle-hud{left:20px;bottom:26px;width:156px}.speed-line>strong{font-size:48px}.map-widget{right:18px;bottom:23px;width:130px}.minimap-button{width:130px}#minimap{height:100px}.controls-hint{display:none}.suspension-display{gap:8px;font-size:8px}.camera-button{font-size:11px;padding:7px}.vehicle-readout{font-size:9px}.welcome-content h1{letter-spacing:-1px}.map-legend{font-size:10px;gap:9px}dialog{padding:28px 22px}dialog h2{font-size:31px}#mode-note{font-size:10px;line-height:1.7}.generation-details{gap:11px}#toast strong{font-size:20px}}@media(max-height:650px) and (min-width:601px){.welcome-content{transform:translateY(-41%)}.welcome-content h1{font-size:45px;margin:13px 0}.exp-stats{margin:20px 0}.welcome-links{margin:17px 0}.welcome-content .intro{margin:10px 0}.seed-caption{margin-bottom:0}.welcome-location{bottom:20px}.topbar{top:20px}}
#copyright{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);font-size:10px;letter-spacing:1px;color:#f0e7d280;white-space:nowrap;text-shadow:0 1px 8px #17271f;pointer-events:none;z-index:4}
.map-legend{flex-wrap:wrap;gap:12px}