/* =====================================================
   ST4R V63 FORCE LAYOUT
   title + center logo + wheel card
   ===================================================== */

@media (min-width:1200px){

/* ---------- HERO ---------- */

body.compact-site #daily.st4r60-hero{
  height:calc(100vh - 78px)!important;
  min-height:760px!important;
  max-height:940px!important;
  padding:20px 46px 30px!important;
  overflow:hidden!important;
}

body.compact-site #daily .st4r60-main{
  width:100%!important;
  max-width:1540px!important;
  height:calc(100% - 95px)!important;
  margin:0 auto!important;

  display:grid!important;
  grid-template-columns:
    minmax(430px,1.08fr)
    minmax(390px,.94fr)
    minmax(390px,.88fr)!important;

  gap:26px!important;
  align-items:center!important;
}


/* ---------- LEFT TITLE ---------- */

body.compact-site #daily .st4r60-left{
  max-width:560px!important;
  transform:translateY(-22px)!important;
}

body.compact-site #daily .st4r60-pill{
  margin-bottom:18px!important;
  padding:10px 17px!important;

  background:rgba(5,15,43,.58)!important;
  border:1px solid rgba(131,201,255,.38)!important;

  box-shadow:
    0 0 18px rgba(74,143,255,.12)!important;
}

body.compact-site #daily .st4r60-left h2{
  margin:0 0 18px!important;

  font-size:66px!important;
  line-height:.93!important;

  font-weight:950!important;
  letter-spacing:-.048em!important;

  color:#ffffff!important;

  text-shadow:
    0 8px 30px rgba(0,0,0,.35)!important;
}

body.compact-site #daily .st4r60-left h2 span{
  color:#b8e8ff!important;

  text-shadow:
    0 0 20px rgba(102,200,255,.20)!important;
}

body.compact-site #daily .st4r60-left p{
  max-width:520px!important;

  font-size:15px!important;
  line-height:1.55!important;

  color:#eaf3ff!important;
}

body.compact-site #daily .st4r60-actions{
  margin:23px 0 15px!important;
}

body.compact-site #daily .st4r60-tags{
  gap:8px!important;
}


/* ---------- CENTER LOGO ---------- */

body.compact-site #daily .st4r60-brand{
  position:relative!important;

  min-height:620px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  transform:translateY(-24px)!important;
}


/* outer blue circle */
body.compact-site #daily .st4r60-brand-halo{
  width:470px!important;
  height:470px!important;

  border:3px solid rgba(87,158,255,.92)!important;

  box-shadow:
    0 0 18px rgba(87,175,255,.44),
    0 0 62px rgba(77,106,255,.20),
    inset 0 0 68px rgba(36,68,160,.14)!important;
}

body.compact-site #daily .st4r60-brand-halo::after{
  inset:-18px!important;

  border:1px solid rgba(125,183,255,.22)!important;
}


/* gold orbit — only around center logo */
body.compact-site #daily .st4r60-orbit.orbit-a{
  width:490px!important;
  height:125px!important;

  transform:rotate(-18deg)!important;

  border:4px solid #ffca66!important;

  box-shadow:
    0 0 20px rgba(255,196,82,.34)!important;
}

body.compact-site #daily .st4r60-orbit.orbit-b{
  display:none!important;
}


/* STAR bigger */
body.compact-site #daily .st4r60-star-shape{
  position:absolute!important;

  left:50%!important;
  top:39%!important;

  transform:translate(-50%,-50%)!important;

  width:280px!important;
  height:280px!important;

  filter:
    drop-shadow(0 0 14px rgba(255,255,255,.72))
    drop-shadow(0 0 32px rgba(75,146,255,.48))
    drop-shadow(0 0 18px rgba(255,195,85,.30))!important;
}

body.compact-site #daily .st4r60-star-shape::before{
  width:72px!important;
  height:275px!important;
}

body.compact-site #daily .st4r60-star-shape::after{
  width:275px!important;
  height:72px!important;
}


/* ST4R text */
body.compact-site #daily .st4r60-wordmark{
  bottom:42px!important;
}

body.compact-site #daily .st4r60-wordmark strong{
  font-size:108px!important;
  line-height:.82!important;

  letter-spacing:-.06em!important;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #edf7ff 25%,
      #c7dfff 42%,
      #ffd78c 66%,
      #ffffff 87%
    )!important;

  -webkit-background-clip:text!important;
  background-clip:text!important;

  color:transparent!important;

  filter:
    drop-shadow(0 0 12px rgba(99,172,255,.38))
    drop-shadow(0 0 12px rgba(255,191,72,.22))!important;
}

body.compact-site #daily .st4r60-wordmark span{
  margin-top:11px!important;

  font-size:28px!important;
  letter-spacing:.45em!important;
}


/* ---------- RIGHT CARD ---------- */

