header{
  border-bottom:1px solid #b99b5e;
}

/* =======================================================
   MAIN WHEEL LAYOUT
   ======================================================= */
.rp-wheel{
  position:relative !important;
  width:650px;
  max-width:650px;
  min-height:540px;
  flex:0 0 650px;
  margin:0 auto;
  overflow:visible !important;
}

/* =======================================================
   CENTER BUTTON - PREMIUM MEDALLION STYLE
   ======================================================= */

.rp-wheel .rp-wheel-center{
  position:absolute !important;
  top:calc(50% - 8px);
  left:50%;
  transform:translate(-50%, -50%);
  z-index:30;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  max-width:none !important;
  background:transparent !important;
  border:0 !important;
}

.rp-wheel .rp-wheel-center .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.rp-wheel .rp-office-btn{
  width:320px;
  min-height:92px;
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  padding:16px 36px;
  border-radius:23px;
  border:1px solid rgba(214,181,101,.58);
  background:
    radial-gradient(
      ellipse at 50% 18%,
      rgba(255,236,184,.18) 0%,
      rgba(218,188,115,.10) 26%,
      rgba(78,55,22,.07) 48%,
      rgba(0,0,0,0) 66%
    ),
    radial-gradient(
      ellipse at center,
      rgba(0,0,0,0) 38%,
      rgba(38,27,12,.28) 72%,
      rgba(8,6,4,.62) 100%
    ),
    linear-gradient(
      180deg,
      #806535 0%,
      #624920 38%,
      #3d2c14 70%,
      #151008 100%
    );
  color:#efe4cc;
  text-decoration:none !important;
  text-transform:uppercase;
  font-family:'Inter',sans-serif;
  font-size:24px;
  font-weight:800;
  letter-spacing:.04em;
  line-height:1.02;
  text-align:center;
  white-space:normal;
  position:relative;
  overflow:hidden;
  box-shadow:
    0 16px 34px rgba(0,0,0,.58),
    0 0 22px rgba(185,155,94,.12),
    inset 0 1px 0 rgba(255,245,210,.20),
    inset 0 -2px 0 rgba(0,0,0,.42);
  transition:
    box-shadow .22s ease,
    border-color .22s ease,
    filter .22s ease,
    color .22s ease,
    background .22s ease;
}

/* outer luxury edge */
.rp-wheel .rp-office-btn::before{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:18px;
  border:1px solid rgba(255,232,176,.18);
  background:
    linear-gradient(
      180deg,
      rgba(255,240,205,.045) 0%,
      rgba(255,240,205,0) 46%,
      rgba(0,0,0,.16) 100%
    );
  box-shadow:
    inset 0 1px 0 rgba(255,245,220,.10),
    inset 0 -1px 0 rgba(0,0,0,.32);
  pointer-events:none;
  z-index:1;
}

/* small shine sweep */
.rp-wheel .rp-office-btn::after{
  content:"";
  position:absolute;
  top:-20%;
  left:-45%;
  width:28%;
  height:140%;
  background:linear-gradient(
    115deg,
    rgba(255,245,215,0) 0%,
    rgba(255,245,215,0) 34%,
    rgba(255,245,215,.10) 45%,
    rgba(255,250,235,.30) 50%,
    rgba(255,245,215,.10) 55%,
    rgba(255,245,215,0) 68%,
    rgba(255,245,215,0) 100%
  );
  transform:skewX(-22deg);
  opacity:0;
  pointer-events:none;
  z-index:2;
}

.rp-wheel .rp-office-btn .rp-office-line{
  display:block;
  white-space:nowrap;
  position:relative;
  z-index:3;
  text-shadow:
    0 1px 2px rgba(0,0,0,.62),
    0 0 10px rgba(255,224,150,.08);
}

.rp-wheel .rp-office-btn:hover{
  border-color:rgba(232,202,132,.78);
  color:#fff2d6;
  filter:brightness(1.025);
  background:
    radial-gradient(
      ellipse at 50% 18%,
      rgba(255,238,190,.22) 0%,
      rgba(218,188,115,.13) 28%,
      rgba(78,55,22,.08) 50%,
      rgba(0,0,0,0) 68%
    ),
    radial-gradient(
      ellipse at center,
      rgba(0,0,0,0) 38%,
      rgba(38,27,12,.25) 72%,
      rgba(8,6,4,.56) 100%
    ),
    linear-gradient(
      180deg,
      #8b6e39 0%,
      #6a5026 38%,
      #453218 70%,
      #1a130a 100%
    );
  box-shadow:
    0 18px 38px rgba(0,0,0,.64),
    0 0 26px rgba(185,155,94,.18),
    0 0 44px rgba(185,155,94,.07),
    inset 0 1px 0 rgba(255,246,220,.24),
    inset 0 -2px 0 rgba(0,0,0,.40);
}

.rp-wheel .rp-office-btn:hover::after,
.rp-wheel .rp-office-btn:focus::after,
.rp-wheel .rp-office-btn:active::after{
  opacity:1;
  animation:rp-office-shimmer .9s ease;
}

.rp-wheel .rp-office-btn:focus,
.rp-wheel .rp-office-btn:active{
  outline:none;
  border-color:rgba(232,202,132,.78);
  color:#fff2d6;
  filter:brightness(1.025);
  box-shadow:
    0 18px 38px rgba(0,0,0,.64),
    0 0 26px rgba(185,155,94,.18),
    0 0 0 3px rgba(218,188,115,.13),
    inset 0 1px 0 rgba(255,246,220,.24),
    inset 0 -2px 0 rgba(0,0,0,.40);
}

@keyframes rp-office-shimmer{
  0%{
    left:-45%;
    opacity:0;
  }
  12%{
    opacity:1;
  }
  100%{
    left:118%;
    opacity:0;
  }
}

/* =======================================================
   ITEMS AROUND THE WHEEL
   ======================================================= */
.rp-wheel .rp-item{
  position:absolute !important;
  top:50%;
  left:50%;
  width:160px !important;
  margin:0 !important;
  z-index:5;
  overflow:visible !important;
  transform:
    translate(-50%, -50%)
    rotate(var(--angle))
    translateY(-250px)
    rotate(calc(var(--angle) * -1));
}

.rp-wheel .rp-item .elementor-widget-container,
.rp-wheel .rp-item .elementor-image{
  position:relative;
  display:block;
}

.rp-wheel .rp-item img{
  position:relative;
  display:block !important;
  width:100% !important;
  height:auto !important;
  z-index:1;
  -webkit-user-drag:none;
  -webkit-user-select:none;
  user-select:none;
  pointer-events:none;
  transition:filter .22s ease, transform .22s ease;
}

