:root{--bordo:#2c0912;--vino:#7a1b31;--crema:#f7f0e4;--superficie:#f0e5d2;--tinta:#3a2a22;--bronce:#6b573c;--dorado:#b08a4a;--dorado-claro:#e0c795;--titulos:"Cormorant Garamond", Georgia, serif;--texto:"Karla", system-ui, -apple-system, "Segoe UI", sans-serif;--seg-top:env(safe-area-inset-top,0px);--seg-bottom:env(safe-area-inset-bottom,0px);--seg-left:env(safe-area-inset-left,0px);--seg-right:env(safe-area-inset-right,0px)}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bordo);color:var(--tinta);font-family:var(--texto);-webkit-tap-highlight-color:transparent;overflow:hidden}[hidden]{display:none!important}#app{position:fixed;inset:0;overflow:hidden}#escena{touch-action:none;position:absolute;inset:0}#escena canvas{width:100%;height:100%;display:block}.pantalla{place-items:center;padding:24px 16px;display:grid;position:absolute;inset:0}.inicio,.cargando{--poster:url(/juego/img/poster-v.webp);background:linear-gradient(180deg, #2c0912bd 0%, #2c0912db 38%, #2c0912e6 68%, #2c09128c 100%), var(--poster) center 75% / cover no-repeat, var(--bordo)}@media (orientation:landscape){.inicio,.cargando{--poster:url(/juego/img/poster-h.webp)}}.inicio{color:var(--crema);touch-action:pan-y;overflow-y:auto}.inicio-contenido{text-align:center;width:min(440px,100%)}.inicio-logo{width:88px;height:88px;margin:0 auto 10px;display:block}.kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--dorado-claro);margin:0 0 6px;font-size:.75rem;font-weight:700}h1{font-family:var(--titulos);margin:0 0 14px;font-size:clamp(2.6rem,11vw,4rem);font-weight:600;line-height:1}.bajada{color:#f7f0e4d9;max-width:34ch;margin:0 auto 26px;line-height:1.5}.form-inicio{text-align:left;gap:10px;margin-bottom:18px;display:grid}.form-inicio label{color:var(--dorado-claro);font-size:.9rem;font-weight:600}.form-inicio input{font:500 1.05rem var(--texto);background:var(--crema);color:var(--bordo);border:2px solid #0000;border-radius:12px;width:100%;padding:14px 16px}.form-inicio input::placeholder{color:#9a8a7c}.form-inicio input:focus-visible{border-color:var(--dorado-claro);outline:none}.btn{font:700 1.05rem var(--texto);cursor:pointer;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:15px 28px;text-decoration:none;display:inline-flex}.btn:focus-visible,.btn-texto:focus-visible,.ctl:focus-visible,.btn-saltar:focus-visible,a:focus-visible{outline:3px solid var(--dorado-claro);outline-offset:3px}.btn-principal{background:var(--dorado-claro);color:var(--bordo)}.btn-principal:hover{background:#ebd6aa}.btn-secundario{color:var(--vino);border-color:var(--vino);background:0 0}.btn-secundario:hover{background:var(--vino);color:var(--crema)}#jugar{margin-top:6px;font-size:1.2rem}.inicio-links{flex-wrap:wrap;justify-content:center;gap:8px 22px;display:flex}.titulo-pantalla{font-family:var(--titulos);color:var(--crema);margin:0 0 22px;font-size:clamp(2.2rem,9vw,3.2rem);font-weight:600;line-height:1.05}.pregunta-botones{gap:12px;max-width:320px;margin:0 auto;display:grid}.btn-contorno{color:var(--crema);background:0 0;border-color:#f7f0e499}.btn-contorno:hover{border-color:var(--crema);background:#f7f0e414}.link-berco{color:var(--crema);font-weight:600}.legal{letter-spacing:.02em;opacity:.7;margin:22px 0 0;font-size:.72rem}.cargando{color:var(--crema);font-family:var(--titulos);align-content:center;gap:18px;font-size:1.6rem}.cargando p{margin:0}.barra-carga{background:#f7f0e426;border-radius:999px;width:min(260px,70vw);height:6px;overflow:hidden}.barra-carga span{border-radius:inherit;background:linear-gradient(90deg, var(--dorado), var(--dorado-claro));width:4%;height:100%;transition:width .35s ease-out;display:block}.hud{pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud-izq{top:calc(12px + var(--seg-top));left:calc(12px + var(--seg-left));pointer-events:none;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute}.hud-izq>*{pointer-events:auto}.hud-berco{color:var(--vino);background:#f7f0e4e6;border-radius:999px;margin-left:46px;padding:8px 14px;font-size:.85rem;font-weight:700;text-decoration:none;box-shadow:0 2px 8px #2c09122e}.btn-sonido{z-index:8;top:calc(12px + var(--seg-top));left:calc(12px + var(--seg-left));width:36px;height:36px;color:var(--vino);cursor:pointer;background:#f7f0e4e6;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;box-shadow:0 2px 8px #2c09122e}.btn-sonido svg{width:22px;height:22px}.btn-sonido .cruz,.btn-sonido.silenciado .ondas{display:none}.btn-sonido.silenciado .cruz{display:inline}.btn-sonido:focus-visible{outline:3px solid var(--dorado-claro);outline-offset:3px}.hud-izq,.gps,body.tactil .controles{transition:opacity .6s}body[data-estado=dron] .hud-izq,body[data-estado=dron] .gps,body[data-estado=dron] .controles{opacity:0;pointer-events:none}body[data-estado=dron] .hud-izq>*,body[data-estado=dron] .ctl{pointer-events:none}.titulo-dron{text-align:center;color:var(--crema);pointer-events:none;text-shadow:0 2px 18px #2c091299;animation:6.2s forwards titulo-dron;position:absolute;top:20%;left:16px;right:16px}.titulo-dron .kicker{color:var(--crema);margin-bottom:8px}.titulo-dron h2{font-family:var(--titulos);margin:0;font-size:clamp(2.3rem,9vw,3.8rem);font-weight:600;line-height:1.02}@keyframes titulo-dron{0%,12%{opacity:0;transform:translateY(12px)}28%{opacity:1;transform:none}78%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.marcador{background:var(--bordo);color:var(--crema);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:14px;flex-direction:column;gap:2px;padding:8px 12px;display:flex;box-shadow:0 2px 8px #2c091240}.marcador-puntos{align-items:baseline;gap:5px;font-size:1.35rem;font-weight:800;line-height:1.1;display:flex}.marcador-puntos small{color:var(--dorado-claro);font-size:.72rem;font-weight:700}.racha{background:var(--dorado-claro);color:var(--bordo);border-radius:999px;align-self:center;margin-left:4px;padding:2px 7px;font-size:.75rem;font-weight:800}.marcador-linea{color:var(--dorado-claro);align-items:center;gap:5px;font-size:.8rem;font-weight:600;display:flex}.marcador-linea svg{width:14px;height:14px}.penal{color:#fff;pointer-events:none;background:#c0392b;border-radius:999px;padding:6px 12px;font-size:.95rem;font-weight:800;box-shadow:0 2px 10px #2c09124d}.penal.bono{background:var(--dorado-claro);color:var(--bordo)}.penal.animar{animation:1.4s ease-out forwards penal}@keyframes penal{0%{opacity:0;transform:scale(.6)}12%{opacity:1;transform:scale(1.12)}25%{transform:scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.velocidad{left:50%;bottom:calc(22px + var(--seg-bottom));color:var(--crema);font-variant-numeric:tabular-nums;pointer-events:none;background:#2c0912c7;border-radius:999px;padding:6px 14px;font-size:1rem;font-weight:800;position:absolute;transform:translate(-50%)}body:not([data-estado=manejo]):not([data-estado=saliendo]):not([data-estado=estacionando]) .velocidad{display:none}.gps{top:calc(12px + var(--seg-top));right:calc(12px + var(--seg-right));pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute}.minimapa{border-radius:50%;width:132px;height:132px;display:block;box-shadow:0 4px 14px #2c091247}.giro,.destino{background:var(--bordo);color:var(--crema);border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 2px 8px #2c091240}.giro-flecha{width:20px;height:20px;color:var(--dorado-claro)}.giro.derecha .giro-flecha{transform:scaleX(-1)}.destino{color:var(--tinta);background:#f7f0e4eb;font-size:.8rem;font-weight:600}.aviso{left:50%;bottom:calc(26px + var(--seg-bottom));width:max-content;max-width:calc(100% - 32px);color:var(--bordo);font-family:var(--titulos);background:#f7f0e4f2;border-radius:16px;align-items:center;gap:14px;padding:10px 10px 10px 18px;font-size:1.25rem;font-weight:600;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px 16px #2c091240}.btn-saltar{font:700 .9rem var(--texto);background:var(--vino);min-height:44px;color:var(--crema);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;padding:10px 16px}.ayuda{left:50%;bottom:calc(104px + var(--seg-bottom));color:var(--crema);white-space:nowrap;background:#2c0912d1;border-radius:999px;margin:0;padding:8px 16px;font-size:.9rem;position:absolute;transform:translate(-50%)}.controles{display:none}body.tactil .controles{padding:0 calc(16px + var(--seg-right)) calc(18px + var(--seg-bottom)) calc(16px + var(--seg-left));pointer-events:none;justify-content:space-between;align-items:flex-end;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.controles.inactivo{opacity:.35}.controles-giro{gap:14px;display:flex}.ctl{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;width:76px;height:76px;color:var(--vino);font:800 .8rem var(--texto);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#f7f0e4e0;border:0;border-radius:50%;place-items:center;display:grid;box-shadow:0 4px 14px #2c091247}.ctl svg{width:34px;height:34px}.ctl.activo{background:var(--vino);color:var(--crema);transform:scale(.95)}.controles-pedales{align-items:flex-end;gap:12px;display:flex}.ctl-pedal{border-radius:22px;width:72px;height:92px}.ctl-acelerar{height:112px;color:var(--bordo);background:#e0c795f2;flex-direction:column;gap:2px;display:flex}.ctl-acelerar svg{width:30px;height:30px}.ctl-acelerar span{font-size:.65rem}.ctl-acelerar.activo{background:var(--dorado);color:var(--bordo)}body.tactil .velocidad{bottom:calc(140px + var(--seg-bottom))}.resultado{margin:4px 0 10px}.puntaje{font-family:var(--texto);color:var(--vino);font-variant-numeric:lining-nums tabular-nums;margin:0;font-size:clamp(2rem,8vw,2.6rem);font-weight:800;line-height:1}.puntaje small{font-family:var(--texto);color:var(--tinta);font-size:.9rem;font-weight:700}.resultado-cuenta{color:var(--bronce);margin:6px 0 0;font-size:.82rem;font-weight:700}.resultado-detalle{color:var(--tinta);margin:4px 0 0;font-size:.9rem}.minijuego{touch-action:none;z-index:5;background:#2c0912b8;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.mj-caja{text-align:center;background:var(--crema);width:min(380px,100%);max-height:100%;color:var(--bordo);-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:22px;padding:16px 18px 14px;overflow:hidden;box-shadow:0 10px 40px #00000059}.mj-caja .kicker{color:var(--dorado);margin-bottom:2px}.mj-caja h2{font-family:var(--titulos);margin:0;font-size:1.9rem;font-weight:600;line-height:1.1}.mj-ayuda{color:var(--vino);min-height:1.4em;margin:4px 0 6px;font-weight:700}.mj-svg{aspect-ratio:300/420;background:radial-gradient(60% 50% at 50% 60%, #efe3cf 0%, var(--superficie) 70%);border-radius:14px;width:auto;height:min(46dvh,360px);margin:0 auto;display:block}.mj-estado{color:var(--bronce);margin:6px 0 0;font-size:.85rem;font-weight:700}.mj-resultado{min-height:1.5em;font-family:var(--titulos);margin:2px 0 0;font-size:1.35rem;font-weight:600}.mj-regla{color:var(--tinta);opacity:.8;margin:2px 0 8px;font-size:.75rem}.nuevo-record{background:var(--dorado-claro);color:var(--bordo);border-radius:999px;margin:8px 0 0;padding:4px 12px;font-size:.85rem;font-weight:800;display:inline-block}body[data-estado=intro] .aviso,body[data-estado=parada] .aviso{bottom:calc(120px + var(--seg-bottom))}body:not(.tactil)[data-estado=intro] .aviso,body:not(.tactil)[data-estado=parada] .aviso{bottom:calc(26px + var(--seg-bottom))}.debug{left:8px;top:calc(170px + var(--seg-top));white-space:pre-wrap;color:#fff;pointer-events:none;background:#0000008c;border-radius:6px;max-width:60vw;margin:0;padding:6px 8px;font:11px/1.4 ui-monospace,Consolas,monospace;position:absolute}.revelado{background:#f7f0e400;transition:background .8s;position:absolute;inset:0}.revelado.activo{background:var(--crema)}.mapa-final{background:#f3eadb;border-radius:50%;width:100%;height:100%;transition:left 1.1s ease-in-out,top 1.1s ease-in-out,width 1.1s ease-in-out,height 1.1s ease-in-out,border-radius 1.1s ease-in-out;position:absolute;top:0;left:0;overflow:hidden}.mapa-final.expandido{border-radius:0;width:100%;height:100%;top:0;left:0}.svg-copa{width:100%;height:100%;display:block}.linea-copa{transition:stroke 1.2s}.copa-lista .linea-copa{stroke:var(--bordo)}.paradas-copa{opacity:0;font:700 19px var(--texto);fill:var(--tinta);transition:opacity .8s}.copa-lista .paradas-copa{opacity:1}.cierre{padding:22px 20px calc(20px + var(--seg-bottom));background:var(--crema);text-align:center;border-radius:22px 22px 0 0;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -8px 30px #2c091226}.con-cierre .cierre{transform:translateY(0)}.cierre .kicker{color:var(--dorado)}.kicker-logo{justify-content:center;align-items:center;gap:8px;display:flex}.kicker-logo img{width:30px;height:30px}.cierre h2:focus{outline:none}.cordillera-copa{opacity:0;transition:opacity 1.4s}.copa-lista .cordillera-copa{opacity:1}.cierre h2{font-family:var(--titulos);color:var(--bordo);margin:0 0 8px;font-size:clamp(1.7rem,6.5vw,2.4rem);font-weight:600;line-height:1.05}.cierre-bajada{color:var(--tinta);margin:0 0 16px}.acciones{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.acciones .btn{flex:150px;max-width:320px;padding-left:16px;padding-right:16px}.cierre .btn-principal{background:var(--vino);color:var(--crema)}.cierre .btn-principal:hover{background:#8e2344}.btn-texto{color:var(--vino);font:700 .95rem var(--texto);cursor:pointer;background:0 0;border:0;margin-top:12px;padding:8px;text-decoration:underline}.cierre .legal{color:var(--tinta);margin-top:8px}.con-cierre .mapa-final.expandido{height:calc(100% - var(--alto-cierre,330px) - 4px)}@media (orientation:landscape) and (width>=760px){.minimapa{width:168px;height:168px}.cierre{border-radius:0;flex-direction:column;justify-content:center;width:400px;padding:32px;display:flex;top:0;left:auto;transform:translate(100%)}.con-cierre .cierre{transform:translate(0)}.con-cierre .mapa-final.expandido{width:calc(100% - 400px);height:100%}.acciones{flex-direction:column;align-items:stretch}.acciones .btn{flex:none;max-width:none}}@media (prefers-reduced-motion:reduce){.mapa-final,.cierre,.revelado,.linea-copa,.paradas-copa{transition-duration:10ms}.titulo-dron{animation:none}}