/* HappyStock Earnings US v15.25. Standalone, matches Similarity UI and ratings. */
#earningsGame [hidden]{display:none!important}
#earningsGame .sim-head .sim-lang-link{margin-left:auto;align-self:flex-start;white-space:nowrap}
#earningsGame .e-live-metrics,#earningsGame .e-finish-metrics{grid-template-columns:repeat(3,minmax(0,1fr));max-width:820px;margin:14px auto 19px}
#earningsGame .e-live-metrics .sim-metric,#earningsGame .e-finish-metrics .sim-metric{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:74px}
#earningsGame .sim-metric small,#earningsGame .sim-metric strong{text-align:center;width:100%}
#earningsGame .e-compare{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);align-items:stretch;gap:12px;margin:12px 0 17px;overflow:hidden}
#earningsGame .e-company{border:1px solid #dce8df;border-radius:15px;min-height:148px;padding:17px 11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;background:#f8fcf9;overflow-wrap:anywhere;position:relative;z-index:1}
#earningsGame .e-company small{font-size:13px;font-weight:650;color:#6d8276}
#earningsGame .e-company strong{font-size:clamp(18px,3vw,29px);font-weight:800;line-height:1.3;letter-spacing:-.04em}
#earningsGame .e-company span{font-size:13px;font-weight:750;color:#5d7a65}
#earningsGame .e-vs{display:grid;place-items:center;color:#9aaa9e;font-size:19px;font-weight:850;position:relative;z-index:2}
#earningsGame .e-guess-label{text-align:center;color:#4d6656;font-size:15px;font-weight:750;margin:17px 0 12px}
#earningsGame .e-guess-buttons{display:flex;align-items:center;justify-content:center;gap:13px}
#earningsGame .e-guess-buttons .sim-button{flex:1;max-width:280px;min-height:53px;font-size:17px}
#earningsGame .e-down{background:#536579}
#earningsGame .e-down:hover{background:#3f4e60}
#earningsGame .e-continue{text-align:center;margin-top:12px}
#earningsGame .e-result{border:1px solid #d6e8de;background:#f0f8f2;border-radius:12px;text-align:center;padding:16px 13px;margin-top:18px}
#earningsGame .e-result.is-wrong{border-color:#edcfca;background:#fff4f1}
#earningsGame .e-result h3{font-size:19px;margin:0 0 7px}
#earningsGame .e-result p{font-size:14px;margin:6px 0}
#earningsGame .e-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:12px}
#earningsGame .e-result-item{background:white;border:1px solid #dde9e0;padding:12px;border-radius:9px;min-width:0;overflow-wrap:anywhere;text-align:center}
#earningsGame .e-result-item small{display:block;font-size:12px;color:#607666}
#earningsGame .e-result-item b{display:block;margin-top:7px;font-size:clamp(13px,1.6vw,18px);font-variant-numeric:tabular-nums}
/* One continuous red/blue bar; the shared boundary slides to the correct split. */
#earningsGame .e-result-balance{display:flex;width:100%;height:18px;border-radius:999px;overflow:hidden;margin:15px 0 10px;isolation:isolate;background:#2563eb}
#earningsGame .e-result-balance-left{display:block;flex:0 0 auto;width:50%;height:100%;min-width:0;background:linear-gradient(90deg,#f87171 0%,#dc2626 100%);transition:width 580ms cubic-bezier(.2,.8,.2,1)}
#earningsGame .e-result-balance-right{display:block;flex:1 1 0;min-width:0;height:100%;background:linear-gradient(90deg,#60a5fa 0%,#2563eb 100%)}
@media(prefers-reduced-motion:reduce){#earningsGame .e-result-balance-left{transition:none!important}}
#earningsGame .e-message{font-size:14px;color:#3a7550;margin:11px 0 0;min-height:0}
#earningsGame .e-message:empty{display:none}
#earningsGame .e-message.e-error{color:#ad2d25}
#earningsGame .e-finish-message{font-size:17px;text-align:center;font-weight:800;margin:18px 0 12px}
#earningsGame .e-stat-note{font-size:13px;text-align:left;margin:17px 0 0}
#earningsGame .e-footer-note{font-size:13px;margin:16px 0 0}
#earningsGame .sim-rating-panel{text-align:center}
#earningsGame .sim-rating-panel .sim-rate-controls{justify-content:center}
#earningsGame .sim-rating-panel .sim-rate-controls>div{text-align:center}
#earningsGame .sim-rating-panel .sim-rating-picker{margin-inline:auto}
#earnRateMessage{font-size:14px;min-height:0;color:#42614e;margin:8px 0 0}
@media(max-width:640px){#earningsGame .e-compare{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:6px}#earningsGame .e-company{min-height:130px;padding:11px 6px}#earningsGame .e-company strong{font-size:clamp(15px,3.3vw,21px)}#earningsGame .e-company small{font-size:11px}#earningsGame .e-company span{font-size:12px}#earningsGame .e-vs{font-size:13px}#earningsGame .e-guess-buttons .sim-button{font-size:14px;padding:12px 9px}#earningsGame .sim-metric strong{font-size:19px}#earningsGame .e-results{grid-template-columns:minmax(0,1fr)}}
@media(max-width:360px){#earningsGame .e-live-metrics,#earningsGame .e-finish-metrics{gap:5px}#earningsGame .sim-metric{padding:9px 4px}#earningsGame .sim-metric small{font-size:12px}}