.rp-wheel .rp-item:hover{
  z-index:20;
}

/* =======================================================
   FINAL ORDER AROUND THE WHEEL
   ======================================================= */
/* top */
.rp-international-tournaments{ --angle:342deg; }
.rp-club-tournaments{ --angle:18deg; }

/* right side top to bottom */
.rp-africa{ --angle:54deg; }
.rp-asia{ --angle:90deg; }
.rp-oceania{ --angle:126deg; }

/* bottom */
.rp-fantasy-database{ --angle:162deg; }
.rp-essential-database{ --angle:198deg; }

/* left side top to bottom */
.rp-south-america{ --angle:234deg; }
.rp-north-america{ --angle:270deg; }
.rp-europe{ --angle:306deg; }

/* =======================================================
   SUBTLE HOVER TEXT
   ======================================================= */
.rp-wheel .rp-item .elementor-widget-container{
  position:relative !important;
  display:block;
  overflow:visible !important;
}

.rp-wheel .rp-item .elementor-widget-container::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:68%;
  aspect-ratio:1 / 1;
  border-radius:50%;
  background:rgba(0,0,0,.46);
  transform:translate(-50%, -50%);
  opacity:0;
  transition:opacity .22s ease;
  z-index:2;
  pointer-events:none;
}

.rp-wheel .rp-item .elementor-widget-container::after{
  position:absolute;
  top:45%;
  left:50%;
  width:128px;
  max-width:128px;
  padding:0 8px;
  box-sizing:border-box;
  text-align:center;
  white-space:pre-line;
  word-break:normal;
  overflow-wrap:normal;
  line-height:1.06;
  font-size:12px;
  font-weight:800;
  letter-spacing:0;
  text-transform:uppercase;
  color:#eadfc7;
  text-shadow:
    0 1px 2px rgba(0,0,0,.90),
    0 2px 8px rgba(0,0,0,.78);
  transform:translate(-50%, -50%);
  opacity:0;
  transition:opacity .22s ease;
  z-index:3;
  pointer-events:none;
}

.rp-wheel .rp-item:hover .elementor-widget-container::before,
.rp-wheel .rp-item:focus-visible .elementor-widget-container::before{
  opacity:1;
}

.rp-wheel .rp-item:hover .elementor-widget-container::after,
.rp-wheel .rp-item:focus-visible .elementor-widget-container::after{
  opacity:1;
}

.rp-wheel .rp-item:hover img{
  filter:brightness(.78) drop-shadow(0 0 10px rgba(218,188,115,.16));
}

.rp-wheel .rp-item:focus-visible img{
  filter:brightness(.78) drop-shadow(0 0 10px rgba(218,188,115,.16));
}

/* =======================================================
   HOVER LABELS
   ======================================================= */
.rp-international-tournaments .elementor-widget-container::after{ content:"International\A Tournaments"; }
.rp-club-tournaments .elementor-widget-container::after{ content:"Club\A Tournaments"; }
.rp-africa .elementor-widget-container::after{ content:"Africa"; }
.rp-asia .elementor-widget-container::after{ content:"Asia"; }
.rp-oceania .elementor-widget-container::after{ content:"Oceania"; }
.rp-fantasy-database .elementor-widget-container::after{ content:"Fantasy\A Database"; }
.rp-essential-database .elementor-widget-container::after{ content:"Essential\A Database"; }
.rp-south-america .elementor-widget-container::after{ content:"South\A America"; }
.rp-north-america .elementor-widget-container::after{ content:"North\A America"; }
.rp-europe .elementor-widget-container::after{ content:"Europe"; }

/* =======================================================
   SIDE COLUMNS
   ======================================================= */
.rp-home-left{
  width:300px;
  max-width:300px;
  flex:0 0 300px;
}

.rp-home-right{
  width:300px;
  max-width:300px;
  flex:0 0 300px;
}

/* =======================================================
   SIDE TITLES
   ======================================================= */
.rp-side-title{
  margin:0 0 18px 0;
  text-align:center;
}

.rp-side-title .elementor-widget-container{
  margin:0 !important;
  padding:0 !important;
}

.rp-side-title h1,
.rp-side-title h2,
.rp-side-title h3,
.rp-side-title .elementor-heading-title{
  margin:0;
  display:inline-block;
  position:relative;
  padding:0 18px 10px;
  font-family:'Inter',sans-serif;
  font-size:19px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.07em;
  line-height:1.15;
  color:#caa35f;
  text-align:center;
  text-shadow:
    0 0 10px rgba(185,155,94,.18),
    0 1px 0 rgba(50,38,16,.35);
}

/* jemná dekorativní linka pod nadpisem */
.rp-side-title h1::after,
.rp-side-title h2::after,
.rp-side-title h3::after,
.rp-side-title .elementor-heading-title::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:72%;
  height:1px;
  background:linear-gradient(
    90deg,
    rgba(185,155,94,0) 0%,
    rgba(185,155,94,.30) 18%,
    rgba(202,163,95,.72) 50%,
    rgba(185,155,94,.30) 82%,
    rgba(185,155,94,0) 100%
  );
  box-shadow:0 0 8px rgba(185,155,94,.16);
}

/* =======================================================
   SIDE BUTTONS
   ======================================================= */
.rp-side-btn{
  width:100%;
}

.rp-side-btn .elementor-button-wrapper{
  width:100%;
}

.rp-side-btn .elementor-button{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 16px;
  border-radius:9px;
  border:1px solid rgba(185,155,94,.30);
  background:
    radial-gradient(
      ellipse at center,
      rgba(255,228,170,.035) 0%,
      rgba(255,228,170,.012) 24%,
      rgba(0,0,0,0) 52%
    ),
    linear-gradient(
      180deg,
      rgba(32,32,31,.76) 0%,
      rgba(20,20,19,.90) 52%,
      rgba(10,10,10,.96) 100%
    );
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  color:#ded8ca !important;
  font-family:'Inter',sans-serif;
  font-size:15px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.015em;
  text-decoration:none !important;
  text-align:center;
  line-height:1.08;
  white-space:normal;
  overflow-wrap:anywhere;
  position:relative;
  overflow:hidden;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 -1px 0 rgba(0,0,0,.24),
    0 0 0 1px rgba(0,0,0,.18),
    0 7px 16px rgba(0,0,0,.20),
    0 0 14px rgba(185,155,94,.055);
  transition:
    box-shadow .22s ease,
    border-color .22s ease,
    background .22s ease,
    color .22s ease,
    filter .22s ease;
}

