/* rules matching FN1/FN2, from the served bundle */
@keyframes sc-shine { 
  0% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
@keyframes sv-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes pr-ping { 
  0% { box-shadow: rgba(224, 165, 38, 0.6) 0px 0px 0px 0px; }
  70% { box-shadow: rgba(224, 165, 38, 0) 0px 0px 0px 10px; }
  100% { box-shadow: rgba(224, 165, 38, 0) 0px 0px 0px 0px; }
}
@keyframes pr-land { 
  0% { transform: translateY(26px) rotate(-5deg); opacity: 0; }
  100% { transform: none; opacity: 1; }
}
@keyframes prh-ping { 
  0% { box-shadow: rgba(235, 167, 58, 0.6) 0px 0px 0px 0px; }
  70% { box-shadow: rgba(235, 167, 58, 0) 0px 0px 0px 9px; }
  100% { box-shadow: rgba(235, 167, 58, 0) 0px 0px 0px 0px; }
}
@keyframes prh-land { 
  0% { transform: translateY(16px) rotate(-5deg); opacity: 0; }
  100% { transform: none; opacity: 1; }
}
@keyframes svr-eq { 
  0% { height: 3px; }
  100% { height: 10px; }
}
@keyframes svr-spin { 
  100% { transform: rotate(360deg); }
}

/* ===== @media print ===== */
@media print { *, ::before, ::after { print-color-adjust: exact; backdrop-filter: none !important; animation-delay: -99s !important; animation-duration: 0.001s !important; animation-iteration-count: 1 !important; animation-fill-mode: both !important; animation-play-state: running !important; transition-duration: 0s !important; } }

a { color: inherit; text-decoration: none; }
.prh { --c: #efebdd; --k: #141312; --k2: #57534e; --r: #e53232; --m: #eba73a; --rule: rgba(20,19,18,.25); --disp: Gabarito, "Arial Black", sans-serif; --lab: "Barlow Condensed", "Arial Narrow", sans-serif; --bod: Archivo, "Helvetica Neue", Arial, sans-serif; container-type: inline-size; flex: 1 1 0%; display: flex; flex-direction: column; gap: 9px; min-height: 0px; position: relative; color: var(--k); font-family: var(--bod); }
.prh *, .prh ::before, .prh ::after { box-sizing: border-box; }
.prh-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; font: 700 15px/1 var(--lab); letter-spacing: 0.14em; text-transform: uppercase; padding-bottom: 8px; border-bottom: 1.5px solid var(--k); }
.prh-live { display: inline-flex; align-items: center; gap: 8px; }
.prh-live i { width: 8px; height: 8px; border-radius: 50%; background: var(--m); animation: 2.4s ease 0s infinite normal none running prh-ping; }
.prh-live.scrub i { background: transparent; border: 1.5px solid var(--k); animation: auto ease 0s 1 normal none running none; }
.prh-clock { font-variant-numeric: tabular-nums; }
.prh-sky { position: relative; height: 96px; border: 1.5px solid var(--k); overflow: hidden; cursor: crosshair; touch-action: pan-y; flex: 0 0 auto; }
.prh-sky canvas { position: absolute; inset: 0px; width: 100%; height: 100%; display: block; }
.prh-sun { position: absolute; width: 46px; height: 46px; margin: -23px 0px 0px -23px; border-radius: 50%; border: 0px; padding: 0px; background: transparent; cursor: grab; touch-action: none; }
.prh-hint { position: absolute; top: 7px; right: 8px; font: 700 11px/1 var(--lab); letter-spacing: 0.14em; text-transform: uppercase; color: var(--k); background: rgba(239, 235, 221, 0.94); padding: 4px 6px; pointer-events: none; transition: opacity 0.5s; }
.prh-ticks { position: absolute; left: 0px; right: 0px; bottom: 3px; height: 12px; pointer-events: none; font: 600 10px/12px var(--lab); letter-spacing: 0.1em; text-transform: uppercase; color: rgba(239, 235, 221, 0.85); }
.prh-ticks span { position: absolute; white-space: nowrap; }
.prh-why { margin: 0px; font: 700 16px/1.2 var(--disp); }
.prh-pick { display: grid; grid-template-columns: 44px minmax(0px, 1fr) auto; gap: 12px; align-items: center; }
.prh-pick > img { height: 96px; width: auto; justify-self: center; filter: drop-shadow(rgba(20, 19, 18, 0.28) 0px 6px 7px); }
.prh-pick > img.in { animation: 0.6s cubic-bezier(0.2, 0.9, 0.25, 1.2) 0s 1 normal none running prh-land; }
.prh-says { margin: 0px; font: 700 12px/1.2 var(--lab); letter-spacing: 0.16em; text-transform: uppercase; color: var(--k2); }
.prh-name { margin: 2px 0px 0px; font: 900 26px/1 var(--disp); letter-spacing: -0.01em; }
.prh-quote { margin: 5px 0px 0px; font: 500 13px/1.3 var(--bod); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.prh-btn { font: 700 14px/1 var(--lab); letter-spacing: 0.1em; text-transform: uppercase; padding: 10px 14px; border: 1.5px solid var(--k); background: var(--k); color: var(--c); cursor: pointer; white-space: nowrap; }
.prh-btn.line { background: transparent; color: var(--k); padding: 7px 10px; font-size: 12px; }
.prh-between { display: inline-block; margin-top: 6px; font: 700 11px/1 var(--lab); letter-spacing: 0.12em; text-transform: uppercase; background: var(--m); padding: 4px 6px; }
.prh-instead { display: grid; grid-template-columns: 20px minmax(0px, 1fr) auto; gap: 10px; align-items: center; border-top: 1px solid var(--rule); padding-top: 7px; margin-top: -2px; }
.prh-instead img { height: 40px; width: auto; justify-self: center; }
.prh-instead p { margin: 0px; font: 600 13px/1.2 var(--bod); }
.prh-instead small { display: block; font: 700 11px/1.2 var(--lab); letter-spacing: 0.12em; text-transform: uppercase; color: var(--k2); }
.prh-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; }
.prh-chips { display: flex; align-items: center; gap: 5px; flex-wrap: wrap; }
.prh-lab { font: 700 11px/1 var(--lab); letter-spacing: 0.14em; text-transform: uppercase; color: var(--k2); margin-right: 3px; }
.prh-chip { font: 700 11px/1 var(--lab); letter-spacing: 0.1em; text-transform: uppercase; padding: 5px 7px; border: 1.2px solid var(--k); background: transparent; color: var(--k); cursor: pointer; }
.prh-chip[aria-pressed="true"] { background: var(--k); color: var(--c); }
.prh-now { font: 700 11px/1 var(--lab); letter-spacing: 0.12em; text-transform: uppercase; background: none; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1.5px solid var(--k); padding: 2px 0px; cursor: pointer; color: var(--k); }
.prh-club { margin-top: auto; border: 1.5px solid var(--k); background: rgb(246, 242, 230); padding: 10px 12px; display: grid; grid-template-columns: 24px minmax(0px, 1fr) auto; gap: 4px 10px; align-items: center; }
.prh-club img { width: 24px; height: 24px; object-fit: contain; }
.prh-club b { display: block; font: 700 12px/1 var(--lab); letter-spacing: 0.16em; }
.prh-club span { display: block; font: 700 15px/1.15 var(--disp); margin-top: 3px; }
.prh-count { background: var(--r); color: var(--c); padding: 11px 12px; font: 700 14px/1 var(--lab); letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none; white-space: nowrap; }
.prh-club small { grid-column: 1 / -1; font: 600 10px/1.2 var(--lab); letter-spacing: 0.12em; text-transform: uppercase; color: var(--k2); text-align: center; }
.prh-toast { position: absolute; left: 50%; top: 52px; transform: translate(-50%, 6px); opacity: 0; background: var(--k); color: var(--c); font: 600 13px/1.3 var(--bod); padding: 8px 12px; width: max-content; max-width: 96%; transition: opacity 0.3s, transform 0.3s; pointer-events: none; z-index: 8; }
[data-type="A"] .prh, [data-type="A"] .svr { --disp: 'Yucca', Verdana, Geneva, sans-serif; --lab: 'Oaxaca', Verdana, Geneva, sans-serif; --bod: Verdana, Geneva, sans-serif; }
[data-type="A"] .prh-head { font-size: 13.5px; letter-spacing: 0.084em; }
[data-type="A"] .prh-hint { font-size: 10px; letter-spacing: 0.084em; }
[data-type="A"] .prh-ticks { font-size: 9px; letter-spacing: 0.06em; }
[data-type="A"] .prh-why { font-size: 12px; letter-spacing: 0em; font-family: Verdana, Geneva, sans-serif; font-weight: 700; }
[data-type="A"] .prh-says { font-size: 11px; letter-spacing: 0.096em; }
[data-type="A"] .prh-name { font-size: 26.5px; letter-spacing: 0em; font-family: Yucca, Verdana, Geneva, sans-serif; }
[data-type="A"] .prh-quote { font-size: 10.5px; letter-spacing: 0em; }
[data-type="A"] .prh-btn { font-size: 13px; letter-spacing: 0.06em; }
[data-type="A"] .prh-btn.line { font-size: 11px; letter-spacing: 0.06em; }
[data-type="A"] .prh-between { font-size: 10px; letter-spacing: 0.072em; }
[data-type="A"] .prh-instead p { font-size: 11px; letter-spacing: 0em; }
[data-type="A"] .prh-instead small { font-size: 10px; letter-spacing: 0.072em; }
[data-type="A"] .prh-lab { font-size: 10px; letter-spacing: 0.084em; }
[data-type="A"] .prh-chip { font-size: 10px; letter-spacing: 0.06em; }
[data-type="A"] .prh-now { font-size: 10px; letter-spacing: 0.072em; }
[data-type="A"] .prh-club b { font-size: 11px; letter-spacing: 0.096em; }
[data-type="A"] .prh-club span { font-size: 13px; letter-spacing: 0em; font-family: Verdana, Geneva, sans-serif; font-weight: 700; }
[data-type="A"] .prh-count { font-size: 13px; letter-spacing: 0.072em; }
[data-type="A"] .prh-club small { font-size: 8.5px; letter-spacing: 0.072em; font-family: Costa, Verdana, Geneva, sans-serif; }
[data-type="A"] .prh-toast { font-size: 11px; letter-spacing: 0em; }

/* ===== @media (prefers-reduced-motion: reduce) ===== */
@media (prefers-reduced-motion: reduce) { .prh-live i, .prh-pick > img.in { animation: auto ease 0s 1 normal none running none; } }
@media (prefers-reduced-motion: reduce) { .svr-plat, .svr-eq i { animation: auto ease 0s 1 normal none running none !important; } }
@media (prefers-reduced-motion: reduce) { .svr-ticker { transition: none; } }