/* Scoped to the supplied poster; preserve all other pages and the draw contract. */
#yr-homepage-reference-v2 .hr2-reward-visual.rp-composite,
.rp-composite {
  position:relative; isolation:isolate; display:block; width:100%; aspect-ratio:2/3;
  margin:0; overflow:hidden; background:#f2efe5; border:0;
}
#yr-homepage-reference-v2 .hr2-reward-visual.rp-composite::after { display:none; }
#yr-homepage-reference-v2 .rp-composite > .rp-base,
#yr-homepage-reference-v2 .rp-composite > .rp-motion,
#yr-homepage-reference-v2 .rp-composite > .rp-protection,
.rp-composite > .rp-base,.rp-composite > .rp-motion,.rp-composite > .rp-protection {
  position:absolute;inset:0;top:0;left:0;width:100%;height:100%;max-width:none;
  display:block;object-fit:fill;filter:none;transform:none;pointer-events:none;user-select:none;
}
.rp-composite > .rp-base {z-index:1;}
.rp-composite > .rp-motion {z-index:2;opacity:0;}
.rp-composite > .rp-protection {z-index:3;visibility:hidden;}
.rp-composite.rp-motion-ready > .rp-motion {opacity:1;}
.rp-composite.rp-motion-ready > .rp-protection {visibility:visible;}
.rp-composite[data-static] > .rp-motion {opacity:0;}
.rp-composite[data-static] > .rp-protection {visibility:hidden;}


#yr-homepage-reference-v2 .rp-composite .hr2-reward-hotspots {
  top:35.1%;left:15.8%;width:69.1%;height:50.3%;gap:1.5% 1.4%;
  transform:rotate(2.8deg);transform-origin:50% 50%;z-index:4;
}