/* jemný vnitřní rámeček */
.rp-side-btn .elementor-button::before{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:6px;
  border:1px solid rgba(255,235,190,.075);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    inset 0 -1px 0 rgba(0,0,0,.14);
  pointer-events:none;
  z-index:1;
}

/* shimmer */
.rp-side-btn .elementor-button::after{
  content:"";
  position:absolute;
  top:-25%;
  left:-38%;
  width:24%;
  height:150%;
  background:linear-gradient(
    115deg,
    rgba(255,245,215,0) 0%,
    rgba(255,245,215,0) 35%,
    rgba(255,245,215,.07) 46%,
    rgba(255,250,235,.18) 50%,
    rgba(255,245,215,.07) 54%,
    rgba(255,245,215,0) 65%,
    rgba(255,245,215,0) 100%
  );
  transform:skewX(-22deg);
  opacity:0;
  pointer-events:none;
  z-index:2;
}

.rp-side-btn .elementor-button:hover{
  border-color:rgba(185,155,94,.58);
  color:#eee5d5 !important;
  filter:brightness(1.02);
  background:
    radial-gradient(
      ellipse at center,
      rgba(255,228,170,.05) 0%,
      rgba(255,228,170,.02) 24%,
      rgba(0,0,0,0) 52%
    ),
    linear-gradient(
      180deg,
      rgba(43,41,38,.88) 0%,
      rgba(28,27,25,.94) 52%,
      rgba(15,15,14,.98) 100%
    );
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -1px 0 rgba(0,0,0,.26),
    0 9px 20px rgba(0,0,0,.24),
    0 0 18px rgba(185,155,94,.10);
}

.rp-side-btn .elementor-button:hover::after,
.rp-side-btn .elementor-button:focus::after,
.rp-side-btn .elementor-button:active::after{
  opacity:1;
  animation:rp-side-btn-shimmer .9s ease;
}

.rp-side-btn .elementor-button:focus,
.rp-side-btn .elementor-button:active{
  outline:none;
  border-color:rgba(185,155,94,.58);
  color:#eee5d5 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -1px 0 rgba(0,0,0,.26),
    0 9px 20px rgba(0,0,0,.24),
    0 0 0 2px rgba(185,155,94,.14),
    0 0 18px rgba(185,155,94,.10);
}

/* =======================================================
   TOP 3 RIGHT BUTTONS — ELEGANT LUXURY VERSION
   ======================================================= */

/* gold */
.rp-side-btn-first .elementor-button{
  border-color:rgba(185,155,94,.46);
  background:
    radial-gradient(
      ellipse at center,
      rgba(255,226,160,.085) 0%,
      rgba(255,226,160,.035) 24%,
      rgba(0,0,0,0) 54%
    ),
    linear-gradient(
      180deg,
      rgba(79,64,36,.92) 0%,
      rgba(58,47,27,.96) 52%,
      rgba(34,28,17,.98) 100%
    );
  color:#e9dcc0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,236,194,.075),
    inset 0 -1px 0 rgba(44,32,14,.24),
    0 0 0 1px rgba(0,0,0,.16),
    0 7px 16px rgba(0,0,0,.22),
    0 0 13px rgba(185,155,94,.075);
}

.rp-side-btn-first .elementor-button:hover{
  border-color:rgba(201,173,112,.66);
  background:
    radial-gradient(
      ellipse at center,
      rgba(255,232,176,.105) 0%,
      rgba(255,232,176,.045) 24%,
      rgba(0,0,0,0) 54%
    ),
    linear-gradient(
      180deg,
      rgba(95,78,46,.95) 0%,
      rgba(69,56,33,.98) 52%,
      rgba(43,35,22,.99) 100%
    );
  color:#f4e5c8 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,240,208,.10),
    inset 0 -1px 0 rgba(48,35,14,.26),
    0 9px 20px rgba(0,0,0,.26),
    0 0 18px rgba(185,155,94,.13);
}

.rp-side-btn-first .elementor-button:focus,
.rp-side-btn-first .elementor-button:active{
  box-shadow:
    inset 0 1px 0 rgba(255,240,208,.14),
    inset 0 -1px 0 rgba(48,35,14,.26),
    0 9px 20px rgba(0,0,0,.26),
    0 0 0 2px rgba(185,155,94,.14),
    0 0 18px rgba(185,155,94,.13);
}

/* silver */
.rp-side-btn-second .elementor-button{
  border-color:rgba(170,176,184,.40);
  background:
    radial-gradient(
      ellipse at center,
      rgba(235,240,246,.075) 0%,
      rgba(235,240,246,.03) 24%,
      rgba(0,0,0,0) 54%
    ),
    linear-gradient(
      180deg,
      rgba(64,70,78,.92) 0%,
      rgba(47,52,59,.96) 52%,
      rgba(31,35,41,.98) 100%
    );
  color:#dfe3e7 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -1px 0 rgba(28,31,36,.24),
    0 0 0 1px rgba(0,0,0,.16),
    0 7px 16px rgba(0,0,0,.22),
    0 0 13px rgba(185,190,198,.06);
}

.rp-side-btn-second .elementor-button:hover{
  border-color:rgba(198,204,212,.62);
  background:
    radial-gradient(
      ellipse at center,
      rgba(245,248,252,.09) 0%,
      rgba(245,248,252,.04) 24%,
      rgba(0,0,0,0) 54%
    ),
    linear-gradient(
      180deg,
      rgba(82,88,96,.95) 0%,
      rgba(60,65,72,.98) 52%,
      rgba(39,43,49,.99) 100%
    );
  color:#f2f4f6 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 -1px 0 rgba(32,35,40,.26),
    0 9px 20px rgba(0,0,0,.26),
    0 0 18px rgba(195,202,212,.12);
}

.rp-side-btn-second .elementor-button:focus,
.rp-side-btn-second .elementor-button:active{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(32,35,40,.26),
    0 9px 20px rgba(0,0,0,.26),
    0 0 0 2px rgba(190,198,208,.13),
    0 0 18px rgba(195,202,212,.12);
}

/* bronze */
.rp-side-btn-third .elementor-button{
  border-color:rgba(151,103,71,.42);
  background:
    radial-gradient(
      ellipse at center,
      rgba(224,176,145,.075) 0%,
      rgba(224,176,145,.03) 24%,
      rgba(0,0,0,0) 54%
    ),
    linear-gradient(
      180deg,
      rgba(72,48,36,.92) 0%,
      rgba(52,35,27,.96) 52%,
      rgba(34,23,18,.98) 100%
    );
  color:#e5d2c8 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,226,208,.06),
    inset 0 -1px 0 rgba(40,24,17,.24),
    0 0 0 1px rgba(0,0,0,.16),
    0 7px 16px rgba(0,0,0,.22),
    0 0 13px rgba(168,111,74,.06);
}

