@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bungee-latin-400-normal-Dfnurram.woff2)format("woff2"),url(/assets/bungee-latin-400-normal-DA8IEVW_.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(/assets/nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:900;src:url(/assets/nunito-latin-900-normal-BVB1fGs6.woff2)format("woff2"),url(/assets/nunito-latin-900-normal-CVn49sIn.woff)format("woff")}:root{--fondo:#fff4e0;--papel:#fffdf7;--tinta:#1b1033;--naranja:#ff5a1f;--azul:#2d4bff;--amarillo:#ffc93c;--rojo:#f0304a;--verde:#12a66a;--gris:#6a5f80;--suave:#f1dfbb;--radio:14px;--borde:3px solid var(--tinta);--sombra:0 4px 0 var(--tinta);--titular:"Bungee", "Arial Black", system-ui, sans-serif;--texto:"Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;font-family:var(--texto);color:var(--tinta);background:var(--fondo);-webkit-text-size-adjust:100%;font-weight:700}*{box-sizing:border-box}html,body{background:var(--fondo);height:100%;margin:0}body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#app{min-height:100vh;flex-direction:column;max-width:520px;min-height:100dvh;margin:0 auto;display:flex}.zona{height:100vh;min-height:0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:1;height:100dvh;position:relative}.zona__lienzo{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.controles{flex-direction:column;align-items:stretch;gap:18px;padding:0 24px;display:flex;position:absolute;top:44%;left:0;right:0}.controles__valor{text-align:center;font-family:var(--titular);font-variant-numeric:tabular-nums;color:var(--tono,var(--rojo));font-size:60px;line-height:1}.controles input[type=range]{width:100%;height:44px;accent-color:var(--tono,var(--rojo));touch-action:pan-x}.boton{appearance:none;border:var(--borde);border-radius:var(--radio);background:var(--azul);color:#fff;font-family:var(--titular);letter-spacing:.01em;cursor:pointer;min-height:60px;box-shadow:var(--sombra);padding:16px 20px;font-size:19px;line-height:1.15;transition:transform 80ms ease-out,box-shadow 80ms ease-out}.boton:active{box-shadow:0 0 0 var(--tinta);transform:translateY(4px)}.boton:focus-visible{outline:3px solid var(--naranja);outline-offset:3px}.boton--secundario{background:var(--papel);color:var(--tinta)}.nota-final{border:var(--borde);background:var(--amarillo);min-width:104px;color:var(--tinta);box-shadow:var(--sombra);font-family:var(--titular);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;padding:6px 22px;font-size:42px;line-height:1.1;animation:.22s cubic-bezier(.2,1.4,.4,1) both aparecer;position:absolute;top:12%;left:50%;transform:translate(-50%)rotate(-3deg)}@keyframes aparecer{0%{opacity:0;transform:translate(-50%)rotate(-3deg)scale(.4)}to{opacity:1;transform:translate(-50%)rotate(-3deg)scale(1)}}.pantalla{padding:max(24px, env(safe-area-inset-top)) 20px max(28px, env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:16px;display:flex}.pantalla--portada,.pantalla--instruccion{justify-content:center}.marca{font-family:var(--titular);letter-spacing:-.01em;color:var(--tinta);margin:0;font-size:clamp(46px,15.5vw,74px);font-weight:400;line-height:.9}.marca span{color:var(--naranja)}.lema{max-width:24ch;margin:0;font-size:19px;font-weight:800;line-height:1.35}.titulo{font-family:var(--titular);margin:0;font-size:32px;font-weight:400;line-height:1.05}.subtitulo{font-family:var(--titular);margin:8px 0 0;font-size:20px;font-weight:400}.etiqueta{color:var(--gris);text-transform:uppercase;letter-spacing:.04em;flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:900;display:flex}.nota-pie{color:var(--gris);margin:0;font-size:15px;line-height:1.4}.pie{color:var(--gris);flex-wrap:wrap;align-items:center;gap:4px;margin:auto 0 0;padding-top:12px;font-size:15px;display:flex}.privacidad{color:var(--gris);margin:0;font-size:13px;font-weight:600;line-height:1.4}.enlace{appearance:none;font:inherit;color:var(--azul);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:10px 0;font-weight:900;text-decoration:underline;text-decoration-thickness:2px}.enlace:focus-visible{outline:3px solid var(--naranja);outline-offset:3px;border-radius:4px}.mascota{flex:none;display:block}.mascota svg{width:100%;height:100%;display:block}.mascota--flota{animation:2.6s ease-in-out infinite flotar}@keyframes flotar{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.cabecera{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.portada__pruebas{grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 0;padding:0;font-weight:900;list-style:none;display:grid}.portada__pruebas li{border:var(--borde);border-radius:var(--radio);background:var(--papel);align-items:center;gap:10px;padding:12px 14px;display:flex}.portada__pruebas li:nth-child(4n+1){background:#ffe1d4}.portada__pruebas li:nth-child(4n+2){background:#dde3ff}.portada__pruebas li:nth-child(4n+3){background:#fff0c2}.portada__pruebas li:nth-child(4n+4){background:#d8f5e6}.portada__emoji{font-size:22px}.portada__racha{margin:0;font-weight:900}.portada__ayer{color:var(--azul);min-height:1.4em;margin:0;font-weight:900}.instruccion__emoji{border:var(--borde);background:var(--amarillo);width:104px;height:104px;box-shadow:var(--sombra);border-radius:28px;place-items:center;font-size:54px;line-height:1;display:grid;transform:rotate(-4deg)}.instruccion__texto{margin:0 0 8px;font-size:20px;font-weight:800;line-height:1.4}.paises{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pais{appearance:none;border:var(--borde);border-radius:var(--radio);background:var(--papel);min-height:56px;color:var(--tinta);font:inherit;text-align:left;cursor:pointer;box-shadow:0 3px 0 var(--tinta);align-items:center;gap:10px;padding:10px 12px;font-size:15px;font-weight:900;transition:transform 80ms ease-out,box-shadow 80ms ease-out;display:flex}.pais:active{box-shadow:0 0 0 var(--tinta);transform:translateY(3px)}.pais[aria-current=true]{background:var(--amarillo)}.pais:focus-visible{outline:3px solid var(--naranja);outline-offset:2px}.bandera{object-fit:cover;width:28px;height:21px;box-shadow:0 0 0 2px var(--tinta);vertical-align:-4px;border-radius:3px;flex:none}.bandera--grande{border-radius:4px;width:36px;height:27px}.bandera--globo{box-shadow:none;text-align:center;font-size:21px;line-height:21px}.bandera--grande.bandera--globo{font-size:26px;line-height:27px}.pais-linea{align-items:center;gap:8px;display:inline-flex}.total{margin:0;line-height:.85}.total__nota{font-family:var(--titular);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--naranja);-webkit-text-stroke:3px var(--tinta);paint-order:stroke fill;text-shadow:0 6px 0 var(--tinta);font-size:clamp(92px,31vw,140px)}.total__de{font-family:var(--titular);color:var(--gris);margin-left:6px;font-size:22px}.desglose{grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}.desglose li{border:var(--borde);border-radius:var(--radio);background:var(--papel);align-items:center;gap:8px;padding:10px 12px;font-weight:900;display:flex}.desglose__nombre{flex:1;font-size:14px}.desglose__nota{font-family:var(--titular);font-variant-numeric:tabular-nums;font-size:20px}.comparativo{border:var(--borde);border-radius:var(--radio);background:var(--amarillo);min-height:96px;box-shadow:var(--sombra);flex-direction:column;gap:6px;padding:16px;display:flex}.comparativo .nota-pie{color:var(--tinta);opacity:.75}.comparativo__principal{font-family:var(--titular);margin:0;font-size:24px;line-height:1.1}.comparativo__pais{margin:0;font-size:17px;font-weight:900}.aviso{background:var(--papel);border:2px solid var(--tinta);border-radius:10px;margin:6px 0 0;padding:10px 12px;font-size:15px;line-height:1.4}.manual{flex-direction:column;gap:6px;display:flex}.manual:empty{display:none}.manual__texto{border:var(--borde);border-radius:var(--radio);width:100%;font:inherit;resize:none;background:var(--papel);color:var(--tinta);padding:12px;font-size:15px}.marcador{flex-direction:column;gap:8px;display:flex}.marcador:empty{display:none}.marcador__lista{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.marcador__fila{border:var(--borde);border-radius:var(--radio);background:var(--papel);grid-template-columns:40px 1fr auto;grid-template-areas:"puesto pais media""puesto jugadores media";align-items:center;column-gap:8px;padding:10px 12px;display:grid}.marcador__fila--mia{background:#dde3ff}.marcador__puesto{font-family:var(--titular);color:var(--gris);grid-area:puesto}.marcador__pais{grid-area:pais;font-weight:900}.marcador__media{font-family:var(--titular);font-variant-numeric:tabular-nums;grid-area:media;font-size:22px}.marcador__jugadores{color:var(--gris);grid-area:jugadores;font-size:13px}.marcador__lista--provisional .marcador__fila{border-style:dashed}.marcador__lista--provisional .marcador__media{color:var(--gris)}@media (prefers-reduced-motion:reduce){.boton,.pais{transition:none}.mascota--flota,.nota-final{animation:none}}.controles input[type=range]{appearance:none;background:0 0}.controles input[type=range]::-webkit-slider-runnable-track{border:var(--borde);background:linear-gradient(to right, var(--tono,var(--rojo)) var(--relleno,50%), var(--papel) var(--relleno,50%));border-radius:999px;height:18px}.controles input[type=range]::-moz-range-track{border:var(--borde);background:linear-gradient(to right, var(--tono,var(--rojo)) var(--relleno,50%), var(--papel) var(--relleno,50%));border-radius:999px;height:12px}.controles input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:var(--borde);background:var(--amarillo);width:36px;height:36px;box-shadow:0 3px 0 var(--tinta);border-radius:50%;margin-top:-12px}.controles input[type=range]::-moz-range-thumb{border:var(--borde);background:var(--amarillo);width:30px;height:30px;box-shadow:0 3px 0 var(--tinta);border-radius:50%}.controles input[type=range]:focus-visible{outline:3px solid var(--naranja);outline-offset:4px;border-radius:999px}.cabecera__texto{flex-direction:column;gap:8px;display:flex}.marca--mini{font-size:26px;line-height:1}.pantalla--inicio{justify-content:center}.inicio__pasos{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.inicio__paso{border:var(--borde);border-radius:var(--radio);background:var(--papel);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.inicio__numero{border:var(--borde);background:var(--amarillo);width:34px;height:34px;font-family:var(--titular);border-radius:50%;flex:none;place-items:center;font-size:17px;display:grid}.inicio__titulo{font-family:var(--titular);margin:0 0 2px;font-size:17px;font-weight:400;line-height:1.15}.inicio__detalle{color:var(--gris);margin:0;font-size:15px;line-height:1.4}.archivo__lista{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.archivo__reto{appearance:none;border:var(--borde);border-radius:var(--radio);background:var(--papel);width:100%;color:var(--tinta);font:inherit;text-align:left;cursor:pointer;box-shadow:0 3px 0 var(--tinta);align-items:center;gap:12px;padding:10px 14px;transition:transform 80ms ease-out,box-shadow 80ms ease-out;display:flex}.archivo__reto:active{box-shadow:0 0 0 var(--tinta);transform:translateY(3px)}.archivo__reto:focus-visible{outline:3px solid var(--naranja);outline-offset:2px}.archivo__numero{font-family:var(--titular);min-width:56px;color:var(--azul);font-size:22px}.archivo__datos{flex-direction:column;display:flex}.archivo__fecha{font-weight:900}.archivo__estado{color:var(--gris);font-size:14px}@media (min-width:640px){body:not([data-demo]) #app:has(.zona){padding:20px 0}body:not([data-demo]) .zona{border:var(--borde);height:min(100dvh - 40px,860px);box-shadow:0 8px 0 var(--tinta);border-radius:28px;overflow:hidden}}#marco{display:block}#lateral-izq,#lateral-der{display:none}@media (min-width:1100px){body:not([data-demo]) #marco{grid-template-columns:minmax(260px,1fr) 520px minmax(260px,1fr);gap:36px;max-width:1320px;margin:0 auto;padding:0 24px;display:grid}body:not([data-demo]) #marco #app{width:100%;margin:0}body:not([data-demo]) #lateral-izq,body:not([data-demo]) #lateral-der{flex-direction:column;align-self:start;gap:16px;max-width:380px;padding:36px 0;display:flex;position:sticky;top:0}body:not([data-demo]) #lateral-der{justify-self:start}body:not([data-demo]) #lateral-izq{justify-self:end}body:not([data-demo]) .boton--solo-estrecho{display:none}}.practica{border:3px dashed var(--tinta);border-radius:var(--radio);background:var(--papel);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;padding:10px 14px;display:flex}.practica__texto{margin:0;font-weight:900}.practica .enlace{padding:6px 0}.practica__pruebas{grid-template-columns:1fr 1fr;gap:10px;display:grid}.practica__prueba{appearance:none;border:var(--borde);border-radius:var(--radio);background:var(--papel);min-height:64px;color:var(--tinta);font:inherit;text-align:left;cursor:pointer;box-shadow:0 3px 0 var(--tinta);align-items:center;gap:10px;padding:12px 14px;font-weight:900;display:flex}.practica__prueba:nth-child(4n+1){background:#ffe1d4}.practica__prueba:nth-child(4n+2){background:#dde3ff}.practica__prueba:nth-child(4n+3){background:#fff0c2}.practica__prueba:nth-child(4n+4){background:#d8f5e6}.practica__prueba:active{box-shadow:0 0 0 var(--tinta);transform:translateY(3px)}.practica__prueba:focus-visible{outline:3px solid var(--naranja);outline-offset:2px}