/* Lower panel follows the user's additional 706×1536 reference. */
#yr-homepage-reference-v2 .rp-postoffice-page {
  --rp-unit:calc(min(100vw,706px) / 706);
  --rp-nav-height:calc(130 * var(--rp-unit));
  width:100%;max-width:706px;min-height:100%;height:auto;margin:0 auto;
  padding:0 0 calc(var(--rp-nav-height) + env(safe-area-inset-bottom,0px));
  background:#f9f7ef;overflow:visible;border:0;border-radius:0;box-shadow:none;
}
#yr-homepage-reference-v2 .rp-postoffice-page .hr2-reward-main {display:block;max-width:none;width:100%;padding:0;margin:0;}
#yr-homepage-reference-v2 .rp-postoffice-page::before,#yr-homepage-reference-v2 .rp-postoffice-page::after {content:none!important;display:none!important;}
#yr-homepage-reference-v2 .rp-postoffice-page .hr2-reward-shell {border:0;border-radius:0;box-shadow:none;background:#f9f7ef;overflow:visible;}
.rp-sr-only {position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;}
#yr-homepage-reference-v2 .rp-draw-panel {
  display:grid;grid-template-columns:209fr 408fr;column-gap:calc(18 * var(--rp-unit));
  padding:calc(26 * var(--rp-unit)) calc(35 * var(--rp-unit)) 0;
  background:linear-gradient(105deg,#faf8f0,#f9f7f0 70%,#f7f5ed);
}
#yr-homepage-reference-v2 .rp-points-card {
  position:relative;display:flex;flex-direction:column;align-items:flex-start;
  min-height:calc(163 * var(--rp-unit));padding:calc(18 * var(--rp-unit)) calc(23 * var(--rp-unit));
  border:1px solid #d6d5c680;border-radius:calc(7 * var(--rp-unit));color:#48514c;overflow:hidden;
}
#yr-homepage-reference-v2 .rp-points-card > span:first-child {font:400 clamp(12px,calc(22 * var(--rp-unit)),22px)/1.2 var(--sans);z-index:1;}
#yr-homepage-reference-v2 .rp-points-card > i {font:400 calc(20 * var(--rp-unit))/1 var(--sans);color:#536257;font-style:normal;}
#yr-homepage-reference-v2 .rp-points-card strong {max-width:100%;font:400 clamp(39px,calc(80 * var(--rp-unit)),80px)/.98 'Times New Roman',Georgia,serif;letter-spacing:-.04em;color:#0c2417;z-index:1;overflow-wrap:anywhere;}
#yr-homepage-reference-v2 .rp-points-leaf {position:absolute;width:calc(58 * var(--rp-unit));height:calc(115 * var(--rp-unit));right:calc(13 * var(--rp-unit));bottom:calc(13 * var(--rp-unit));background:url('./assets/reward-pool-motion-v1/points-leaf.png') center/contain no-repeat;mix-blend-mode:multiply;pointer-events:none;}
#yr-homepage-reference-v2 .rp-draw-column {min-width:0;padding-top:calc(8 * var(--rp-unit));}
#yr-homepage-reference-v2 .rp-draw-button {
  width:100%;min-height:calc(85 * var(--rp-unit));display:flex;align-items:center;justify-content:center;
  gap:calc(25 * var(--rp-unit));padding:calc(15 * var(--rp-unit)) calc(22 * var(--rp-unit));
  color:#e9ece3;border:1px solid #4f6651;border-radius:calc(16 * var(--rp-unit));
  background:linear-gradient(110deg,#3f5945,#455d48 65%,#405542);box-shadow:inset 0 1px 2px #ffffff15;
  font:300 clamp(14px,calc(28 * var(--rp-unit)),28px)/1.35 var(--sans);letter-spacing:.015em;cursor:pointer;
}
#yr-homepage-reference-v2 .rp-draw-button > span {white-space:normal;}
#yr-homepage-reference-v2 .rp-draw-button > i {display:grid;place-items:center;width:calc(40 * var(--rp-unit));height:calc(40 * var(--rp-unit));min-width:22px;min-height:22px;border:1px solid #eff5e866;border-radius:50%;font-style:normal;flex-shrink:0;}
#yr-homepage-reference-v2 .rp-draw-button > i svg {width:65%;height:65%;stroke-width:1.7;}
#yr-homepage-reference-v2 .rp-draw-button:disabled {opacity:.6;cursor:default;}
#yr-homepage-reference-v2 .rp-draw-button:not(:disabled):active {filter:brightness(.94);}
#yr-homepage-reference-v2 .rp-draw-note {font:400 calc(17 * var(--rp-unit))/1.6 var(--sans);color:#80837e;margin:calc(12 * var(--rp-unit)) 0 0;letter-spacing:0;}
#yr-homepage-reference-v2 .rp-draw-note b {font-weight:600;}
#yr-homepage-reference-v2 .rp-secondary-actions {grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:calc(99 * var(--rp-unit));padding:calc(18 * var(--rp-unit)) 0 calc(12 * var(--rp-unit));}
#yr-homepage-reference-v2 .rp-secondary-actions button {display:flex;align-items:center;justify-content:center;gap:calc(16 * var(--rp-unit));padding:4px 0;border:0;background:transparent;color:#394640;font:400 clamp(12px,calc(20 * var(--rp-unit)),20px)/1.5 var(--sans);cursor:pointer;}
#yr-homepage-reference-v2 .rp-secondary-actions button + button {border-left:1px solid #d3d7cb;}
#yr-homepage-reference-v2 .rp-secondary-actions button > svg:first-child {width:calc(31 * var(--rp-unit));height:calc(31 * var(--rp-unit));min-width:21px;min-height:21px;stroke-width:1.7;}
#yr-homepage-reference-v2 .rp-secondary-actions button > svg:last-child {width:calc(18 * var(--rp-unit));height:calc(18 * var(--rp-unit));min-width:12px;min-height:12px;stroke-width:1.4;}
#yr-homepage-reference-v2 .rp-postoffice-page .hr2-bottom-nav {
  position:fixed;left:50%;right:auto;bottom:0;transform:translateX(-50%);width:min(100%,706px);height:calc(var(--rp-nav-height) + env(safe-area-inset-bottom,0px));
  min-height:70px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  padding:calc(13 * var(--rp-unit)) 0 calc(13 * var(--rp-unit) + env(safe-area-inset-bottom,0px));
  border:0;border-top:1px solid #dedfd2;border-radius:0;background:#faf8f0f7;box-shadow:none;
}
#yr-homepage-reference-v2 .rp-postoffice-page .hr2-nav-btn {position:relative;display:flex;flex-direction:column;gap:calc(6 * var(--rp-unit));align-items:center;justify-content:flex-start;border:0;border-radius:0;background:none;box-shadow:none;min-height:0;padding:0;color:#46514b;}
#yr-homepage-reference-v2 .rp-postoffice-page .hr2-nav-btn > span {display:grid;place-items:center;width:calc(43 * var(--rp-unit));height:calc(43 * var(--rp-unit));min-width:26px;min-height:26px;border:0;border-radius:0;background:none;box-shadow:none;}
#yr-homepage-reference-v2 .rp-postoffice-page .hr2-nav-btn > span svg {width:100%;height:100%;stroke-width:1.45;}
#yr-homepage-reference-v2 .rp-postoffice-page .hr2-nav-btn > i {font:400 clamp(14px,calc(22 * var(--rp-unit)),22px)/1.4 var(--sans);font-style:normal;}
#yr-homepage-reference-v2 .rp-postoffice-page .hr2-nav-btn.is-active {color:#425d45;}
#yr-homepage-reference-v2 .rp-postoffice-page .hr2-nav-btn.is-active::after {content:'';position:absolute;width:calc(33 * var(--rp-unit));height:3px;left:50%;bottom:0;transform:translateX(-50%);border-radius:99px;background:#405a42;}
#yr-homepage-reference-v2 .rp-postoffice-page .hr2-nav-btn > b {position:absolute;right:24%;top:0;font-size:10px;}
.rp-record-list {padding:0;list-style:none;max-height:45vh;overflow:auto;}
.rp-record-list li {padding:15px 0;border-bottom:1px solid #dce0d4;}
.rp-record-list li div {display:flex;gap:8px;justify-content:space-between;}
.rp-record-list time,.rp-record-list small {color:#7a8378;font-size:12px;overflow-wrap:anywhere;}
.rp-record-ticker {border-top:1px solid #dce0d4;margin:18px 0;padding-top:14px;}
.rp-record-ticker p,.rp-rules-modal li {font-size:14px;line-height:1.9;color:#61705f;}

#yr-homepage-reference-v2 .rp-draw-button {justify-content:space-between;padding-left:calc(44 * var(--rp-unit));padding-right:calc(30 * var(--rp-unit));gap:calc(12 * var(--rp-unit));}
#yr-homepage-reference-v2 .rp-secondary-actions button:first-child > * {position:relative;left:calc(6 * var(--rp-unit));top:var(--rp-unit);}
#yr-homepage-reference-v2 .rp-secondary-actions button:last-child > * {position:relative;left:calc(-2 * var(--rp-unit));top:var(--rp-unit);}
#yr-homepage-reference-v2 .rp-draw-note {position:relative;left:calc(4 * var(--rp-unit));top:var(--rp-unit);width:calc(100% - 4 * var(--rp-unit));}

/* Decorative image paint shares the static plate geometry; no media surface. */
#yr-homepage-reference-v2 .rp-motion{background-position:0 0;background-size:100% 100%;background-repeat:no-repeat;transition:none!important;animation:none!important;pointer-events:none!important;-webkit-touch-callout:none;user-select:none;}