/* Rara Pixel Office v44 — chrome + clean background handoff */

/* HOME artwork: prefer the new character-free office background.
   If the binary has not been uploaded yet, the old background remains as a safe fallback. */
.v3-art-image{
  background-image:url('rpo-office-bg-v44.webp?v=44'),url('new-home-v3-final.webp?v=34')!important;
  background-size:100% 100%,100% 100%!important;
  background-position:center,center!important;
  background-repeat:no-repeat,no-repeat!important;
}
/* Once v44 binary exists, CSS background is the source of truth; the legacy img stays only as fallback underneath. */
html[data-rpo-background='v44-clean'] .v3-home-art{opacity:0!important}

/* Live time/date must never draw their own white pill. The artwork owns the pill chrome. */
.v40-live-meta,
.v40-live-time,
.v40-live-date{
  position:absolute;
  z-index:9;
  box-sizing:border-box;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#5e2c45;
  pointer-events:none;
  white-space:nowrap;
}
.v40-live-time,.v40-live-date{
  top:2.16%;
  height:3.22%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 3px;
}
.v40-live-time{left:47.00%;width:6.10%}
.v40-live-date{left:56.72%;width:7.10%}
.v40-live-meta [data-v40-time],
.v40-live-meta [data-v40-date],
.v40-live-time b,
.v40-live-date b{
  background:transparent!important;
  font-size:clamp(11px,1vw,17px);
  line-height:1;
  font-weight:900;
  letter-spacing:-.035em;
  color:#5e2c45;
}
@media(max-width:1100px){
  .v40-live-time,.v40-live-date{top:2.13%;height:3.28%;padding:0 1px}
  .v40-live-meta [data-v40-time],.v40-live-meta [data-v40-date],.v40-live-time b,.v40-live-date b{font-size:clamp(8px,1.02vw,12px)}
}
