#piplo-metrics-choice{box-sizing:border-box;z-index:9999;color:#25253d;background:#fffcf6;font:14px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-align:left}#piplo-metrics-choice *{box-sizing:border-box}#piplo-metrics-choice[hidden],#piplo-metrics-choice [hidden],dialog#piplo-metrics-choice:not([open]){display:none!important}#piplo-metrics-choice p{margin:0;max-width:none;color:inherit;font-size:inherit;line-height:inherit}#piplo-metrics-choice p strong{font-weight:700}#piplo-metrics-choice a{color:#28243e;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}#piplo-metrics-choice button{min-height:44px;margin:0;padding:10px 16px;border:1.5px solid #28243e;border-radius:10px;font:inherit;font-weight:700;cursor:pointer}#piplo-metrics-choice :focus-visible{outline:3px solid #202544;outline-offset:2px}#piplo-metrics-choice:focus{outline:none}.metrics-preferences{background:transparent;border:0;color:inherit;font:inherit;text-decoration:underline;padding:12px;cursor:pointer}
/* «Aceptar» and «Rechazar»: one component, same size, color and weight. */
#piplo-metrics-choice .metrics-answer{background:#28243e;color:#fffcf6;min-width:7.5em}#piplo-metrics-choice .metrics-more,#piplo-metrics-choice .metrics-save{background:transparent;color:#28243e}#piplo-metrics-choice .metrics-skip{display:block;margin:0 auto;border:0;background:none;color:#4a4560;font-weight:400;text-decoration:underline;text-underline-offset:2px}
#piplo-metrics-choice .metrics-actions{display:flex;flex-wrap:wrap;gap:8px}#piplo-metrics-choice .metrics-options{display:grid;gap:10px}#piplo-metrics-choice .metrics-options label{display:flex;gap:10px;align-items:flex-start;margin:0;font-size:inherit;cursor:pointer}#piplo-metrics-choice .metrics-options input{width:20px;height:20px;min-width:0;margin:2px 0 0;padding:0;flex:none;accent-color:#28243e}#piplo-metrics-choice .metrics-options .metrics-save{justify-self:start}
/* Bar: at the top, in the page flow, so nothing sits under it. The short text (.metrics-short)
   replaces the whole one only on short phone screens, below. */
#piplo-metrics-choice.bar{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;padding:12px max(24px,calc(50% - 620px));border-bottom:1px solid #e4dacc}#piplo-metrics-choice.bar p{flex:1 1 360px}#piplo-metrics-choice.bar .metrics-options{flex:1 1 100%;max-width:760px}#piplo-metrics-choice .metrics-short{display:none}
/* Its height, reserved before the first paint while the visitor has no current choice
   (html.piplo-ask, public/metrics-space.js), so nothing jumps when the bar takes this place (CLS). */
html.piplo-ask body::before{content:"";display:block;height:69px}@media (min-width:601px) and (max-width:959px){html.piplo-ask body::before{height:90px}}
/* Sheet: before playing (a modal dialog) and from Privacy preferences. */
#piplo-metrics-choice.sheet{position:fixed;inset:auto auto 16px 16px;margin:0;display:grid;gap:10px;width:calc(100% - 32px);max-width:440px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:16px;border:1px solid #d6cfcb;border-radius:16px;box-shadow:0 5px 25px #0003}#piplo-metrics-choice.sheet::backdrop{background:#1012228c;backdrop-filter:none}
@media (max-width:600px){#piplo-metrics-choice.bar{display:grid;gap:6px;padding:8px 16px;font-size:13.5px;line-height:1.35}#piplo-metrics-choice .metrics-actions{display:grid;grid-auto-flow:column;grid-auto-columns:1fr}#piplo-metrics-choice button{min-height:38px;padding:6px 8px}#piplo-metrics-choice .metrics-answer{min-width:0}#piplo-metrics-choice.sheet{inset:auto 0 0 0;width:100%;max-width:none;border-width:1px 0 0;border-radius:16px 16px 0 0;padding:16px 16px max(16px,env(safe-area-inset-bottom))}#piplo-metrics-choice.sheet button{min-height:42px}html.piplo-ask body::before{height:116px}}
/* Short phone screens (an iPhone SE, the Instagram or Facebook browser): one sentence that still
   names both purposes, so the bar keeps «Jugar ahora» in the first screen where it can. */
@media (max-width:600px) and (max-height:700px){#piplo-metrics-choice.bar{gap:5px;padding:5px 16px;font-size:13px;line-height:1.3}#piplo-metrics-choice.bar .metrics-full{display:none}#piplo-metrics-choice.bar .metrics-short{display:inline}#piplo-metrics-choice.bar button{min-height:36px}html.piplo-ask body::before{height:86px}}