:root{--acento: #f2a65a;--tinta: #2b2320}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#b8d8c8;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--tinta);touch-action:none;overscroll-behavior:none}#lienzo{position:fixed;inset:0;width:100%;height:100%;display:block}#hud{position:fixed;top:max(10px,env(safe-area-inset-top));left:0;right:0;padding:0 14px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;user-select:none}#hud>div{background:#fffaf0d9;border-radius:12px;padding:6px 12px;font-weight:700;box-shadow:0 2px #0000001f}#hud-calle{font-size:15px;max-width:55vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#hud-velocidad{font-size:20px;min-width:76px;text-align:right}#hud-velocidad small{font-size:11px;margin-left:3px;font-weight:500}#hud-dinero{font-size:15px;color:#2e7d4f;white-space:nowrap}#joystick{position:fixed;left:22px;bottom:max(26px,env(safe-area-inset-bottom));width:132px;height:132px;border-radius:50%;background:#ffffff47;border:2px solid rgba(255,255,255,.6);display:none;touch-action:none}#joystick-bola{position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:#fffaf0e6;box-shadow:0 3px #0000002e}#boton-freno{position:fixed;right:22px;bottom:max(40px,env(safe-area-inset-bottom));width:96px;height:96px;border-radius:50%;border:0;background:#e9553f;color:#fff;font-weight:800;font-size:16px;letter-spacing:1px;box-shadow:0 5px #a33726;display:none;touch-action:none;user-select:none}#boton-freno:active{transform:translateY(3px);box-shadow:0 2px #a33726}#boton-accion{position:fixed;right:34px;bottom:max(150px,calc(env(safe-area-inset-bottom) + 110px));width:72px;height:72px;border-radius:50%;border:0;background:#2b2320;color:#fff;font-weight:800;font-size:12px;letter-spacing:1px;box-shadow:0 4px #0f0a08;display:none;touch-action:none;user-select:none}#boton-accion:active{transform:translateY(3px);box-shadow:0 1px #0f0a08}#boton-claxon{position:fixed;right:130px;bottom:max(150px,calc(env(safe-area-inset-bottom) + 110px));width:60px;height:60px;border-radius:50%;border:0;background:#f2c14e;color:#2b2320;font-weight:800;font-size:12px;box-shadow:0 4px #a8842a;display:none;touch-action:none;user-select:none}#boton-claxon:active{transform:translateY(3px);box-shadow:0 1px #a8842a}body.tactil #joystick,body.tactil #boton-freno,body.tactil #boton-accion,body.tactil #boton-claxon{display:block}#portada{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:linear-gradient(#ffe9c9,#f6c58f);text-align:center;padding:24px;z-index:10}#portada img{width:min(72vw,360px);image-rendering:auto}#portada p{margin:0;max-width:420px;font-size:17px}#portada .ayuda{font-size:13px;opacity:.75}#portada .creditos{font-size:12px;opacity:.7;position:absolute;bottom:max(12px,env(safe-area-inset-bottom))}#portada a{color:inherit}#boton-jugar{font-size:24px;font-weight:900;padding:14px 48px;border:0;border-radius:16px;background:var(--tinta);color:#fff;box-shadow:0 6px #0f0a08;cursor:pointer;letter-spacing:2px}#boton-jugar:active{transform:translateY(4px);box-shadow:0 2px #0f0a08}#portada.oculta{display:none}#aviso{position:fixed;left:50%;bottom:18%;transform:translate(-50%);background:#2b2320d9;color:#fff;padding:8px 16px;border-radius:10px;font-weight:700;pointer-events:none;opacity:0;transition:opacity .3s;width:max-content;max-width:88vw;text-align:center}#aviso.visible{opacity:1}#racha{position:fixed;left:50%;top:18%;transform:translate(-50%) rotate(-6deg);font-size:34px;font-weight:900;color:#e9553f;text-shadow:3px 3px 0 #fff5e6;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s}#racha.visible{opacity:1;transform:translate(-50%) rotate(-6deg) scale(1.1)}#estrellas{position:fixed;top:max(50px,calc(env(safe-area-inset-top) + 40px));right:14px;font-size:22px;letter-spacing:2px;color:#f2b134;text-shadow:0 2px 0 rgba(0,0,0,.2);pointer-events:none;user-select:none}#estrellas .apagada{color:#ffffff59}#estrellas.alerta{animation:parpadeo .5s steps(2) infinite}@keyframes parpadeo{to{color:#ff5a5a}}#trincao{position:fixed;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;background:#141e50bf;color:#fff;text-align:center;padding:24px;z-index:5;pointer-events:none}#trincao.visible{display:flex}#trincao .titulo{font-size:56px;font-weight:900;letter-spacing:3px;transform:rotate(-4deg);text-shadow:4px 4px 0 #1f4fd8}#trincao p{max-width:320px;font-size:16px}#hud-hora{position:fixed;top:max(50px,calc(env(safe-area-inset-top) + 40px));left:14px;font-size:13px;font-weight:700;color:#fffaf0e6;text-shadow:0 1px 2px rgba(0,0,0,.4);pointer-events:none}#hud-mecheros{position:fixed;top:max(72px,calc(env(safe-area-inset-top) + 62px));left:14px;font-size:13px;font-weight:700;color:#fffaf0e6;text-shadow:0 1px 2px rgba(0,0,0,.4);pointer-events:none}#velo{position:fixed;inset:0;background:#000;opacity:0;transition:opacity .9s;pointer-events:none;z-index:6}#velo.negro{opacity:1}#rotulo-bus{position:fixed;left:50%;bottom:14%;transform:translate(-50%);color:#fff;font-size:22px;font-weight:900;letter-spacing:1px;text-shadow:0 2px 0 #000,0 0 18px rgba(0,0,0,.6);opacity:0;transition:opacity .6s;pointer-events:none;z-index:7;white-space:nowrap}#rotulo-bus.visible{opacity:1}body.en-bus #joystick,body.en-bus #boton-freno,body.en-bus #boton-accion,body.en-bus #boton-claxon,body.en-bus #hud,body.en-bus #estrellas,body.en-bus #hud-mecheros{display:none}#boton-foto{position:fixed;right:14px;top:max(132px,calc(env(safe-area-inset-top) + 122px));width:40px;height:40px;border-radius:50%;border:0;background:#fffaf0d9;color:var(--tinta);font-size:18px;align-items:center;justify-content:center;padding:0;box-shadow:0 2px #0000001f;display:none;touch-action:none;user-select:none;cursor:pointer}body.jugando #boton-foto{display:flex}body.en-bus #boton-foto{display:none}#boton-altavoz{position:fixed;right:14px;top:max(254px,calc(env(safe-area-inset-top) + 244px));width:40px;height:40px;border-radius:50%;border:0;background:#fffaf0d9;color:var(--tinta);font-size:18px;display:none;align-items:center;justify-content:center;padding:0;box-shadow:0 2px #0000001f;touch-action:none;user-select:none;cursor:pointer}body.jugando #boton-altavoz{display:flex}body.en-bus #boton-altavoz{display:none}#boton-altavoz.encendido{background:#f2c14e;box-shadow:0 2px #a8842a}#boton-menu{position:fixed;right:14px;top:max(84px,calc(env(safe-area-inset-top) + 74px));width:40px;height:40px;border-radius:50%;border:0;background:#fffaf0d9;color:var(--tinta);font-size:20px;font-weight:800;box-shadow:0 2px #0000001f;display:none;touch-action:none;user-select:none;cursor:pointer}body.jugando #boton-menu{display:block}body.en-bus #boton-menu{display:none}#menu{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#2b23208c;z-index:12;padding:16px}#menu.visible{display:flex}#menu .caja{width:min(92vw,440px);max-height:88vh;display:flex;flex-direction:column;background:#fff8ee;border-radius:18px;box-shadow:0 8px #00000040;overflow:hidden}#menu .pestanas{display:flex}#menu .pestanas button{flex:1;border:0;padding:12px 1px;font-weight:800;font-size:10px;letter-spacing:.3px;background:#f2e3c2;color:var(--tinta);cursor:pointer}#menu .pestanas button.activa{background:#fff8ee}#menu .cuerpo{flex:1;overflow-y:auto;padding:12px 16px;font-size:14px;line-height:1.4;-webkit-overflow-scrolling:touch;touch-action:pan-y}#menu .cuerpo p{margin:0 0 10px}#menu .cuerpo a{color:inherit}#menu .peque{font-size:12px;opacity:.75}#menu .fila{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid rgba(43,35,32,.1)}#menu .moto{display:grid;grid-template-columns:22px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;width:100%;text-align:left;border:2px solid transparent;border-radius:12px;padding:8px 10px;margin:0 0 8px;background:#fff;color:var(--tinta);font:inherit;cursor:pointer}#menu .moto.elegida{border-color:var(--acento)}#menu .moto.bloqueada{opacity:.5;cursor:default}#menu .moto .color{width:22px;height:22px;border-radius:50%;grid-row:span 2}#menu .moto .nombre{font-weight:800}#menu .moto .stats{display:flex;gap:8px;font-size:11px}#menu .moto .stats span{flex:1;display:flex;flex-direction:column;gap:2px}#menu .moto .stats i{display:block;height:5px;border-radius:3px;background:var(--acento)}#menu canvas.mapa{display:block;border-radius:12px;margin:0 auto 8px;box-shadow:0 2px #0000001f}#menu .leyenda{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:11px}#menu .leyenda i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;vertical-align:middle;border:1px solid #fffaf0}#menu h3{margin:14px 0 4px;font-size:14px;letter-spacing:1px;text-transform:uppercase}#menu .mejora{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(43,35,32,.1)}#menu .mejora .niveles{display:flex;gap:3px}#menu .mejora .niveles i{width:9px;height:9px;border-radius:50%;background:#2b232026}#menu .mejora .niveles i.lleno{background:var(--acento)}#menu .mejora button{border:0;border-radius:10px;padding:8px 10px;font-weight:800;font-size:12px;background:var(--tinta);color:#fff;cursor:pointer;min-width:64px}#menu .mejora button:disabled{opacity:.4;cursor:default}#menu .mejora .tope{font-size:11px;font-weight:800;opacity:.6}#menu .calidades{display:flex;gap:6px}#menu .calidad{border:2px solid rgba(43,35,32,.2);background:#fff;color:var(--tinta);border-radius:10px;padding:8px 10px;font-weight:800;font-size:11px;cursor:pointer}#menu .calidad.elegida{border-color:var(--acento);background:var(--acento);color:#fff}#menu .logro{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid rgba(43,35,32,.1);opacity:.55}#menu .logro.hecho{opacity:1}#menu .logro .sello{font-size:20px;color:var(--acento);text-align:center}#menu .pie{display:flex;gap:10px;padding:12px 16px;background:#f2e3c2}#menu .pie button{flex:1;border:0;border-radius:12px;padding:12px;font-weight:900;letter-spacing:1px;cursor:pointer;font-size:14px}#menu .pie .principal{background:var(--tinta);color:#fff;box-shadow:0 4px #0f0a08}#menu .pie .secundario{background:#fff;color:var(--tinta);box-shadow:0 4px #00000026}#portada .extras{display:flex;gap:8px}#portada .extras button{border:0;border-radius:12px;padding:10px 14px;font-weight:800;font-size:12px;letter-spacing:1px;background:#ffffffb3;color:var(--tinta);box-shadow:0 3px #0000001f;cursor:pointer}#hud-carrera{position:fixed;top:max(50px,calc(env(safe-area-inset-top) + 40px));left:50%;transform:translate(-50%);background:#ffd23f;color:#2b2320;font-weight:900;font-size:16px;padding:5px 14px;border-radius:12px;box-shadow:0 3px #a8842a;display:none;pointer-events:none;max-width:86vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#hud-carrera.visible{display:block}body.en-bus #hud-carrera{display:none}:root{--sat: env(safe-area-inset-top, 0px)}#minimapa{position:fixed;right:12px;top:max(132px,calc(env(safe-area-inset-top) + 122px));width:112px;height:112px;border-radius:50%;display:none;touch-action:none;user-select:none;background:transparent}body.jugando #minimapa{display:block}body.en-bus #minimapa{display:none}#minimapa.plegado{width:28px;height:28px}#minimapa.apaisado{right:auto;left:14px;top:calc(92px + env(safe-area-inset-top))}