:root{--gold: #f5c518;--green: #7bd66f;--red: #e5484d;--blue: #4a8cff;--panel: rgba(12, 14, 18, .72);--panel-strong: rgba(10, 12, 16, .9);--text: #f4f1ea;--muted: #b9b4a8;--font-title: "Oswald", "Arial Narrow", Impact, system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background-color:#0b0d10;color:var(--text);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:none}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block}.hud{position:fixed;inset:0;pointer-events:none;z-index:10}.hud-topright{position:absolute;top:18px;right:22px;text-align:right;font-family:var(--font-title);text-shadow:0 2px 3px rgba(0,0,0,.8),0 0 1px #000}.hud-clock{font-size:26px;letter-spacing:1px;color:#fff}.hud-money{font-size:34px;color:var(--green);letter-spacing:1px}.hud-garlic{font-size:18px;color:#fff;opacity:.9;margin-top:2px}.hud-wanted{font-size:30px;letter-spacing:3px;color:#ffffff2e;height:36px}.hud-wanted .star{transition:color .2s,transform .2s;display:inline-block}.hud-wanted .star.on{color:#fff}.hud-wanted.flash .star.on{animation:starflash .5s infinite alternate}.hud-wanted.blink .star.on{transform:scale(1.25)}@keyframes starflash{0%{color:#fff}to{color:#ffffff59}}.hud-minimap{position:absolute;left:22px;bottom:26px;width:200px;height:200px;border-radius:50%;box-shadow:0 0 0 3px #000000a6,0 6px 18px #00000080}.minimap-canvas{width:200px;height:200px;border-radius:50%;display:block}.hud-health{position:absolute;left:20px;right:20px;bottom:-14px;height:7px;background:#0009;border-radius:4px;overflow:hidden}.hud-health .fill{height:100%;width:100%;background:linear-gradient(90deg,#3fa34d,#7bd66f);transition:width .25s}.hud-health.low .fill{background:linear-gradient(90deg,#a61e22,#e5484d);animation:lowpulse .7s infinite alternate}@keyframes lowpulse{to{opacity:.5}}.hud-vehicle{position:absolute;right:26px;bottom:28px;text-align:right;font-family:var(--font-title);text-shadow:0 2px 3px rgba(0,0,0,.8)}.hud-vehicle .speed{font-size:64px;line-height:.9}.hud-vehicle .unit{font-size:16px;color:var(--muted);letter-spacing:2px}.hud-vehicle .name{font-size:18px;color:var(--gold);margin-top:4px}.hidden{display:none!important}.hud-location{position:absolute;right:26px;bottom:150px;text-align:right;opacity:0;transition:opacity .6s;font-family:var(--font-title);text-shadow:0 2px 4px rgba(0,0,0,.9)}.hud-location.show{opacity:1}.hud-location .street{font-size:26px;color:#fff}.hud-location .zone{font-size:16px;color:var(--gold);letter-spacing:1px}.hud-subtitle{position:absolute;left:50%;bottom:90px;transform:translate(-50%);max-width:min(760px,90vw);text-align:center;font-size:20px;line-height:1.35;text-shadow:0 2px 3px #000,0 0 2px #000;opacity:0;transition:opacity .3s}.hud-subtitle.show{opacity:1}.hud-subtitle b{color:var(--gold)}.hud-notify{position:absolute;left:22px;top:18px;width:min(340px,70vw);display:flex;flex-direction:column;gap:8px}.hud-notify .item{background:var(--panel);border-left:4px solid var(--gold);padding:10px 12px;border-radius:4px;font-size:15px;line-height:1.35;opacity:0;transform:translate(-16px);transition:all .35s}.hud-notify .item.show{opacity:1;transform:none}.hud-help{position:absolute;left:22px;top:18px;max-width:min(360px,70vw);background:var(--panel);padding:10px 14px;border-radius:4px;font-size:15px;opacity:0;transition:opacity .25s}.hud-help.show{opacity:1}.hud-notify:not(:empty)~.hud-help{top:auto;bottom:250px}kbd{display:inline-block;min-width:22px;padding:1px 6px;border-radius:4px;background:#f4f1ea;color:#111;font:700 13px/18px var(--font-body);text-align:center;box-shadow:0 2px #9c968a}.hud-big{position:absolute;left:0;right:0;top:34%;text-align:center;opacity:0;transition:opacity .4s}.hud-big.show{opacity:1}.hud-big .title{font-family:var(--font-title);font-size:clamp(40px,8vw,86px);letter-spacing:3px;text-transform:uppercase;text-shadow:0 4px 0 rgba(0,0,0,.6),0 0 18px rgba(0,0,0,.6)}.hud-big .sub{font-size:22px;margin-top:6px;text-shadow:0 2px 3px #000}.hud-objective{position:absolute;left:50%;top:18px;transform:translate(-50%);background:var(--panel);padding:8px 16px;border-radius:4px;font-size:17px;opacity:0;transition:opacity .3s;max-width:70vw;text-align:center}.hud-objective.show{opacity:1}.hud-objective b{color:var(--gold)}.hud-timer{position:absolute;right:26px;top:170px;font-family:var(--font-title);font-size:38px;text-shadow:0 2px 3px #000;opacity:0}.hud-timer.show{opacity:1}.hud-timer.urgent{color:var(--red);animation:lowpulse .5s infinite alternate}.hud-radio{position:absolute;left:50%;top:64px;transform:translate(-50%);font-family:var(--font-title);font-size:26px;color:var(--gold);text-shadow:0 2px 3px #000;opacity:0;transition:opacity .3s}.hud-radio.show{opacity:1}.hud-crosshair{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:#fffc;box-shadow:0 0 2px #000}.screen{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 30% 20%,#3c28148c,#050608eb 70%);backdrop-filter:blur(3px)}.screen.transparent{background:#0506088c}.panel{width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;background:var(--panel-strong);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:26px;box-shadow:0 20px 60px #0009}.logo{text-align:center;margin-bottom:18px}.logo-img{display:block;width:min(340px,78%);margin:0 auto 4px;pointer-events:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}@media(max-height:500px){.logo-img{width:min(220px,50%)}}.screen.home{background:#0b0d10 url(../ui/portada-movil.jpg) center / cover no-repeat;padding:0;justify-content:flex-end;flex-direction:column}@media(min-width:1300px){.screen.home{background-image:url(../ui/portada.jpg)}}.home .hero{position:absolute;inset:0}.home .hero-img{display:none}.home .hero-logo{position:absolute;left:19.5%;top:3%;width:min(31%,420px);filter:drop-shadow(0 6px 14px rgba(0,0,0,.6));pointer-events:none}.home .autor{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:fit-content;margin:0 0 8px 2px;pointer-events:none;font:600 9px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#ffffffe6;text-shadow:0 1px 4px rgba(0,0,0,.7)}.home .autor img{width:clamp(104px,13vw,170px);filter:brightness(0) invert(1) drop-shadow(0 2px 6px rgba(0,0,0,.6))}.home .panel:not(:has(.menu[data-view=main]:not(.hidden))) .autor{display:none}.loading.home .autor{align-self:flex-start;margin-left:max(16px,env(safe-area-inset-left))}.home .hero:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,#08080cd9);pointer-events:none}.home .panel{position:relative;width:100%;max-width:none;max-height:60dvh;background:none;border:0;box-shadow:none;backdrop-filter:none;padding:10px max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));box-sizing:border-box}.home .menu[data-view=main]{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px}.home .menu[data-view=main] .btn{flex:1 1 150px;max-width:240px;padding:10px 12px;font-size:15px;background:#0e0e14c7;backdrop-filter:blur(4px)}.home .menu[data-view=main] .btn.primary{flex:1.4 1 200px;max-width:300px;background:var(--gold)}.home .menu[data-view=main] .btn small{font-size:11px}.home .menu[data-view=main] [data-act=ajustes],.home .menu[data-view=main] [data-act=controles],.home .menu[data-view=main] [data-act=creditos]{flex:0 1 auto;padding:10px 12px}.home .menu[data-view=multi]{background:#0e0e14e6;border-radius:12px;padding:14px;max-width:520px;margin:0 auto;backdrop-filter:blur(6px)}@media(max-height:520px)and (min-width:560px){.home .panel:has(.menu[data-view=multi]:not(.hidden)){max-height:96dvh}.home .menu[data-view=multi]{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;max-width:720px;padding:10px 14px;align-items:center}.home .menu[data-view=multi] h2{grid-column:1 / -1;margin:0;font-size:20px}.home .menu[data-view=multi] .row{margin:0;flex-wrap:nowrap}.home .menu[data-view=multi] .row label{flex:0 0 auto;min-width:0;font-size:13px}.home .menu[data-view=multi] .row input[type=text]{min-width:0;padding:8px 10px}.home .menu[data-view=multi] .code-input{font-size:22px!important;letter-spacing:4px}.home .menu[data-view=multi]>div:nth-of-type(1){grid-area:2 / 1}.home .menu[data-view=multi] [data-act=host]{grid-area:3 / 1}.home .menu[data-view=multi]>div:nth-of-type(2){grid-area:2 / 2}.home .menu[data-view=multi] [data-act=join]{grid-area:3 / 2}.home .menu[data-view=multi] [data-act=back]{grid-area:4 / 1}.home .menu[data-view=multi] .small{grid-area:4 / 2;margin:0;font-size:12px}.home .menu[data-view=multi] .btn{padding:9px 12px;font-size:15px;min-height:44px}.home .menu[data-view=multi] .btn small{display:none}}.loading.home{justify-content:flex-end}.loading.home>:not(.hero){position:relative}.loading.home .bar{margin-bottom:4px}.loading.home .tip{margin-bottom:max(14px,env(safe-area-inset-bottom))}@media(max-height:520px){.home .menu[data-view=main]{flex-wrap:nowrap;gap:6px}.home .menu[data-view=main] .btn{flex:1 1 0;min-width:0;padding:9px 10px;font-size:14px;gap:8px}.home .menu[data-view=main] .btn.primary{flex:1.5 1 0}.home .menu[data-view=main] .btn small{display:none}.home .menu[data-view=main] [data-act=ajustes] span:last-child,.home .menu[data-view=main] [data-act=controles] span:last-child,.home .menu[data-view=main] [data-act=creditos] span:last-child{display:none}.home .menu[data-view=main] [data-act=ajustes],.home .menu[data-view=main] [data-act=controles],.home .menu[data-view=main] [data-act=creditos]{flex:0 0 auto}.home .hero-logo{width:min(27%,300px)}}.gira-movil{display:none}@media(orientation:portrait){.solo-horizontal .gira-movil{display:flex;position:fixed;inset:0;z-index:10000;flex-direction:column;align-items:center;justify-content:center;justify-content:flex-end;padding-bottom:max(26px,env(safe-area-inset-bottom));background:linear-gradient(transparent 62%,#08080ce6),#0b0d10 url(../ui/portada-vertical.jpg) center / cover no-repeat;color:#fff;text-align:center;touch-action:none}}.gira-movil .logo-v{position:absolute;left:50%;top:calc(3% + env(safe-area-inset-top,0px));transform:translate(-50%);width:min(80%,420px);filter:drop-shadow(0 6px 14px rgba(0,0,0,.6));pointer-events:none}.gira-movil .icono{white-space:nowrap;font-size:44px;animation:gira 1.6s ease-in-out infinite}.gira-movil p{font:700 22px var(--font-body);margin:8px 0 2px;text-shadow:0 2px 6px #000}.gira-movil small{color:#ddd;font-size:14px;text-shadow:0 1px 4px #000}@keyframes gira{0%,20%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.logo .gta{font-family:var(--font-title);font-size:clamp(44px,12vw,76px);line-height:.9;letter-spacing:2px;color:#fff;text-shadow:3px 3px 0 #7a3aa6,6px 6px 0 rgba(0,0,0,.4)}.logo .town{font-family:var(--font-title);font-size:clamp(26px,7vw,42px);color:var(--gold);letter-spacing:3px;text-transform:uppercase}.logo .tag{color:var(--muted);font-size:14px;margin-top:6px}.menu{display:flex;flex-direction:column;gap:10px}.btn{pointer-events:auto;appearance:none;border:0;border-radius:6px;padding:13px 16px;font:600 17px var(--font-body);background:#ffffff14;color:var(--text);cursor:pointer;text-align:left;transition:background .15s,transform .1s;display:flex;align-items:center;gap:12px}.btn:hover,.btn:focus-visible{background:#f5c5182e;outline:none}.btn:active{transform:scale(.99)}.btn.primary{background:var(--gold);color:#1a1405}.btn.primary:hover{background:#ffd84a}.btn .ico{font-size:20px;width:26px;text-align:center}.btn small{display:block;font-weight:400;color:var(--muted);font-size:13px}.btn.primary small{color:#3b3108}.row{display:flex;gap:10px;align-items:center;margin:10px 0;flex-wrap:wrap}.row label{flex:1;min-width:140px;color:var(--muted)}.row select,.row input[type=text]{pointer-events:auto;flex:1;min-width:150px;padding:10px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#15181d;color:var(--text);font:16px var(--font-body)}.row input[type=range]{flex:1;pointer-events:auto}.code-input{text-transform:uppercase;letter-spacing:6px;font-family:var(--font-title)!important;font-size:26px!important;text-align:center}.panel h2{font-family:var(--font-title);font-weight:500;letter-spacing:1px;margin:0 0 12px;color:var(--gold)}.panel p,.panel li{color:#ddd8cc;line-height:1.5;font-size:15px}.panel a{color:var(--gold)}.tkey{display:inline-block;padding:0 6px;border-radius:10px;background:#f5c51833;border:1px solid rgba(245,197,24,.6);color:#fff;white-space:nowrap;font-size:.92em;line-height:1.35}.panel details.more{margin:6px 0 14px}.panel.missions .mlist{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.panel.missions .mission{background:#ffffff0d;border-radius:8px;padding:10px 12px;border-left:3px solid rgba(255,255,255,.15)}.panel.missions .mission.disponible{border-left-color:var(--gold)}.panel.missions .mission.en_curso{border-left-color:#4a8cff}.panel.missions .mission.hecha{opacity:.75}.panel.missions .mission.bloqueada{opacity:.55}.panel.missions .top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.panel.missions .badge{font-size:12px;color:var(--muted);white-space:nowrap}.panel.missions .mission.disponible .badge{color:var(--gold)}.panel.missions .who,.panel.missions .need{font-size:13px;color:var(--muted);margin-top:2px}.panel.missions .acts{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.panel.missions .acts .btn{padding:9px 12px;font-size:14px;flex:1 1 auto;justify-content:center}.btn.danger{background:#e5484d40}.panel details.more summary{cursor:pointer;color:var(--gold);font-weight:600;padding:6px 0}.touch-ui .panel{max-height:calc(100dvh - 20px);padding:18px 20px}.screen,.panel{touch-action:pan-y}.screen .btn,.screen select,.screen input{touch-action:manipulation}.panel{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.touch-ui .panel.controls p{font-size:14px;line-height:1.55;margin:8px 0}.small{font-size:13px;color:var(--muted)}.loading{flex-direction:column;gap:18px;background:#0b0d10}.loading .bar{width:min(420px,80vw);height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.loading .bar .fill{height:100%;width:0;background:var(--gold);transition:width .2s}.loading .label{color:var(--muted);font-size:14px;min-height:20px;text-align:center}.loading .tip{max-width:min(520px,86vw);text-align:center;color:#cfc9bc;font-size:15px;line-height:1.5;min-height:46px}.mapscreen{background:#050608f0}.mapscreen canvas{max-width:96vw;max-height:86vh;border-radius:8px;pointer-events:auto;cursor:crosshair}.mapscreen .legend{position:absolute;left:20px;bottom:20px;font-size:13px;color:var(--muted);max-width:40vw}.mapscreen .close{position:absolute;right:20px;top:20px}.touch-ui .mapscreen .legend{left:calc(12px + env(safe-area-inset-left,0px));top:calc(8px + env(safe-area-inset-top,0px));bottom:auto;max-width:calc(100vw - 150px);font-size:12px;background:#05060899;padding:3px 8px;border-radius:6px;pointer-events:none}.mapscreen canvas{touch-action:none}.mapscreen .mapzoom{position:absolute;right:20px;bottom:20px;display:flex;flex-direction:column;gap:8px}.mapscreen .mapzoom .btn{width:52px;height:52px;justify-content:center;font-size:26px;padding:0}.chat{position:fixed;left:22px;bottom:260px;width:min(360px,70vw);z-index:12;pointer-events:none}.chat .msgs{display:flex;flex-direction:column;gap:4px;font-size:14px;text-shadow:0 1px 2px #000}.chat .msg{background:#00000059;padding:3px 8px;border-radius:3px}.chat input{pointer-events:auto;width:100%;margin-top:6px;padding:8px;border-radius:4px;border:0;background:#000000b3;color:#fff;font-size:15px}.touch{position:fixed;inset:0;z-index:11;pointer-events:none;user-select:none;-webkit-user-select:none}.touch .zone-move{position:absolute;left:0;bottom:0;width:45%;height:78%;pointer-events:auto;touch-action:none}.touch .zone-look{position:absolute;right:0;top:0;width:55%;height:100%;pointer-events:auto;touch-action:none}.touch .stick{position:absolute;left:110px;top:70%;width:132px;height:132px;margin:-66px 0 0 -66px;border-radius:50%;background:#ffffff12;border:2px solid rgba(255,255,255,.16);pointer-events:none;opacity:.45;transition:opacity .15s}.touch .stick.on{opacity:1}.touch .stick.sprint{border-color:#f5c518cc}.touch .stick .knob{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px;border-radius:50%;background:#fff6}.touch .tbtn{position:absolute;width:64px;height:64px;border-radius:50%;background:#10121680;border:2px solid rgba(255,255,255,.28);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;touch-action:none;box-shadow:0 2px 8px #00000059;transition:transform .08s,background .08s}.touch .tbtn .i{font-size:26px;line-height:1}.touch .tbtn .l{font:600 10px var(--font-body);margin-top:2px;opacity:.85;letter-spacing:.2px;white-space:nowrap}.touch .tbtn.active{background:#f5c51899;transform:scale(.93)}.touch .tbtn.hidden{display:none}.touch .b-main{right:calc(22px + env(safe-area-inset-right,0px));bottom:26px;width:86px;height:86px}.touch .b-main .i{font-size:34px}.touch .b-a{right:calc(122px + env(safe-area-inset-right,0px));bottom:20px}.touch .b-b{right:calc(28px + env(safe-area-inset-right,0px));bottom:126px}.touch .pedal{border-radius:18px;width:82px}.touch .pedal.gas{right:calc(20px + env(safe-area-inset-right,0px));bottom:20px;height:128px;background:#28783c73}.touch .pedal.brake{right:calc(114px + env(safe-area-inset-right,0px));bottom:20px;height:92px;background:#96282873}.touch .b-hb{right:calc(122px + env(safe-area-inset-right,0px));bottom:126px;width:58px;height:58px}.touch .b-s1,.touch .b-s2,.touch .b-s3{width:50px;height:50px}.touch .b-s1 .i,.touch .b-s2 .i,.touch .b-s3 .i{font-size:20px}.touch .b-s1 .l,.touch .b-s2 .l,.touch .b-s3 .l{display:none}.touch .b-s1{right:calc(210px + env(safe-area-inset-right,0px));bottom:24px}.touch .b-s2{right:calc(210px + env(safe-area-inset-right,0px));bottom:84px}.touch .b-s3{right:calc(196px + env(safe-area-inset-right,0px));bottom:144px}.touch .b-s4{right:calc(126px + env(safe-area-inset-right,0px));bottom:196px;width:50px;height:50px}.touch .b-s4 .i{font-size:20px}.touch .b-s4 .l{display:none}.touch .b-up{right:calc(28px + env(safe-area-inset-right,0px));bottom:112px;width:76px;height:76px}.touch .b-down{right:calc(28px + env(safe-area-inset-right,0px));bottom:22px;width:76px;height:76px}.touch .ctxbtn .l{white-space:normal;text-align:center;line-height:1.05;max-width:64px}.touch .ctxbtn{width:70px;height:70px;background:#f5c51859;border-color:#f5c518d9;animation:ctxpop .25s ease-out}.touch[data-mode=foot] .ctxbtn.enter{right:calc(126px + env(safe-area-inset-right,0px));bottom:116px}.touch[data-mode=heli] .ctxbtn.enter{right:calc(120px + env(safe-area-inset-right,0px));bottom:40px}.touch[data-mode=car] .ctxbtn.enter{right:calc(24px + env(safe-area-inset-right,0px));bottom:162px;width:60px;height:60px}.touch .ctxbtn.unstuck{left:calc(22px + env(safe-area-inset-left,0px));top:calc(152px + env(safe-area-inset-top,0px));width:150px;height:46px;box-sizing:border-box;padding:0 14px;border-radius:23px;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center}.touch .ctxbtn.unstuck .i{font-size:20px}.touch .ctxbtn.unstuck .l{font-size:14px;margin-top:0;opacity:1}.touch .ctxbtn.talk{right:calc(214px + env(safe-area-inset-right,0px));bottom:44px}.touch[data-mode=car] .ctxbtn.talk{right:calc(196px + env(safe-area-inset-right,0px));bottom:204px;width:60px;height:60px}@keyframes ctxpop{0%{transform:scale(.6);opacity:0}to{transform:none;opacity:1}}.touch .topbtns{position:absolute;top:calc(8px + env(safe-area-inset-top,0px));left:calc(146px + env(safe-area-inset-left,0px));display:flex;gap:8px;pointer-events:none}.touch .topbtns .tbtn{position:static;width:42px;height:42px}.touch .topbtns .tbtn{font-size:19px}.touch .topbtns .tbtn.hidden{display:none}.touch .minimap-hit{position:absolute;left:calc(10px + env(safe-area-inset-left,0px));top:calc(8px + env(safe-area-inset-top,0px));width:124px;height:124px;border-radius:50%;pointer-events:auto;touch-action:none;z-index:2}.touch .minimap-hit.active{background:#f5c5182e}.touch-ui.portrait .touch .topbtns{top:calc(142px + env(safe-area-inset-top,0px));left:calc(10px + env(safe-area-inset-left,0px))}.touch .rotate-hint{position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);width:min(300px,80vw);text-align:center;background:var(--panel);padding:16px;border-radius:12px;pointer-events:auto}.touch .rotate-hint div{font-size:40px}.touch .rotate-hint p{margin:6px 0 0;font-size:15px}.touch .rotate-hint.hidden{display:none}.touch-ui .hud-minimap{left:calc(10px + env(safe-area-inset-left,0px));top:calc(8px + env(safe-area-inset-top,0px));bottom:auto;width:124px;height:124px}.touch-ui .minimap-canvas{width:124px;height:124px}.touch-ui .hud-health{bottom:-10px;height:6px}.touch-ui .hud-topright{top:calc(6px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px))}.touch-ui .hud-clock{font-size:18px}.touch-ui .hud-money{font-size:24px}.touch-ui .hud-wanted{font-size:20px;height:24px;letter-spacing:2px}.touch-ui .hud-garlic{font-size:15px}.touch-ui .hud-vehicle{right:auto;left:50%;transform:translate(-50%);bottom:8px;text-align:center}.touch-ui .hud-vehicle .speed{font-size:40px}.touch-ui .hud-vehicle .name{font-size:13px}.touch-ui .hud-objective{left:calc(352px + env(safe-area-inset-left,0px));right:calc(120px + env(safe-area-inset-right,0px));top:calc(8px + env(safe-area-inset-top,0px));transform:none;max-width:none;width:fit-content;font-size:14px;padding:7px 12px;text-align:left}.touch-ui .hud-notify{left:calc(352px + env(safe-area-inset-left,0px));right:calc(120px + env(safe-area-inset-right,0px));transform:none;top:calc(8px + env(safe-area-inset-top,0px));width:auto}.touch-ui .hud-timer{right:auto;left:calc(14px + env(safe-area-inset-left,0px));top:calc(146px + env(safe-area-inset-top,0px));font-size:30px}.touch-ui.portrait .hud-timer{top:calc(196px + env(safe-area-inset-top,0px))}.touch-ui .hud-notify .item:nth-last-child(n+3){display:none}.touch-ui .hud:has(.hud-objective.show) .hud-notify{top:calc(54px + env(safe-area-inset-top,0px))}.touch-ui .hud-notify .item{font-size:14px;padding:8px 10px}.touch-ui .hud-help{left:50%;transform:translate(-50%);top:auto;bottom:150px;max-width:min(420px,60vw);font-size:14px;text-align:center}.touch-ui .hud-location{inset:auto auto 64px 50%;transform:translate(-50%);text-align:center}.touch-ui .hud:has(.hud-vehicle:not(.hidden)) .hud-location{bottom:118px}.touch-ui .hud-location .street{font-size:18px}.touch-ui .hud-subtitle{font-size:15px;bottom:110px}.touch-ui .net-chat{bottom:auto;top:150px;width:min(300px,40vw)}.touch-ui .net-chat.open{top:calc(6px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);width:min(520px,calc(100vw - 24px));flex-direction:column-reverse;z-index:45}.touch-ui .net-chat.open .line:nth-last-child(n+4){display:none}.touch-ui .net-chat.open .line.faded{opacity:1}.touch-ui .net-chat .form button{min-height:40px}.touch-ui.portrait .hud-objective{left:calc(146px + env(safe-area-inset-left,0px))}.touch-ui.portrait .hud-notify{width:calc(100vw - 150px);left:auto;right:8px;transform:none;top:110px}.touch-ui.portrait .hud-help{bottom:230px;max-width:80vw}.touch-ui.portrait .touch .zone-move{height:55%}@media(max-width:700px){.hud-minimap,.minimap-canvas{width:140px;height:140px}.hud-minimap{left:12px;bottom:18px}.hud-topright{top:10px;right:12px}.hud-money{font-size:26px}.hud-clock{font-size:20px}.hud-wanted{font-size:22px;height:28px}.hud-subtitle{font-size:16px;bottom:200px}}.net-tags{position:fixed;inset:0;pointer-events:none;z-index:8;overflow:hidden}.net-tag{position:absolute;left:0;top:0;padding:2px 8px;border-radius:10px;white-space:nowrap;background:#0a0c109e;color:#fff;font:600 13px var(--font-body);letter-spacing:.2px;border-bottom:2px solid var(--c, #fff);text-shadow:0 1px 2px #000;will-change:transform}.net-badge{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:12;pointer-events:auto;background:#0a0c1099;color:var(--text);padding:6px 12px;border-radius:16px;font:600 13px var(--font-body);border:1px solid rgba(255,255,255,.15);cursor:pointer;touch-action:manipulation;white-space:nowrap}.net-badge b{color:var(--gold);letter-spacing:1px}.net-badge.off{opacity:.5;animation:net-off 1s ease-in-out infinite alternate}@keyframes net-off{to{opacity:.9}}.net-badge .n{margin-left:4px}.touch-ui .net-badge{left:calc(296px + env(safe-area-inset-left,0px));top:calc(8px + env(safe-area-inset-top,0px));transform:none;width:42px;height:42px;padding:0;border-radius:50%;font-size:19px;display:flex;align-items:center;justify-content:center}.touch-ui .net-badge .code{display:none}.touch-ui .net-badge .n{position:absolute;right:-3px;top:-3px;margin:0;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--gold);color:#111;font:700 11px/17px var(--font-body)}.touch-ui .net-panel{left:calc(146px + env(safe-area-inset-left,0px));transform:none;top:calc(56px + env(safe-area-inset-top,0px));max-height:calc(100% - 64px)}.net-panel{position:fixed;top:calc(50px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:30;width:min(340px,86vw);max-height:calc(100% - 66px);overflow-y:auto;pointer-events:auto;background:#0c0e12f0;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px 14px;color:var(--text);font-size:14px;box-shadow:0 10px 30px #00000080}.net-panel .head{display:flex;align-items:center;justify-content:space-between;font-size:17px}.net-panel .head b{color:var(--gold);letter-spacing:1px}.net-panel .x{background:none;border:0;color:var(--muted);font-size:18px;padding:4px 6px;cursor:pointer}.net-panel ul{list-style:none;margin:6px 0;padding:0;display:flex;flex-direction:column;gap:5px}.net-panel li{display:flex;align-items:center;gap:8px}.net-panel li i{width:10px;height:10px;border-radius:50%;flex:none}.net-panel li small,.net-panel .small{color:var(--muted);font-size:12px;margin:4px 0}.net-panel .acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.net-panel .acts .btn{flex:1 1 auto;padding:8px 10px;font-size:13px;min-width:0}.net-panel .aviso:empty{display:none}.net-chat{position:fixed;left:22px;bottom:260px;width:min(380px,70vw);z-index:12;pointer-events:none;display:flex;flex-direction:column;gap:6px;font-size:14px}.net-chat .log{display:flex;flex-direction:column;gap:3px}.net-chat .line{background:#0a0c108c;padding:3px 8px;border-radius:4px;width:fit-content;max-width:100%;overflow-wrap:anywhere;transition:opacity .6s;text-shadow:0 1px 2px #000}.net-chat .line.sys{color:var(--muted);font-style:italic}.net-chat .line.faded{opacity:0}.net-chat input{pointer-events:auto;width:100%;padding:8px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.25);background:#0a0c10d9;color:#fff;font:15px var(--font-body);outline:none}.net-chat input:focus{border-color:var(--gold)}.net-chat .form{display:flex;gap:6px;pointer-events:auto}.net-chat .form.hidden{display:none}.net-chat .form button{flex:none;padding:0 14px;border-radius:6px;border:1px solid rgba(245,197,24,.8);background:#f5c5184d;color:#fff;font:600 15px var(--font-body);touch-action:manipulation}.net-chat .form button.cancel{border-color:#ffffff40;background:#0a0c10d9;padding:0 12px}.hud-notify .sel{user-select:all;font-size:13px;color:var(--gold);overflow-wrap:anywhere}@media(max-width:700px){.net-chat{bottom:330px;font-size:13px}}.mapscreen .mapchoice{position:absolute;z-index:3;width:220px;display:flex;flex-direction:column;gap:6px;padding:10px;background:var(--panel);border:1px solid rgba(255,255,255,.15);border-radius:8px;box-shadow:0 6px 18px #00000080}.mapscreen .mapchoice .where{font-size:13px;color:var(--gold);padding:0 2px 2px}.mapscreen .mapchoice .btn{padding:8px 10px;font-size:15px}html.listo,html.listo body{background:#0b0d10}.loc-hud{position:absolute;left:50%;top:110px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.loc-pill{background:var(--panel);border-left:4px solid #c792ea;border-radius:4px;padding:5px 12px;font-family:var(--font-title);font-size:22px;letter-spacing:1px;color:#fff;white-space:nowrap;text-shadow:0 2px 3px rgba(0,0,0,.7)}.loc-pill.hidden{display:none}.loc-pill.rain{border-left-color:#c792ea}.loc-pill.power{border-left-color:#7bd66f}.loc-pill.bump{animation:locbump .25s ease-out}@keyframes locbump{0%{transform:scale(1.18)}to{transform:none}}.loc-air{position:absolute;left:50%;top:24%;transform:translate(-50%);font-family:var(--font-title);font-size:30px;color:#ffd84a;letter-spacing:2px;text-shadow:0 3px 0 rgba(0,0,0,.55),0 0 12px rgba(0,0,0,.5);pointer-events:none;white-space:nowrap}.loc-air.hidden{display:none}.touch-ui .loc-hud{left:calc(14px + env(safe-area-inset-left,0px));top:calc(146px + env(safe-area-inset-top,0px));transform:none;align-items:flex-start;gap:4px}.touch-ui .hud:has(.hud-timer.show) .loc-hud{top:calc(186px + env(safe-area-inset-top,0px))}.touch-ui .loc-pill{font-size:15px;padding:3px 9px}.touch-ui .loc-air{font-size:22px;top:auto;bottom:calc(172px + env(safe-area-inset-bottom,0px))}.touch-ui.portrait .loc-hud{top:calc(196px + env(safe-area-inset-top,0px))}.touch-ui.portrait .hud:has(.hud-timer.show) .loc-hud{top:calc(236px + env(safe-area-inset-top,0px))}.panel.locuras .lsec{background:#ffffff0d;border-radius:8px;padding:10px 12px;margin-bottom:10px}.panel.locuras .lsec h3{margin:0 0 4px;font-size:16px;color:var(--gold);font-weight:600}.panel.locuras .lsec p{margin:2px 0 8px;font-size:13px;color:var(--muted);line-height:1.4}.panel.locuras .acts{display:flex;gap:8px;flex-wrap:wrap}.panel.locuras .acts .btn{padding:9px 12px;font-size:14px;flex:1 1 auto;justify-content:center}.panel.locuras .slist{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:6px}.panel.locuras .slist li{display:flex;align-items:center;gap:8px;font-size:14px;color:#ddd8cc;line-height:1.3}.panel.locuras .slist li.no{color:var(--muted);font-style:italic}.panel.locuras .slist li .n{flex:1}.panel.locuras .slist li .btn{padding:6px 10px;font-size:13px}.panel.locuras .ramps{display:grid;grid-template-columns:1fr 1fr;gap:6px}.panel.locuras .ramps .btn{padding:8px 10px;font-size:13px}.touch-ui .panel.locuras .ramps{grid-template-columns:1fr 1fr 1fr}