@font-face{font-family:Racers Delight;src:url(/fonts/RacersDelight.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}:root{--panel:#fff;--borde:#c3d4e3;--texto:#12202e;--suave:#4a6379;--acento:#ffcf33;--acento-borde:#c99700;--r:14px;--mar:#367cbd;--opcion-alto:3.4rem}*{box-sizing:border-box}html{color-scheme:light}html:has(dialog[open]){overflow:hidden}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#fff,#f2f7fb 40%,#dceaf7,#bcd8ef);color:var(--texto);font-family:Trebuchet MS,Segoe UI,sans-serif;line-height:1.55}h1,h2,h3{font-family:Arial Black,Segoe UI,sans-serif;font-style:italic;letter-spacing:-.01em;margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--acento);outline-offset:3px}.wrap{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 4rem}.titulo,.opcion,.btn,.volver,.cabecera h1,.titulo-estrategia,.ayuda,.atajo h3{font-family:Racers Delight,Trebuchet MS,sans-serif;font-weight:400;font-style:normal}.titulo{font-size:clamp(2.2rem,7vw,4.2rem);line-height:1.08;margin:2rem 0 1.5rem;text-align:center;color:#000}.titulo span{display:block}.titulo span+span{font-size:.62em}.letra-w{color:#d97706}.letra-o{color:#1f4e8c}.letra-r{color:#2f9e44}.letra-l{color:#e03131}.titulo i{-webkit-text-stroke:.09em #000;paint-order:stroke fill}.letra-d{color:#0891b2}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.4rem;border-radius:999px;border:2px solid var(--borde);background:var(--panel);color:var(--texto);cursor:pointer;text-decoration:none}.btn:hover,.btn[aria-pressed=true]{background:var(--acento);color:#1a1a1a;border-color:var(--acento-borde)}.oculto{display:none!important}.mapa{position:relative;border-radius:var(--r);overflow:hidden}.mapa>img{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(to right,transparent,#000 11%,#000 89%,transparent),linear-gradient(to bottom,transparent,#000 11%,#000 89%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 11%,#000 89%,transparent),linear-gradient(to bottom,transparent,#000 11%,#000 89%,transparent);mask-composite:intersect}.pin{position:absolute;width:9%;min-width:44px;transform:translate(-50%,-50%);background:none;border:0;padding:0;cursor:pointer;transition:transform .15s}.pin:hover{transform:translate(-50%,-50%) scale(1.15)}.pin img{width:100%;display:block}dialog#menu{border:0;background:none;padding:1rem;color:var(--texto);width:min(760px,94vw);max-height:90vh;overflow:auto}dialog#menu::backdrop{background:#0a141ec7;backdrop-filter:blur(6px)}.menu{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem;width:100%}.cards{display:grid;gap:.5rem;align-content:center;grid-template-rows:100%;height:min(38vw,260px)}.cards[data-n="1"]{grid-template-columns:minmax(0,1fr);max-width:400px;margin-inline:auto}.cards[data-n="3"]{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}.cards img{height:100%;width:100%;object-fit:contain;border-radius:var(--r);display:block;animation:cardEntra .24s ease-out both}@keyframes cardEntra{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}.cards img.going{height:auto;width:auto;max-width:min(130px,22vw)}.menu ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:.6rem;max-height:calc(6 * var(--opcion-alto) + 5 * .6rem);overflow-y:auto;scrollbar-width:thin;overscroll-behavior:contain}.menu>*{min-width:0}.opcion{display:flex;align-items:center;min-height:var(--opcion-alto);padding:0 1.2rem;border-radius:999px;background:var(--panel);border:2px solid var(--borde);text-decoration:none}a.opcion:hover{background:var(--acento);color:#1a1a1a;border-color:var(--acento-borde)}.prefijo{font-family:Trebuchet MS,Segoe UI,sans-serif}.opcion[aria-disabled=true]{opacity:.45}.cerrar{margin-top:1rem}.cabecera{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;margin:1.5rem 0}.cabecera img{width:140px}.cabecera .copa{width:115px}.cabecera h1{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;font-size:2.1rem}.cabecera h1 .par{display:flex;align-items:center;gap:.6rem}.flecha{font-size:1.8rem;color:var(--suave)}.ruta-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.5rem;margin:1.5rem 0}.ruta-cards figure{margin:0}.ruta-cards .card{width:100%;aspect-ratio:444/317;border-radius:var(--r);display:block}.ruta-cards figcaption{margin-top:.5rem;font-weight:700;text-align:center}.estrategia{max-width:70ch;color:var(--suave)}.titulo-estrategia{display:flex;align-items:center;gap:.6rem;margin:0}.ayuda:before{content:"?"}.ayuda{width:1.7rem;height:1.7rem;flex:0 0 auto;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0;background:#e2e9f0;border:1px solid #b9c6d2;color:var(--suave);cursor:pointer}.ayuda:hover{background:#cfdae5;color:var(--texto)}.bloque-estrategia:has(.ayuda:is(:hover,:focus-visible)) .roles,.bloque-estrategia:has(.roles:hover) .roles{display:block}.bloque-estrategia:has(.ayuda:is(:hover,:focus-visible)) .ayuda:before,.bloque-estrategia:has(.roles:hover) .ayuda:before{content:"¿"}.bloque-estrategia{position:relative;margin:1.6rem 0 .8rem}.roles,.mini{position:absolute;top:100%;left:0;padding:.5rem;border:2px solid var(--borde);border-radius:var(--r);background:var(--panel);box-shadow:0 10px 28px #12202e38}.mini{z-index:5}.roles{z-index:9}.roles{display:none;max-width:min(70ch,92vw)}.roles p{margin:.7rem 0}.mini{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:.5rem}.acciones{position:relative;display:flex;gap:.8rem;flex-wrap:wrap;margin:1.5rem 0}.btn img{width:1.6rem;height:1.6rem;object-fit:contain;flex:0 0 auto}.atajo{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1.5rem;padding:1rem 0;border-top:1px solid var(--borde)}.clip{aspect-ratio:16/9;width:100%;border-radius:var(--r);background:var(--panel);border:2px dashed var(--borde);display:grid;place-items:center;color:var(--suave)}video.clip{border-style:solid;background:#000}.minimapa{position:relative;display:inline-block;background:#f3f0e6;border-radius:var(--r);padding:1rem}.minimapa img{display:block;width:min(320px,80vw)}.bala{position:absolute;width:2rem;height:2rem;transform:translate(-50%,-50%);display:grid;place-items:center;background:#1a1a1a;border-radius:50%;overflow:hidden}.bala img{width:100%;height:100%;object-fit:contain}@media(max-width:700px){.menu,.atajo{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}