.rp-side-btn-third .elementor-button:hover{
  border-color:rgba(179,124,88,.62);
  background:
    radial-gradient(
      ellipse at center,
      rgba(234,188,158,.09) 0%,
      rgba(234,188,158,.04) 24%,
      rgba(0,0,0,0) 54%
    ),
    linear-gradient(
      180deg,
      rgba(90,61,45,.95) 0%,
      rgba(65,44,34,.98) 52%,
      rgba(43,30,23,.99) 100%
    );
  color:#f4ddd2 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,234,220,.09),
    inset 0 -1px 0 rgba(44,27,18,.26),
    0 9px 20px rgba(0,0,0,.26),
    0 0 18px rgba(176,118,82,.12);
}

.rp-side-btn-third .elementor-button:focus,
.rp-side-btn-third .elementor-button:active{
  box-shadow:
    inset 0 1px 0 rgba(255,234,220,.12),
    inset 0 -1px 0 rgba(44,27,18,.26),
    0 9px 20px rgba(0,0,0,.26),
    0 0 0 2px rgba(176,118,82,.13),
    0 0 18px rgba(176,118,82,.12);
}

@keyframes rp-side-btn-shimmer{
  0%{
    left:-38%;
    opacity:0;
  }
  12%{
    opacity:1;
  }
  100%{
    left:118%;
    opacity:0;
  }
}

/* =========================================
   Riddler's Project - Homepage News Section
   FINAL POLISH VERSION
   ========================================= */

.rp-home-news-section{
  position: relative;
  width: 100%;
  padding: 30px 20px 44px;
  background: linear-gradient(180deg, #2e2d2b 0%, #252422 100%);
  overflow: hidden;
}

.rp-home-news-section::before{
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top center, rgba(20,44,90,0.26) 0%, rgba(20,44,90,0.08) 30%, rgba(0,0,0,0) 62%);
  pointer-events: none;
}

.rp-home-news-section::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: min(1320px, calc(100% - 40px));
  height: 1px;
  background: linear-gradient(90deg, rgba(185,155,94,0) 0%, rgba(185,155,94,0.88) 50%, rgba(185,155,94,0) 100%);
  opacity: 0.72;
  pointer-events: none;
}

.rp-home-news-inner{
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}

.rp-home-news-head{
  text-align: center;
  max-width: 780px;
  margin: 0 auto 28px;
}

.rp-home-news-eyebrow{
  display: inline-block;
  margin: 0 0 10px;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  color: #b99b5e;
  opacity: 0.95;
}

.rp-home-news-title{
  margin: 0 0 12px;
  font-size: 40px;
  line-height: 1.08;
  font-weight: 700;
  color: #caa35f;
  letter-spacing: 0.15px;
}

.rp-home-news-intro{
  margin: 0 auto;
  max-width: 680px;
  font-size: 15px;
  line-height: 1.65;
  color: #d5d5d5;
}

.rp-home-news-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}

.rp-home-news-card{
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 230px;
  padding: 20px 20px 18px;
  border: 1px solid rgba(185,155,94,0.70);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(12,24,50,0.97) 0%, rgba(7,15,33,0.99) 100%);
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.02) inset,
    0 10px 24px rgba(0,0,0,0.22);
  transition:
    transform 0.28s ease,
    border-color 0.28s ease,
    box-shadow 0.28s ease;
  overflow: hidden;
}

.rp-home-news-card::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, rgba(185,155,94,0) 0%, rgba(185,155,94,0.95) 50%, rgba(185,155,94,0) 100%);
  opacity: 0.92;
}

.rp-home-news-card::after{
  content: "";
  position: absolute;
  top: -78px;
  right: -56px;
  width: 165px;
  height: 165px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(185,155,94,0.10) 0%, rgba(185,155,94,0.03) 38%, rgba(185,155,94,0) 72%);
  pointer-events: none;
}

.rp-home-news-card:hover{
  transform: translateY(-4px);
  border-color: #b99b5e;
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.03) inset,
    0 14px 30px rgba(0,0,0,0.30),
    0 0 16px rgba(185,155,94,0.06);
}

.rp-home-news-card-top{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 14px;
}

.rp-home-news-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 6px 12px;
  border: 1px solid rgba(185,155,94,0.60);
  border-radius: 999px;
  background: rgba(185,155,94,0.08);
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #f0d089;
}

.rp-home-news-card-title{
  margin: 0 0 12px;
  font-size: 20px;
  line-height: 1.30;
  font-weight: 700;
  color: #f3f3f3;
}

.rp-home-news-card-text{
  margin: 0;
  font-size: 14px;
  line-height: 1.72;
  color: #d0d0d0;
}

.rp-home-news-card--notice .rp-home-news-badge{
  color: #ffd392;
  border-color: rgba(255,180,80,0.42);
  background: rgba(255,180,80,0.10);
}

.rp-home-news-card--notice .rp-home-news-card-title{
  color: #fff2dd;
}

.rp-home-news-card--next .rp-home-news-badge{
  color: #dcc18d;
}

@media (max-width: 1200px){
  .rp-home-news-title{
    font-size: 36px;
  }

  .rp-home-news-card{
    min-height: 244px;
  }
}

@media (max-width: 1024px){
  .rp-home-news-section{
    padding: 54px 20px 48px;
  }

  .rp-home-news-head{
    margin-bottom: 26px;
  }

  .rp-home-news-grid{
    grid-template-columns: 1fr;
    gap: 18px;
    max-width: 860px;
    margin: 0 auto;
  }

  .rp-home-news-card{
    min-height: auto;
  }

  .rp-home-news-title{
    font-size: 32px;
  }
}

@media (max-width: 767px){
  .rp-home-news-section{
    padding: 46px 16px 42px;
  }

  .rp-home-news-head{
    margin-bottom: 22px;
  }

  .rp-home-news-title{
    font-size: 27px;
  }

  .rp-home-news-intro{
    font-size: 14px;
    line-height: 1.60;
  }

  .rp-home-news-card{
    padding: 18px 17px 17px;
    border-radius: 16px;
  }

  .rp-home-news-card-title{
    font-size: 19px;
  }

  .rp-home-news-card-text{
    font-size: 14px;
    line-height: 1.62;
  }
}

