:root{--bg:#050607;--panel:#0b0d0f;--line:#363a3e;--amber:#ffd52a;--green:#86d53a;--red:#ff4635;--white:#f5f5f5}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#000;color:#eee;font-family:Arial,Helvetica,sans-serif;overflow:hidden}body{display:grid;place-items:center}#app{width:100vw;height:100vh;background:radial-gradient(circle at 50% 0,#1c1f23,#030405 65%)}.topbar{height:58px;background:linear-gradient(#151719,#050607);border-bottom:2px solid #2c3034;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px}.brand{display:flex;align-items:baseline;gap:10px}.brand strong{font-style:italic;font-size:31px;letter-spacing:-1px}.brand small{font-size:10px;color:var(--amber);letter-spacing:.8px}.stripe{width:42px;height:22px;background:linear-gradient(#d32b2b 0 33%,#eee 33% 66%,#2356b7 66%);clip-path:polygon(15% 0,100% 0,85% 100%,0 100%)}.author{font-size:14px;color:#ddd}.domain{text-align:right;font-size:22px;font-weight:700;font-style:italic;color:#f2bd20}.game-shell{position:relative;height:calc(100vh - 58px);overflow:hidden;border:1px solid #25292d;background:#000}#game{width:100%;height:100%;display:block;background:#000}.hud{position:absolute;inset:0;pointer-events:none}.hud-box,.panel,.routebar{background:linear-gradient(180deg,rgba(8,10,11,.96),rgba(0,0,0,.9));border:2px solid #42474c;box-shadow:inset 0 0 18px #000,0 2px 8px #000;border-radius:8px}.hud-box{position:absolute;top:16px;width:145px;padding:11px 13px}.hud-left-top{left:20px}.hud-right-top{right:20px}.hud-box label,.panel label{display:block;color:#ffca19;font-size:12px;margin-bottom:2px}.hud-box b{display:block;font-family:monospace;font-size:24px;color:var(--amber);margin-bottom:8px}.cockpit{position:absolute;left:12px;right:12px;bottom:72px;height:268px;background:linear-gradient(#181b1d,#08090a 20%,#101214);border-top:5px solid #333;display:grid;grid-template-columns:1.05fr .95fr 1.8fr .7fr 1.15fr;gap:10px;padding:14px 14px 12px}.panel{padding:11px;text-align:center}.panel strong{font-family:monospace;font-size:25px;color:#ddd}.speed-panel b{display:block;color:var(--green);font-family:monospace;font-size:49px;line-height:1}.speed-panel b i{font-size:13px;color:#f44;font-style:normal}.fuelbar{height:19px;border:1px solid #444;margin:7px 0 8px;overflow:hidden}.fuelbar span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#e43126,#e9c92b 28%,#7bc13a 48%)}.fuel-panel strong{display:block;color:var(--green);margin-bottom:12px}.gear-panel b{display:block;font-family:monospace;font-size:64px;color:var(--green);line-height:1.1}.shift{font-family:monospace;color:#ccc;font-size:21px;line-height:1.2}.cond-panel strong{display:block;color:var(--green);padding:7px 0 13px}.tach{position:relative;display:grid;place-items:center}.tach canvas{width:100%;height:210px}.warns{position:absolute;bottom:6px;left:8%;right:8%;display:flex;justify-content:space-around;font-size:10px;color:#bbb}.routebar{position:absolute;bottom:9px;left:21%;right:21%;height:58px;display:grid;grid-template-columns:1fr 1fr 1.2fr .8fr 1fr 1fr;align-items:center;padding:4px 15px;gap:12px}.routebar span{color:var(--amber);font-size:12px}.routebar strong{color:var(--green);font-family:monospace;font-size:18px}.routebar b{font-size:13px;color:#eee}.routebar canvas{width:100%;height:45px}.overlay{position:absolute;inset:0;display:none;place-items:center;background:rgba(0,0,0,.74);backdrop-filter:blur(4px);z-index:9}.overlay.show{display:grid}.menu-card{width:min(720px,90vw);background:linear-gradient(#15191c,#050607);border:2px solid #555b61;box-shadow:0 30px 80px #000;padding:30px;text-align:center}.menu-card h1{font-size:56px;font-style:italic;margin:0}.menu-card>p{color:var(--amber);letter-spacing:4px;margin-top:2px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left;margin:25px 0}.menu-grid label{font-size:12px;color:#f1c421}.menu-grid input,.menu-grid select{width:100%;padding:11px;margin-top:5px;background:#090b0c;border:1px solid #494f55;color:#eee;font:16px monospace}.menu-card button{padding:13px 32px;border:1px solid #d9a712;background:#111;color:#ffd52a;font-weight:800;font-size:17px;margin:6px;cursor:pointer}.menu-card button:hover{background:#f1c421;color:#111}.help{margin-top:16px;color:#999;font-size:12px}@media(max-width:1000px){.cockpit{height:220px;grid-template-columns:1fr 1fr 1.4fr .7fr}.cond-panel{display:none}.routebar{left:8%;right:8%}.brand small{display:none}.author{display:none}.topbar{grid-template-columns:1fr 1fr}.hud-box{transform:scale(.82);transform-origin:top left}.hud-right-top{transform-origin:top right}.speed-panel b{font-size:36px}}

/* v0.4.0 Premium Visual Renderer */
.game-shell{background:#050607}
#game{filter:saturate(1.04) contrast(1.03)}
.cockpit{background:linear-gradient(180deg,rgba(3,4,5,.18),rgba(3,4,5,.70));backdrop-filter:blur(1.5px)}
.panel,.tach,.routebar,.hud-box{background:rgba(3,5,7,.72)!important;box-shadow:0 8px 24px rgba(0,0,0,.35)}

/* v0.5.1 realtime road renderer */
#game{filter:saturate(1.06) contrast(1.035);background:#111}
.cockpit{background:linear-gradient(180deg,rgba(4,5,6,.08),rgba(2,3,4,.58));}