/* El aviso de la analítica opcional («Tú eliges»), como una ventana del juego: marco de madera, pergamino y la cinta
   verde. Lo de dentro es el de Fable Match (medicion.js). */
.medicion [hidden] { display: none !important; }
.medicion-preferencias { display: block; margin: -8px auto 22px; padding: 7px 12px; border: 0; background: transparent; color: #cdb58a; font: inherit; font-size: 13px; text-decoration: underline; cursor: pointer; }
.medicion-aviso { position: fixed; z-index: 10000; left: 16px; bottom: max(16px, env(safe-area-inset-bottom)); width: min(440px, calc(100% - 32px)); max-height: calc(100dvh - 32px); }
.medicion-aviso > .in { padding: 34px 20px 18px; overflow: auto; }
.medicion-texto h2.cinta { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); min-height: 44px; padding: 4px 26px; margin: 0; }
.medicion-texto h2.cinta .ty-disp { font-size: 22px; }
.medicion-texto p { font-size: 14.5px; font-weight: 800; line-height: 1.45; }
.medicion-texto a { color: #1f6fb8; text-underline-offset: 3px; }
.medicion-texto .medicion-estado:empty { display: none; }
.medicion-texto .medicion-estado { margin-top: 8px; color: var(--tinta-p2); }
.medicion-botones { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 14px; }
.medicion-botones .btn { flex: 1; min-width: 120px; }
.medicion-cerrar { flex-basis: 100%; padding: 4px; border: 0; background: transparent; color: var(--tinta-p); font: inherit; font-size: 14px; text-decoration: underline; cursor: pointer; }
@media (max-width: 600px) { .medicion-aviso { left: 10px; right: 10px; width: auto; } }