body.compact-site #daily .st4r60-card{
  width:100%!important;
  max-width:425px!important;

  justify-self:end!important;

  transform:translateY(-18px)!important;

  padding:20px 20px 18px!important;

  border-radius:28px!important;

  background:
    linear-gradient(
      180deg,
      rgba(8,16,48,.86),
      rgba(4,10,30,.83)
    )!important;

  border:
    1px solid rgba(105,173,255,.32)!important;

  box-shadow:
    0 28px 64px rgba(0,0,0,.34),
    0 0 38px rgba(72,112,255,.12),
    inset 0 1px 0 rgba(255,255,255,.05)!important;
}


/* card title */
body.compact-site #daily .st4r60-card-head{
  margin-bottom:4px!important;
}

body.compact-site #daily .st4r60-card-head h3{
  margin:5px 0 0!important;

  font-size:26px!important;
  line-height:.95!important;

  letter-spacing:-.03em!important;

  color:#fff!important;
}


/* ---------- WHEEL ---------- */

body.compact-site #daily .st4r60-wheel-stage{
  position:relative!important;

  min-height:370px!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  margin:0!important;

  overflow:visible!important;
}


/* exact wheel image */
body.compact-site #daily .v28-wheel.st4r60-wheel{
  display:block!important;

  position:relative!important;

  width:345px!important;
  height:345px!important;

  min-width:345px!important;
  min-height:345px!important;

  flex:0 0 345px!important;

  border-radius:50%!important;

  overflow:hidden!important;

  border:0!important;

  background:
    url("/assets/img/st4r-wheel-face-v61.png")
    center center / 100% 100%
    no-repeat!important;

  box-shadow:
    0 0 0 1px rgba(220,248,255,.16),
    0 0 18px rgba(76,213,255,.44),
    0 0 48px rgba(76,93,255,.36)!important;

  filter:none!important;

  isolation:isolate!important;
}


/* kill all old wheel layers */
body.compact-site #daily .v28-wheel.st4r60-wheel::before,
body.compact-site #daily .v28-wheel.st4r60-wheel::after{
  content:none!important;
  display:none!important;
  background:none!important;
  animation:none!important;
}


/* pointer */
body.compact-site #daily .st4r60-pointer{
  position:absolute!important;

  top:0!important;
  left:50%!important;

  transform:translateX(-50%)!important;

  border-left:18px solid transparent!important;
  border-right:18px solid transparent!important;
  border-bottom:0!important;
  border-top:31px solid #d6fbff!important;

  z-index:50!important;

  filter:
    drop-shadow(0 0 8px #ffffff)
    drop-shadow(0 0 16px #73eaff)!important;
}


/* message */
body.compact-site #daily .st4r60-note{
  max-width:350px!important;

  min-height:40px!important;

  margin:2px auto 10px!important;

  font-size:11px!important;
  line-height:1.45!important;

  color:#dce9ff!important;
}


/* spin button */
body.compact-site #daily .st4r60-spin-btn{
  min-height:52px!important;

  border-radius:17px!important;

  font-size:14px!important;
  font-weight:900!important;

  background:
    linear-gradient(
      180deg,
      #2850d3,
      #112d91
    )!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 0 24px rgba(66,130,255,.20)!important;
}


/* ---------- STATS ---------- */

body.compact-site #daily .st4r60-stats{
  position:absolute!important;

  left:5.5%!important;
  bottom:28px!important;

  width:780px!important;

  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;

  gap:12px!important;
}

body.compact-site #daily .st4r60-stat{
  min-height:74px!important;

  padding:13px 15px!important;

  border-radius:18px!important;

  background:
    rgba(7,16,43,.72)!important;

  border:
    1px solid rgba(111,176,255,.27)!important;

  backdrop-filter:blur(8px)!important;
}


/* ---------- HEADER BRAND FORCE ---------- */

body.compact-site .masthead-brand{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}

body.compact-site .masthead-logo{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}

body.compact-site .masthead-wordmark{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}


/* 1366-1500 */
@media (max-width:1500px){

  body.compact-site #daily .st4r60-left h2{
    font-size:58px!important;
  }

  body.compact-site #daily .st4r60-brand-halo{
    width:400px!important;
    height:400px!important;
  }

  body.compact-site #daily .st4r60-orbit.orbit-a{
    width:425px!important;
    height:108px!important;
  }

  body.compact-site #daily .st4r60-star-shape{
    width:220px!important;
    height:220px!important;
  }

  body.compact-site #daily .st4r60-star-shape::before{
    height:215px!important;
  }

  body.compact-site #daily .st4r60-star-shape::after{
    width:215px!important;
  }

  body.compact-site #daily .st4r60-wordmark strong{
    font-size:82px!important;
  }

  body.compact-site #daily .v28-wheel.st4r60-wheel{
    width:310px!important;
    height:310px!important;

    min-width:310px!important;
    min-height:310px!important;

    flex-basis:310px!important;
  }

  body.compact-site #daily .st4r60-wheel-stage{
    min-height:330px!important;
  }
}