:root{--fondo:#07111f;--panel:#0f1d31;--borde:#22324a;--texto:#f2f5f9;--tenue:#93a3b8;--acento:#c8f25a;--acento-texto:#10200a;--radio:14px;--sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,monospace}*{box-sizing:border-box}body,html{margin:0;height:100%}body{background:var(--fondo);color:var(--texto);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}.tenue{color:var(--tenue)}.pequeno{font-size:13px}.centrado{text-align:center;margin:0}.centro{min-height:100dvh;display:grid;place-items:center;padding:24px;text-align:center}.cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px;--margen-cabecera:16px;padding:10px max(var(--margen-cabecera),env(safe-area-inset-right,0px)) 10px max(var(--margen-cabecera),env(safe-area-inset-left,0px));padding-top:calc(10px + env(safe-area-inset-top, 0px));background:var(--fondo);border-bottom:1px solid var(--borde);position:relative;z-index:3}@media (min-width:700px){.cabecera{--margen-cabecera:48px}}@media (min-width:1100px){.cabecera{--margen-cabecera:150px}}.marca{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-weight:700;font-size:20px;letter-spacing:-.02em;text-decoration:none}.marca-logo{width:22px;height:auto;display:block}.marca-five{color:var(--acento)}.cuenta{display:flex;align-items:center;gap:14px}.cuenta-enlace{font-size:15px;font-weight:600;text-decoration:none;color:var(--texto)}.cuenta-enlace:hover{color:var(--acento)}.boton.pequeno-boton{min-height:38px;padding:0 14px;font-size:15px;border-color:var(--acento);color:var(--acento);background:transparent}@media (max-width:380px){.marca{font-size:18px}.cuenta{gap:10px}.boton.pequeno-boton,.cuenta-enlace{font-size:14px}}.boton{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:12px;border:1px solid var(--borde);background:var(--panel);color:var(--texto);font:600 16px var(--sans);text-decoration:none;cursor:pointer}.boton.primario{background:var(--acento);color:var(--acento-texto);border-color:var(--acento);width:100%}.boton.grande{min-height:56px;font-size:18px;max-width:360px}.boton:disabled{opacity:.6;cursor:progress}.boton:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.pagina-portada{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 120%,#123a5c 0,var(--fondo) 60%)}.pagina-portada .cabecera{background:transparent;border-bottom-color:transparent}.portada{flex:1 1;align-items:center;justify-content:center;gap:20px;padding:32px 16px 48px;text-align:center}.portada,.portada h3{display:flex;flex-direction:column}.portada h3{margin:0;gap:4px;text-wrap:balance;font-weight:700}.portada .linea-1{font-size:clamp(22px,5vw,32px);line-height:1.15;letter-spacing:-.02em}.portada .linea-2{font-size:clamp(28px,6.5vw,42px);line-height:1.05;letter-spacing:-.03em;color:var(--acento)}.subtitulo{color:var(--tenue);max-width:420px;margin:0 0 8px;font-size:17px;line-height:1.45}@media (min-width:700px){.subtitulo{max-width:none;white-space:nowrap}}.claves{list-style:none;display:flex;gap:24px;padding:0;margin:8px 0 0;color:var(--tenue);font-size:14px}.claves strong{display:block;color:var(--texto);font-family:var(--mono);font-size:22px}.pie{display:flex;gap:20px;margin-top:32px;font-size:14px;color:var(--tenue)}.partida{position:fixed;inset:0;display:grid;grid-template-rows:auto auto 1fr auto}.partida .globo{grid-row:3}.globo{width:100%;height:100%;min-height:240px;background:var(--fondo)}.globo canvas{outline:none}.puntero{width:34px;pointer-events:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.55))}.puntero img{width:100%;height:auto;display:block;animation:caer .22s ease-out}@keyframes caer{0%{transform:translateY(-14px);opacity:0}to{transform:none;opacity:1}}.etiqueta-km,.etiqueta-km span{pointer-events:none}.etiqueta-km span{display:block;font:700 14px var(--mono);color:var(--fondo);background:var(--texto);padding:4px 9px;border-radius:999px;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.45);animation:aparecer .25s ease-out}@keyframes aparecer{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.etiqueta-km span,.puntero img{animation:none}}.pista{padding:12px 16px;background:var(--fondo);z-index:1}.pista-meta{display:flex;gap:10px;align-items:center;font:600 13px var(--mono);color:var(--tenue);text-transform:uppercase;letter-spacing:.04em}.multi{background:var(--acento);color:var(--acento-texto);border-radius:6px;padding:2px 6px}.acumulado{margin-left:auto;color:var(--texto)}.pista-texto{font-size:clamp(18px,4.6vw,24px);font-weight:650;line-height:1.3;margin:8px 0 0;max-width:720px}.panel{padding:12px 16px calc(16px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--borde);min-height:76px;display:grid;align-items:center}.revelacion{display:grid;grid-gap:6px;gap:6px}.revelacion p{margin:0;line-height:1.4}.revelacion .boton{margin-top:8px}.revelacion-cabecera{display:flex;align-items:center;gap:8px;font-size:17px}.revelacion-cifras{font-family:var(--mono)}.punto{width:12px;height:12px;border-radius:50%;flex:none;display:inline-block}.resultado{max-width:440px;margin:0 auto;padding:40px 16px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.eyebrow{font:600 13px var(--mono);color:var(--tenue);letter-spacing:.06em;text-transform:uppercase;margin:0}.total{font:700 64px var(--mono);margin:0;letter-spacing:-.04em}.total span{font-size:24px;color:var(--tenue)}.fila-emojis{font-size:32px;letter-spacing:4px}.desglose{list-style:none;padding:0;margin:4px 0 8px;width:100%;display:grid;grid-gap:6px;gap:6px}.desglose li{display:grid;grid-template-columns:12px 1fr auto 48px;grid-gap:10px;gap:10px;align-items:center;text-align:left;font-size:14px;padding:10px 12px;background:var(--panel);border-radius:10px}.desglose li strong{font-family:var(--mono);text-align:right}.desglose-resp{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.botones-redes{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;width:100%}.racha{font-size:18px;margin:6px 0 0}.enlace{color:var(--tenue);font-size:14px}.texto{max-width:640px;margin:0 auto;padding:32px 16px 64px;line-height:1.6}.texto h1{font-size:32px;letter-spacing:-.02em}.texto table{border-collapse:collapse;width:100%;font-family:var(--mono)}.texto td,.texto th{text-align:left;padding:8px;border-bottom:1px solid var(--borde)}.texto a{color:var(--acento)}.texto .boton{color:var(--acento-texto);margin-top:16px}