html,body{background:#000;height:100%;margin:0;padding:0;font-family:sans-serif;overflow:hidden}#renderCanvas{touch-action:none;outline:none;width:100%;height:100%;display:block}#joystick-zone{z-index:10;touch-action:none;width:45%;height:50%;position:fixed;bottom:0;left:0}#hud-canvas{z-index:20;pointer-events:none;border-radius:8px;width:160px;height:160px;position:fixed;top:12px;right:12px}.hidden{display:none!important}#mission-panel{color:#fff;z-index:20;pointer-events:none;background:#141414a6;border-radius:8px;max-width:260px;padding:10px 14px;font:400 14px sans-serif;position:fixed;top:12px;left:12px}#mission-title{color:#ffd23f;margin-bottom:4px;font-weight:700}#mission-subtitle{color:#fff;text-align:center;z-index:20;pointer-events:none;background:#000000b3;border-radius:6px;max-width:80%;padding:8px 16px;font:400 15px sans-serif;position:fixed;bottom:18%;left:50%;transform:translate(-50%)}#interact-btn{color:#fff;z-index:20;touch-action:manipulation;background:#1414148c;border:2px solid #fff9;border-radius:50%;width:56px;height:56px;font:700 18px sans-serif;position:fixed;bottom:90px;right:24px}#start-screen{background:#06080e;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.city-bg{position:absolute;inset:0;overflow:hidden}.city-layer{position:absolute;bottom:0;left:0;right:0}.city-far{opacity:.7;background:linear-gradient(#0000 0%,#0a0f1f 100%) 0 0/200px 100%,repeating-linear-gradient(90deg,#0e1425 0 30px,#121829 30px 50px,#0e1425 50px 80px,#0000 80px 100px,#0e1425 100px 120px,#111625 120px 150px,#0e1425 150px 200px) 0 0/200px 100%;height:40%}.city-mid{opacity:.85;background:linear-gradient(#0000 0%,#06080e 100%) 0 0/180px 100%,repeating-linear-gradient(90deg,#121b2e 0 22px,#0000 22px 28px,#1a2340 28px 60px,#0000 60px 68px,#0f1726 68px 90px,#0000 90px 100px,#16203a 100px 140px,#0000 140px 155px,#0d1520 155px 180px) 0 0/180px 100%;height:55%;animation:60s linear infinite city-drift}.city-near{background:linear-gradient(#0000 30%,#06080e 100%) 0 0/220px 100%,repeating-linear-gradient(90deg,#08101e 0 40px,#0000 40px 50px,#0a1422 50px 100px,#0000 100px 115px,#0d1828 115px 160px,#0000 160px 180px,#06101c 180px 220px) 0 0/220px 100%;height:45%;box-shadow:0 -2px #6eb4ff1f}.scanlines{pointer-events:none;background:repeating-linear-gradient(#00000012 0 1px,#0000 1px 3px);position:absolute;inset:0}.vignette{pointer-events:none;background:radial-gradient(#0000 40%,#000000bf 100%);position:absolute;inset:0}#start-screen:before{content:"";pointer-events:none;background:radial-gradient(80% 50% at 50% 0,#1e50b42e 0%,#0000 70%),linear-gradient(#0a1428 0%,#06080e 60%);position:absolute;inset:0}@keyframes city-drift{0%{background-position:0 100%,0 100%}to{background-position:-180px 100%,-180px 100%}}.start-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:20px;padding:24px;display:flex;position:relative}.gta-logo{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:4px;display:flex}.gta-word{letter-spacing:-4px;color:#fff;text-shadow:0 0 40px #ffa03299,0 0 80px #ff64144d;font-size:clamp(72px,16vw,140px);font-weight:900;line-height:.85}.gta-num{letter-spacing:-6px;background:linear-gradient(135deg,#ff9c40 0%,#ff5520 50%,#f26 100%);-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 24px #ff501e99);-webkit-background-clip:text;background-clip:text;font-size:clamp(80px,18vw,160px);font-weight:900;line-height:.85}.gta-sub{letter-spacing:6px;color:#ffffff80;margin-top:8px;font-size:clamp(10px,2.5vw,18px);font-weight:700}.tagline{color:#ffffff4d;letter-spacing:2px;font-size:clamp(10px,2vw,13px)}.play-btn{color:#fff;letter-spacing:3px;cursor:pointer;background:linear-gradient(135deg,#ff9c40,#f41);border:none;border-radius:4px;align-items:center;gap:12px;padding:16px 48px;font-size:clamp(14px,3vw,20px);font-weight:800;transition:transform .15s,filter .15s;display:flex;box-shadow:0 4px 32px #ff501480}.play-btn:hover{filter:brightness(1.15);transform:scale(1.04)}.play-btn:active{transform:scale(.97)}.play-arrow{opacity:.85;font-size:.85em}.preload-status{color:#ffffff59;letter-spacing:1px;min-height:18px;font-size:12px;transition:color .4s}.preload-status.ready{color:#64ffa0b3}#loading-overlay{z-index:100;background:#06080e;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}.lo-inner{flex-direction:column;align-items:center;gap:16px;width:min(320px,80vw);display:flex}.lo-logo{background:linear-gradient(135deg,#ff9c40,#f26);-webkit-text-fill-color:transparent;letter-spacing:-2px;filter:drop-shadow(0 0 16px #ff501e80);-webkit-background-clip:text;background-clip:text;font-size:clamp(40px,10vw,72px);font-weight:900}.lo-step{color:#ffffff8c;letter-spacing:2px;text-align:center;min-height:20px;font-size:13px}.lo-bar-track{background:#ffffff1a;border-radius:2px;width:100%;height:3px;overflow:hidden}.lo-bar-fill{background:linear-gradient(90deg,#ff9c40,#f41);border-radius:2px;width:0%;height:100%;transition:width .4s}