@supports selector(body:has(.rp-home-hero-shortcode)){
  body:has(.rp-home-hero-shortcode) :is(
    #main,
    #main-container,
    .site-main,
    .ct-main,
    .ct-container-full,
    .content-area,
    .entry-content,
    .page-content,
    article,
    .post,
    .page
  ){
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  body:has(.rp-home-hero-shortcode) :is(.ct-header, .site-header, header){
    margin-bottom:0 !important;
  }

  body:has(.rp-home-hero-shortcode) :is(
    .elementor,
    .elementor-section-wrap,
    .elementor-section:has(.rp-account-strip),
    .elementor-section:has(.rp-home-hero-shortcode),
    .elementor-container:has(.rp-account-strip),
    .elementor-container:has(.rp-home-hero-shortcode),
    .elementor-column:has(.rp-account-strip),
    .elementor-column:has(.rp-home-hero-shortcode),
    .elementor-widget-wrap:has(.rp-account-strip),
    .elementor-widget-wrap:has(.rp-home-hero-shortcode),
    .elementor-widget-container:has(.rp-account-strip),
    .elementor-widget-container:has(.rp-home-hero-shortcode)
  ){
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  body:has(.rp-home-hero-shortcode) .entry-content > :is(p, div, section):has(.rp-account-strip),
  body:has(.rp-home-hero-shortcode) .entry-content > :is(p, div, section):has(.rp-home-hero-shortcode){
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  body:has(.rp-home-hero-shortcode) .entry-content > p:empty,
  body:has(.rp-home-hero-shortcode) .entry-content > p + p:empty,
  body:has(.rp-home-hero-shortcode) .rp-account-strip + p:empty,
  body:has(.rp-home-hero-shortcode) .rp-home-hero-shortcode + p:empty{
    display:none !important;
  }

  body:has(.rp-home-hero-shortcode) .rp-footer__inner{
    padding-top:18px !important;
  }

  body:has(.rp-home-hero-shortcode) .rp-home-hero-shortcode{
    border-bottom:0 !important;
  }

  body:has(.rp-home-hero-shortcode) .rp-home-hero-shortcode + :is(.rp-fantasy-home-matchday, .rp-fantasy-wrap, section, div){
    margin-top:-1px !important;
  }

  body:has(.rp-home-hero-shortcode) .rp-fantasy-home-matchday{
    display:none !important;
  }
}

@supports selector(body:has(.rp-account-strip)){
  body:has(.rp-account-strip) :is(.ct-header, .site-header){
    margin-bottom:0 !important;
    box-shadow:
      inset 0 -1px 0 rgba(255,228,170,.05) !important;
  }

  body:has(.rp-account-strip) :is(.ct-header, .site-header)::after{
    bottom:-1px !important;
  }

  body:has(.rp-account-strip) .rp-account-strip{
    margin-top:-1px !important;
    border-top:0 !important;
  }
}

/* Homepage account strip fallback for shortcode-rendered front pages */
.rp-account-strip{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-top:-1px !important;
  margin-bottom:0 !important;
  border-top:0;
  border-bottom:1px solid rgba(185,155,94,.18);
  background:rgba(31,31,29,.96);
  color:#e0e0e0;
  font-family:"Inter",sans-serif;
  box-sizing:border-box;
}

.rp-account-strip__inner{
  display:flex;
  align-items:stretch;
  justify-content:center;
  gap:0;
  width:min(1540px,calc(100% - 40px));
  min-height:58px;
  margin:0 auto;
}

.rp-account-strip__fantasy{
  flex:1 1 760px;
  min-width:0;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:6px 16px;
  border-left:1px solid rgba(218,188,115,.14);
  color:#e0e0e0;
  box-sizing:border-box;
}

.rp-account-strip__fantasy-link{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 13px;
  border:1px solid rgba(218,188,115,.36);
  border-radius:999px;
  background:rgba(218,188,115,.075);
  color:#e6c879 !important;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  line-height:1;
  text-decoration:none !important;
  text-transform:uppercase;
  white-space:nowrap;
}

.rp-account-strip__fantasy-matches{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
}

.rp-account-strip__fantasy-match{
  min-height:42px;
  display:grid;
  grid-template-columns:auto minmax(150px,1fr) auto;
  align-items:center;
  gap:9px;
  padding:5px 8px;
  border:1px solid rgba(185,155,94,.20);
  border-radius:10px;
  background:
    radial-gradient(circle at 50% 0%, rgba(218,188,115,.075), transparent 60%),
    rgba(0,0,0,.16);
}

.rp-account-strip__fantasy-date{
  display:grid;
  gap:1px;
  min-width:54px;
  text-align:left;
}

.rp-account-strip__fantasy-date span{
  color:#c7a76a;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  line-height:1;
  text-transform:uppercase;
}

.rp-account-strip__fantasy-date strong{
  color:#f0d894;
  font-family:"Chakra Petch",sans-serif;
  font-size:13px;
  font-weight:900;
  line-height:1;
}

.rp-account-strip__fantasy-teams{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:#eee3cf;
  font-family:"Chakra Petch",sans-serif;
  font-size:12px;
  font-weight:900;
  line-height:1.05;
  text-transform:uppercase;
}

.rp-account-strip__fantasy-teams span{
  min-width:0;
  max-width:120px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.rp-account-strip__fantasy-teams b{
  flex:0 0 auto;
  color:#b99b5e;
  font-size:9px;
  letter-spacing:.08em;
}

.rp-account-strip__fantasy-form{
  margin:0;
}

.rp-account-strip__fantasy-picks{
  display:inline-flex;
  align-items:center;
  gap:4px;
}

.rp-account-strip__fantasy-pick,
.rp-account-strip__fantasy-open,
.rp-account-strip__fantasy-saved{
  min-width:28px;
  min-height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 8px;
  border:1px solid rgba(218,188,115,.26);
  border-radius:7px;
  background:rgba(0,0,0,.22);
  color:#e8dcc4 !important;
  font-family:"Chakra Petch",sans-serif;
  font-size:12px;
  font-weight:900;
  line-height:1;
  text-decoration:none !important;
  cursor:pointer;
}

.rp-account-strip__fantasy-pick:hover,
.rp-account-strip__fantasy-pick:focus-visible,
.rp-account-strip__fantasy-open:hover,
.rp-account-strip__fantasy-open:focus-visible{
  border-color:rgba(218,188,115,.52);
  background:rgba(218,188,115,.12);
  color:#ffe7a4 !important;
  outline:none;
}

.rp-account-strip__fantasy-pick.is-selected,
.rp-account-strip__fantasy-saved{
  border-color:rgba(218,188,115,.68);
  background:linear-gradient(180deg, rgba(141,109,50,.72), rgba(70,53,25,.88));
  color:#ffe7a4 !important;
  box-shadow:0 0 14px rgba(218,188,115,.12);
}

.rp-account-strip__fantasy-form.is-saved .rp-account-strip__fantasy-pick.is-selected,
.rp-account-strip__fantasy-pick.is-saved{
  border-color:rgba(91,214,128,.72);
  background:linear-gradient(180deg, #6ff59a, #2f9f5a);
  color:#07140b !important;
  box-shadow:0 0 0 1px rgba(91,214,128,.24), 0 0 16px rgba(91,214,128,.28);
  animation:rpAccountFantasySaved .9s ease both;
}

.rp-account-strip__fantasy-form.is-saving .rp-account-strip__fantasy-pick:not(.is-loading){
  opacity:.48;
}

@keyframes rpAccountFantasySaved{
  0%{ transform:translateY(0) scale(1); }
  28%{ transform:translateY(-1px) scale(1.04); }
  100%{ transform:translateY(0) scale(1); }
}

.rp-account-strip__fantasy-empty{
  color:rgba(224,224,224,.72);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.rp-account-strip__item{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:128px;
  padding:0 18px;
  border-left:1px solid rgba(218,188,115,.14);
  color:#e0e0e0 !important;
  font-family:"Inter",sans-serif;
  font-size:12px;
  font-weight:750;
  line-height:1;
  text-decoration:none !important;
  box-sizing:border-box;
}

.rp-account-strip__item:last-child{
  border-right:1px solid rgba(218,188,115,.14);
}

.rp-account-strip__item > span:not(.dashicons){
  color:#b99b5e;
  font-size:10px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.rp-account-strip__item strong{
  overflow-wrap:anywhere;
  color:#e3c77f;
  font-family:"Chakra Petch",sans-serif;
  font-size:14px;
  font-weight:800;
  letter-spacing:0;
}

.rp-account-strip__item--points{
  min-width:112px;
}

.rp-account-strip__item--rank,
.rp-account-strip__item--draw{
  min-width:96px;
  padding:0 14px;
}

.rp-account-strip__item--rank{
  cursor:pointer;
}

.rp-account-strip__item--rank strong,
.rp-account-strip__item--draw strong{
  white-space:nowrap;
}

.rp-account-strip__item--draw strong{
  font-size:13px;
}

.rp-account-strip__item--rank:hover,
.rp-account-strip__item--rank:focus-visible{
  background:rgba(218,188,115,.065);
  outline:none;
}

.rp-account-strip__item--rank:hover strong,
.rp-account-strip__item--rank:focus-visible strong{
  color:#f0d894;
}

.rp-account-strip__messages .dashicons,
.rp-account-strip__settings .dashicons{
  width:20px;
  height:20px;
  color:#dabc73;
  font-size:20px;
  line-height:20px;
}

.rp-account-strip__messages b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:20px;
  height:20px;
  padding:0 6px;
  border-radius:999px;
  background:#dabc73;
  color:#241c10;
  font-size:11px;
  line-height:1;
  box-sizing:border-box;
}

.rp-account-strip.has-unread .rp-account-strip__messages{
  background:rgba(218,188,115,.075);
  box-shadow:inset 0 -2px 0 #dabc73;
}

.rp-account-strip.has-unread .rp-account-strip__messages b{
  background:#d63637;
  color:#fff;
  box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 0 16px rgba(214,54,55,.34);
}

.rp-account-strip__settings{
  min-width:52px;
  padding:0 15px;
  cursor:pointer;
}

.rp-account-strip__settings:hover,
.rp-account-strip__settings:focus-visible{
  background:rgba(218,188,115,.065);
  outline:none;
}

.rp-account-strip__settings:hover .dashicons,
.rp-account-strip__settings:focus-visible .dashicons{
  color:#f0d894;
}

@media (max-width:760px){
  .rp-account-strip__inner{
    width:100%;
    justify-content:center;
    flex-wrap:wrap;
  }

  .rp-account-strip__fantasy{
    flex:1 1 100%;
    border-right:1px solid rgba(218,188,115,.14);
  }

  .rp-account-strip__fantasy-match{
    grid-template-columns:1fr;
    text-align:center;
  }

  .rp-account-strip__fantasy-date,
  .rp-account-strip__fantasy-teams{
    justify-content:center;
    text-align:center;
  }

  .rp-account-strip__item{
    min-width:0;
    padding:0 12px;
  }
}

/* Shortcode homepage hero */
.rp-home-hero-shortcode{
  --rp-home-bg: radial-gradient(circle at 50% 58%, rgba(199, 160, 72, 0.16), transparent 34%),
    linear-gradient(180deg, #171615 0%, #11100f 100%);
  --rp-home-bg-x: 50%;
  --rp-home-bg-y: 30%;
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: 650px;
  overflow: hidden;
  padding: 24px 24px 24px;
  background:
    radial-gradient(circle at 50% 50%, rgba(229, 185, 85, 0.16), transparent 28%),
    linear-gradient(180deg, rgba(12, 12, 11, 0.38), rgba(10, 10, 9, 0.86)),
    var(--rp-home-bg);
  background-size: auto, auto, cover;
  background-position: center, center, var(--rp-home-bg-x) var(--rp-home-bg-y) !important;
  background-repeat: no-repeat !important;
  border-top: 1px solid rgba(198, 155, 66, 0.32);
  border-bottom: 1px solid rgba(198, 155, 66, 0.20);
  isolation: isolate;
}

.rp-home-hero-shortcode::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(10, 10, 9, 0.68), transparent 28%, transparent 72%, rgba(10, 10, 9, 0.68)),
    radial-gradient(circle at 50% 44%, transparent 0, rgba(8, 8, 7, 0.38) 58%, rgba(8, 8, 7, 0.72) 100%);
}

.rp-home-hero-shell{
  display: grid;
  grid-template-columns: minmax(240px, 260px) minmax(600px, 690px) minmax(240px, 260px);
  align-items: center;
  justify-content: center;
  gap: clamp(60px, 5vw, 95px);
  max-width: 1400px;
  margin: 0 auto;
}

.rp-home-hero-panel{
  display: flex;
  flex-direction: column;
  align-self: center;
  min-width: 0;
}

.rp-home-hero-panel-title{
  margin: 0 0 46px;
  color: #d6ad58;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.55);
  white-space: nowrap;
}

.rp-home-hero-panel-title::after{
  content: "";
  display: block;
  width: 150px;
  height: 1px;
  margin: 16px auto 0;
  background: linear-gradient(90deg, transparent, rgba(207, 163, 70, 0.55), transparent);
}

.rp-home-hero-list{
  display: grid;
  gap: 16px;
}

.rp-home-hero-item{
  height: 48px;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: 100%;
  padding: 8px 16px;
  border: 1px solid rgba(185,155,94,.34);
  border-radius: 9px;
  color: #ded8ca !important;
  background:
    radial-gradient(
      ellipse at center,
      rgba(255,228,170,.050) 0%,
      rgba(255,228,170,.018) 24%,
      rgba(0,0,0,0) 52%
    ),
    linear-gradient(
      180deg,
      rgba(39,38,36,.80) 0%,
      rgba(25,24,23,.92) 52%,
      rgba(13,13,12,.97) 100%
    );
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -1px 0 rgba(0,0,0,.24),
    0 0 0 1px rgba(0,0,0,.18),
    0 7px 16px rgba(0,0,0,.20),
    0 0 16px rgba(185,155,94,.070);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.05;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow:
    0 1px 2px rgba(0,0,0,.70),
    0 0 8px rgba(255,224,150,.05);
  position: relative;
  overflow: hidden;
  transition:
    box-shadow .22s ease,
    border-color .22s ease,
    background .22s ease,
    color .22s ease,
    filter .22s ease,
    transform .22s ease;
}

.rp-home-hero-item::before{
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 6px;
  border: 1px solid rgba(255,235,190,.095);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    inset 0 -1px 0 rgba(0,0,0,.14);
  pointer-events: none;
  z-index: 1;
}

.rp-home-hero-item::after{
  content: "";
  position: absolute;
  top: -25%;
  left: -38%;
  width: 24%;
  height: 150%;
  background: linear-gradient(
    115deg,
    rgba(255,245,215,0) 0%,
    rgba(255,245,215,0) 35%,
    rgba(255,245,215,.07) 46%,
    rgba(255,250,235,.18) 50%,
    rgba(255,245,215,.07) 54%,
    rgba(255,245,215,0) 65%,
    rgba(255,245,215,0) 100%
  );
  transform: skewX(-22deg);
  opacity: 0;
  pointer-events: none;
  z-index: 2;
}

.rp-home-hero-item-label,
.rp-home-download-count{
  position: relative;
  z-index: 3;
}

.rp-home-hero-item:hover,
.rp-home-hero-item:focus-visible{
  color: #eee5d5 !important;
  border-color: rgba(185,155,94,.62);
  filter: brightness(1.02);
  background:
    radial-gradient(
      ellipse at center,
      rgba(255,228,170,.065) 0%,
      rgba(255,228,170,.028) 24%,
      rgba(0,0,0,0) 52%
    ),
    linear-gradient(
      180deg,
      rgba(49,46,42,.90) 0%,
      rgba(33,31,29,.95) 52%,
      rgba(18,18,17,.98) 100%
    );
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -1px 0 rgba(0,0,0,.26),
    0 9px 20px rgba(0,0,0,.24),
    0 0 20px rgba(185,155,94,.12);
  transform: translateY(-1px);
}

.rp-home-hero-item:hover::after,
.rp-home-hero-item:focus-visible::after{
  opacity: 1;
  animation: rp-side-btn-shimmer .9s ease;
}

.rp-home-hero-item--empty{
  cursor: default;
}

.rp-home-hero-item--downloaded{
  justify-content: center;
  gap: 10px;
  text-align: center;
}

.rp-home-hero-item--downloaded.rp-home-hero-item--empty{
  justify-content: center;
  text-align: center;
}

.rp-home-hero-item--downloaded .rp-home-hero-item-label{
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-wrap: normal;
}

.rp-home-hero-item--downloaded.rp-home-hero-item--title-medium .rp-home-hero-item-label{
  font-size: 16px;
}

.rp-home-hero-item--downloaded.rp-home-hero-item--title-long .rp-home-hero-item-label{
  font-size: 13px;
}

.rp-home-hero-item--downloaded.rp-home-hero-item--title-xlong .rp-home-hero-item-label{
  font-size: 12px;
}

.rp-home-hero-item--downloaded.rp-home-hero-item--title-xxlong .rp-home-hero-item-label{
  font-size: 11px;
}

.rp-home-download-count{
  flex: 0 0 auto;
  min-width: 30px;
  padding: 4px 7px;
  border: 1px solid rgba(225, 185, 89, 0.45);
  border-radius: 999px;
  color: #e4c471;
  background: rgba(0, 0, 0, 0.28);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
  text-shadow: none;
}

.rp-home-hero-item--rank-1{
  border-color: rgba(185,155,94,.46);
  background:
    radial-gradient(
      ellipse at center,
      rgba(255,226,160,.085) 0%,
      rgba(255,226,160,.035) 24%,
      rgba(0,0,0,0) 54%
    ),
    linear-gradient(
      180deg,
      rgba(79,64,36,.92) 0%,
      rgba(58,47,27,.96) 52%,
      rgba(34,28,17,.98) 100%
    );
  color: #e9dcc0 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,236,194,.075),
    inset 0 -1px 0 rgba(44,32,14,.24),
    0 0 0 1px rgba(0,0,0,.16),
    0 7px 16px rgba(0,0,0,.22),
    0 0 13px rgba(185,155,94,.075);
}

.rp-home-hero-item--rank-1:hover,
.rp-home-hero-item--rank-1:focus-visible{
  border-color: rgba(201,173,112,.66);
  background:
    radial-gradient(
      ellipse at center,
      rgba(255,232,176,.105) 0%,
      rgba(255,232,176,.045) 24%,
      rgba(0,0,0,0) 54%
    ),
    linear-gradient(
      180deg,
      rgba(95,78,46,.95) 0%,
      rgba(69,56,33,.98) 52%,
      rgba(43,35,22,.99) 100%
    );
  color: #f4e5c8 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,240,208,.10),
    inset 0 -1px 0 rgba(48,35,14,.26),
    0 9px 20px rgba(0,0,0,.26),
    0 0 18px rgba(185,155,94,.13);
}

.rp-home-hero-item--rank-2{
  border-color: rgba(170,176,184,.40);
  background:
    radial-gradient(
      ellipse at center,
      rgba(235,240,246,.075) 0%,
      rgba(235,240,246,.03) 24%,
      rgba(0,0,0,0) 54%
    ),
    linear-gradient(
      180deg,
      rgba(64,70,78,.92) 0%,
      rgba(47,52,59,.96) 52%,
      rgba(31,35,41,.98) 100%
    );
  color: #dfe3e7 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -1px 0 rgba(28,31,36,.24),
    0 0 0 1px rgba(0,0,0,.16),
    0 7px 16px rgba(0,0,0,.22),
    0 0 13px rgba(185,190,198,.06);
}

.rp-home-hero-item--rank-2:hover,
.rp-home-hero-item--rank-2:focus-visible{
  border-color: rgba(198,204,212,.62);
  background:
    radial-gradient(
      ellipse at center,
      rgba(245,248,252,.09) 0%,
      rgba(245,248,252,.04) 24%,
      rgba(0,0,0,0) 54%
    ),
    linear-gradient(
      180deg,
      rgba(82,88,96,.95) 0%,
      rgba(60,65,72,.98) 52%,
      rgba(39,43,49,.99) 100%
    );
  color: #f2f4f6 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 -1px 0 rgba(32,35,40,.26),
    0 9px 20px rgba(0,0,0,.26),
    0 0 18px rgba(195,202,212,.12);
}

.rp-home-hero-item--rank-3{
  border-color: rgba(151,103,71,.42);
  background:
    radial-gradient(
      ellipse at center,
      rgba(224,176,145,.075) 0%,
      rgba(224,176,145,.03) 24%,
      rgba(0,0,0,0) 54%
    ),
    linear-gradient(
      180deg,
      rgba(72,48,36,.92) 0%,
      rgba(52,35,27,.96) 52%,
      rgba(34,23,18,.98) 100%
    );
  color: #e5d2c8 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,226,208,.06),
    inset 0 -1px 0 rgba(40,24,17,.24),
    0 0 0 1px rgba(0,0,0,.16),
    0 7px 16px rgba(0,0,0,.22),
    0 0 13px rgba(168,111,74,.06);
}

.rp-home-hero-item--rank-3:hover,
.rp-home-hero-item--rank-3:focus-visible{
  border-color: rgba(179,124,88,.62);
  background:
    radial-gradient(
      ellipse at center,
      rgba(234,188,158,.09) 0%,
      rgba(234,188,158,.04) 24%,
      rgba(0,0,0,0) 54%
    ),
    linear-gradient(
      180deg,
      rgba(90,61,45,.95) 0%,
      rgba(65,44,34,.98) 52%,
      rgba(43,30,23,.99) 100%
    );
  color: #f4ddd2 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,234,220,.09),
    inset 0 -1px 0 rgba(44,27,18,.26),
    0 9px 20px rgba(0,0,0,.26),
    0 0 18px rgba(176,118,82,.12);
}

.rp-home-orbit-shortcode{
  position: relative;
  width: min(100%, 690px);
  max-width: 690px;
  min-height: 610px;
  margin: 0 auto;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
}

.rp-home-medallion{
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: clamp(104px, 7.2vw, 134px);
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0 14px 14px rgba(0, 0, 0, 0.58));
  transition:
    filter .22s ease,
    transform .22s ease;
  z-index: 5;
  color: inherit;
  text-decoration: none !important;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
}

.rp-home-medallion::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 68%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: rgba(0,0,0,.50);
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity .22s ease;
  pointer-events: none;
  z-index: 2;
}

.rp-home-medallion img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  z-index: 1;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  transition:
    filter .22s ease,
    transform .22s ease;
}

.rp-home-medallion:focus{
  outline: none;
}

.rp-home-medallion-fallback{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid rgba(230, 178, 61, 0.85);
  border-radius: 50%;
  color: #f4d06b;
  background:
    radial-gradient(circle at 45% 30%, rgba(239, 191, 72, 0.28), transparent 33%),
    linear-gradient(145deg, #32220d, #0c0c0b 64%);
  box-shadow:
    inset 0 0 0 2px rgba(22, 16, 8, 0.72),
    inset 0 0 24px rgba(0, 0, 0, 0.72);
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
}

.rp-home-medallion-label{
  position: absolute;
  left: 50%;
  top: 50%;
  width: calc(100% + 26px);
  min-width: 120px;
  max-width: 160px;
  padding: 0;
  box-sizing: border-box;
  color: #eadfc7;
  background: transparent;
  box-shadow: none;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.06;
  text-align: center;
  text-transform: uppercase;
  text-shadow:
    0 1px 2px rgba(0,0,0,.90),
    0 2px 8px rgba(0,0,0,.78);
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity .22s ease;
  pointer-events: none;
  z-index: 3;
}

.rp-home-medallion-label-line{
  display: block;
  width: 100%;
  white-space: nowrap;
}

.rp-home-medallion:hover,
.rp-home-medallion:focus-visible{
  filter:
    drop-shadow(0 14px 14px rgba(0, 0, 0, 0.58))
    drop-shadow(0 0 12px rgba(218,188,115,.22));
  z-index: 20;
  outline: none;
}

.rp-home-medallion:hover::before,
.rp-home-medallion:focus-visible::before{
  opacity: 1;
}

.rp-home-medallion:hover img,
.rp-home-medallion:focus-visible img{
  filter: brightness(.78) drop-shadow(0 0 10px rgba(218,188,115,.20));
  transform: scale(1.012);
}

.rp-home-medallion:hover .rp-home-medallion-label{
  opacity: 1;
}

.rp-home-medallion:focus-visible .rp-home-medallion-label{
  opacity: 1;
}

.rp-home-office-wrap{
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(48%, 340px);
  transform: translate(-50%, -50%);
}

.rp-home-orbit-shortcode .rp-home-office-btn{
  width: 100%;
  min-height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1240px){
  .rp-home-hero-shell{
    grid-template-columns: minmax(220px, 260px) minmax(430px, 600px) minmax(220px, 260px);
    gap: 24px;
  }

  .rp-home-hero-item{
    font-size: 17px;
  }

  .rp-home-orbit-shortcode{
    min-height: 530px;
  }

  .rp-home-medallion{
    width: clamp(92px, 8.4vw, 114px);
  }
}

@media (max-width: 980px){
  .rp-home-hero-shell{
    grid-template-columns: 1fr;
    max-width: 760px;
  }

  .rp-home-hero-center{
    order: 1;
  }

  .rp-home-hero-panel--latest{
    order: 2;
  }

  .rp-home-hero-panel--downloaded{
    order: 3;
  }

  .rp-home-orbit-shortcode{
    min-height: 560px;
  }

  .rp-home-hero-list{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px){
  .rp-home-hero-shortcode{
    padding: 34px 16px 38px;
  }

  .rp-home-hero-list{
    grid-template-columns: 1fr;
  }

  .rp-home-hero-panel-title{
    white-space: normal;
  }

  .rp-home-orbit-shortcode{
    min-height: 460px;
  }

  .rp-home-medallion{
    width: 74px;
  }

  .rp-home-medallion-label{
    width: calc(100% + 20px);
    min-width: 92px;
    max-width: 112px;
    font-size: 10px;
  }

  .rp-home-office-wrap{
    width: 58%;
  }

  .rp-home-orbit-shortcode .rp-home-office-btn{
    min-height: 72px;
  }
}