:where(.gametile-factor) *,
:where(.gametile-factor) *::before,
:where(.gametile-factor) *::after {
  box-sizing:border-box;
  margin:0;
  padding:0
}

html:where(.gametile-factor) {
  scroll-behavior:smooth
}

:where(.gametile-factor) body {
  background:#0d210d;
  color:#FFFFFF;
  font-family:'Rubik',sans-serif;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  --jgapjo:#0d210d;
  --dqkwpa:#04CB00
}

:where(.gametile-factor) a {
  color:#04CB00;
  text-decoration:none;
  transition:color 0.15s
}

:where(.gametile-factor) img {
  max-width:100%;
  display:block
}

:where(.gametile-factor) .container {
  max-width:1200px;
  margin:0 auto;
  padding:0 24px
}

:where(.gametile-factor) main {
  max-width:1200px;
  width:100%;
  box-sizing:border-box;
  margin:0 auto;
  padding:32px 24px;
  display:grid;
  gap:40px;
  overflow-wrap:break-word;
  word-wrap:break-word
}

:where(.gametile-factor) main > section,
:where(.gametile-factor) main > nav,
:where(.gametile-factor) main > div {
  max-width:100%;
  overflow:hidden;
  box-sizing:border-box
}

@media (prefers-reduced-motion:no-preference) {
  :where(.gametile-factor) .reveal {
    opacity:0;
    transform:translateY(24px);
    transition:opacity 0.5s ease,transform 0.5s ease
  }
  :where(.gametile-factor) .reveal.piece-4 {
    opacity:1;
    transform:translateY(0)
  }
}

:where(.gametile-factor) header {
  background:linear-gradient(90deg,#113211 0%,#154715 100%);
  padding:0 24px;
  position:sticky;
  top:0;
  z-index:100;
  border-bottom:1px solid rgba(255,255,255,0.06);
  width:100%;
  box-sizing:border-box
}

:where(.gametile-factor) .site-head-holder {
  display:flex;
  justify-content:space-between;
  align-items:center;
  height:72px;
  max-width:1200px;
  margin:0 auto;
  gap:24px
}

:where(.gametile-factor) .bit-brand {
  font-weight:900;
  font-size:22px;
  color:#04CB00;
  text-decoration:none;
  font-family:'SF Mono','JetBrains Mono',monospace;
  flex-shrink:0
}

:where(.gametile-factor) .bit-brand img {
  max-height:44px;
  width:auto;
  max-width:180px;
  object-fit:contain
}

:where(.gametile-factor) .item-navbar {
  display:flex;
  gap:20px;
  align-items:center
}

:where(.gametile-factor) .item-navbar a {
  color:#D1D5DB;
  font-size:16px;
  text-decoration:none;
  font-weight:600;
  transition:color 0.15s
}

:where(.gametile-factor) .item-navbar a:hover {
  color:#fff
}

:where(.gametile-factor) .navburger-action {
  display:none;
  background:none;
  border:1px solid rgba(255,255,255,0.15);
  border-radius:8px;
  color:#fff;
  font-size:20px;
  width:40px;
  height:40px;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  flex-shrink:0
}

:where(.gametile-factor) .mobileonly-list {
  display:none;
  position:fixed;
  inset:0;
  background:linear-gradient(90deg,#113211 0%,#154715 100%);
  z-index:200;
  overflow-y:auto;
  opacity:0;
  visibility:hidden;
  transition:opacity 0.25s ease,visibility 0.25s ease
}

:where(.gametile-factor) .mobileonly-list.open {
  opacity:1;
  visibility:visible
}

:where(.gametile-factor) .mobileonly-list-holder {
  padding:20px 24px 32px;
  display:flex;
  flex-direction:column;
  min-height:100%
}

:where(.gametile-factor) .mobileonly-navbar-link {
  display:block;
  color:#D1D5DB;
  font-size:17px;
  font-weight:600;
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,0.06);
  text-decoration:none;
  transition:color 0.15s
}

:where(.gametile-factor) .mobileonly-navbar-link:hover {
  color:#fff
}

:where(.gametile-factor) .site-head-fragment {
  display:flex;
  gap:10px;
  margin-left:auto;
  flex-shrink:0
}

:where(.gametile-factor) .locale-bit {
  position:relative;
  display:inline-block
}

:where(.gametile-factor) .locale-bit > summary {
  list-style:none;
  cursor:pointer;
  color:#9CA3AF;
  font-size:13px;
  user-select:none;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 8px;
  border-radius:8px;
  transition:color 0.15s,background 0.15s
}

:where(.gametile-factor) .locale-bit > summary::-webkit-details-marker {
  display:none
}

:where(.gametile-factor) .locale-bit > summary::marker {
  content:''
}

:where(.gametile-factor) .locale-bit[open] > summary,
:where(.gametile-factor) .locale-bit > summary:hover {
  color:#fff;
  background:rgba(255,255,255,0.06)
}

:where(.gametile-factor) .locale-areabox {
  flex-shrink:0;
  opacity:0.85
}

:where(.gametile-factor) .locale-caretbit {
  font-size:9px;
  line-height:1;
  display:inline-block;
  transition:transform 0.18s ease;
  opacity:0.8
}

:where(.gametile-factor) .locale-bit[open] .locale-caretbit {
  transform:rotate(180deg)
}

:where(.gametile-factor) .locale-list {
  position:absolute;
  right:0;
  top:100%;
  margin-top:8px;
  background:#15161c;
  border:1px solid rgba(255,255,255,0.12);
  border-radius:12px;
  padding:6px;
  min-width:168px;
  z-index:200;
  box-shadow:0 12px 32px rgba(0,0,0,0.5);
  animation:sfLangIn 0.15s ease
}

@keyframes sfLangIn {
  from {
    opacity:0;
    transform:translateY(-6px)
  }
  to {
    opacity:1;
    transform:translateY(0)
  }
}

:where(.gametile-factor) .locale-list .locale-opt {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:9px 14px;
  color:#D1D5DB;
  text-decoration:none;
  font-size:13px;
  border-radius:8px;
  white-space:nowrap;
  transition:background 0.12s,color 0.12s
}

:where(.gametile-factor) .locale-list .locale-opt:hover {
  background:rgba(255,255,255,0.08);
  color:#fff
}

:where(.gametile-factor) .locale-list .locale-opt-live {
  color:#04CB00;
  font-weight:700
}

:where(.gametile-factor) .locale-opt-pointpart {
  color:#04CB00;
  font-size:12px;
  flex-shrink:0
}

:where(.gametile-factor) .area-bit {
  background:#04CB00;
  color:#000;
  border:1px solid #04CB00;
  border-radius:8px;
  padding:0 30px;
  height:39px;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  letter-spacing:0.5px;
  white-space:nowrap;
  text-decoration:none;
  transition:opacity 0.15s,transform 0.15s
}

:where(.gametile-factor) .area-bit:hover {
  opacity:0.9;
  transform:translateY(-1px)
}

:where(.gametile-factor) .area-thing {
  background:transparent;
  color:#fff;
  border:1px solid rgba(255,255,255,0.25);
  border-radius:8px;
  padding:0 30px;
  height:39px;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  letter-spacing:0.5px;
  white-space:nowrap;
  text-decoration:none;
  transition:all 0.15s
}

:where(.gametile-factor) .area-thing:hover {
  background:rgba(255,255,255,0.12);
  border-color:rgba(255,255,255,0.4)
}

:where(.gametile-factor) body {
  --yrjs9w:rgba(255,255,255,0.06);
  --c7efht:rgba(255,255,255,0.09);
  --wa84lk:rgba(255,255,255,0.12);
  --fjp4al:rgba(255,255,255,0.18);
  --wc78wt:18px;
  --a2hkh1:0 12px 40px rgba(0,0,0,0.45);
  --a0iv85:0 20px 60px rgba(0,0,0,0.55);
  --de2qnj:#04CB0033;
  --n4om5e:#04CB0026;
  --gyrtdb:#0eff0a;
  --jozl3g:linear-gradient(135deg,#04CB00 0%,#0eff0a 100%)
}

:where(.gametile-factor) .spotlight {
  position:relative;
  overflow:hidden;
  min-height:340px;
  width:100%
}

:where(.gametile-factor) .spotlight-slideitem {
  position:relative;
  min-height:340px;
  overflow:hidden
}

:where(.gametile-factor) .spotlight-slideitem:not(:has(.spotlight-img)) {
  background:linear-gradient(135deg,#0d210d 0%,#04CB0018 50%,#0d210d 100%)
}

:where(.gametile-factor) .spotlight-inner {
  padding:52px 56px;
  display:flex;
  flex-direction:column;
  gap:16px;
  justify-content:center;
  max-width:50%;
  position:relative;
  z-index:2
}

:where(.gametile-factor) .spotlight-subtext {
  font-size:17px;
  font-weight:700;
  letter-spacing:1.2px;
  text-transform:uppercase;
  color:#04CB00
}

:where(.gametile-factor) .spotlight-heading {
  font-size:clamp(30px,4.5vw,56px);
  font-weight:900;
  line-height:1.0;
  color:#fff;
  text-transform:uppercase;
  letter-spacing:-1px
}

:where(.gametile-factor) .spotlight-img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:right center
}

:where(.gametile-factor) .spotlight-fadein {
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(to right,rgba(0,0,0,0.92) 0%,rgba(0,0,0,0.78) 32%,rgba(0,0,0,0.48) 52%,rgba(0,0,0,0.12) 72%,transparent 90%),linear-gradient(to top,rgba(0,0,0,0.72) 0%,rgba(0,0,0,0.12) 35%,transparent 55%)
}

:where(.gametile-factor) .spotlight-slideitem:not(:has(.spotlight-img)) .spotlight-fadein {
  background:linear-gradient(to right,rgba(0,0,0,0.32) 0%,transparent 60%)
}

:where(.gametile-factor) .spotlight-part {
  position:absolute;
  bottom:16px;
  left:0;
  right:0;
  display:flex;
  justify-content:center;
  gap:6px;
  z-index:10
}

:where(.gametile-factor) .spotlight-areabox {
  width:8px;
  height:8px;
  border-radius:4px;
  border:none;
  background:rgba(255,255,255,0.35);
  cursor:pointer;
  padding:0;
  transition:width 0.25s,background 0.25s
}

:where(.gametile-factor) .spotlight-areabox.active {
  width:24px;
  background:#04CB00
}

:where(.gametile-factor) .spotlight-action {
  margin-top:12px;
  padding:16px 48px !important;
  font-size:16px !important;
  font-weight:800 !important
}

:where(.gametile-factor) .spotlight-chevron {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  border-radius:50%;
  border:none;
  background:rgba(0,0,0,0.4);
  color:#fff;
  font-size:26px;
  line-height:1;
  cursor:pointer;
  z-index:11;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  pointer-events:none;
  box-shadow:0 2px 10px rgba(0,0,0,0.35);
  transition:opacity 0.25s,background 0.25s;
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px)
}

:where(.gametile-factor) .spotlight:hover .spotlight-chevron,
:where(.gametile-factor) .spotlight:focus-within .spotlight-chevron {
  opacity:1;
  pointer-events:auto
}

:where(.gametile-factor) .spotlight-chevron:hover,
:where(.gametile-factor) .spotlight-chevron:focus-visible {
  background:#04CB00;
  color:var(--dima3e,#fff);
  outline:none
}

:where(.gametile-factor) .spotlight-chevron-prev {
  left:16px
}

:where(.gametile-factor) .spotlight-chevron-forward {
  right:16px
}

:where(.gametile-factor) .spotlight-areabox:focus-visible {
  outline:2px solid #04CB00;
  outline-offset:2px
}

:where(.gametile-factor) .spotlight-fragment {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:3px;
  background:rgba(255,255,255,0.12);
  z-index:10
}

:where(.gametile-factor) .spotlight-fragment-track {
  display:block;
  height:100%;
  width:100%;
  transform:scaleX(0);
  transform-origin:left;
  background:#04CB00;
  animation:heroProg 5s linear forwards
}

@keyframes heroProg {
  from {
    transform:scaleX(0)
  }
  to {
    transform:scaleX(1)
  }
}

:where(.gametile-factor) .spotlight-slideitem.detailbox-3 .spotlight-inner > * {
  animation:heroIn 0.5s ease both
}

:where(.gametile-factor) .spotlight-slideitem.detailbox-3 .spotlight-inner > *:nth-child(1) {
  animation-delay:0.04s
}

:where(.gametile-factor) .spotlight-slideitem.detailbox-3 .spotlight-inner > *:nth-child(2) {
  animation-delay:0.12s
}

:where(.gametile-factor) .spotlight-slideitem.detailbox-3 .spotlight-inner > *:nth-child(3) {
  animation-delay:0.20s
}

@keyframes heroIn {
  from {
    opacity:0;
    transform:translateY(16px)
  }
  to {
    opacity:1;
    transform:translateY(0)
  }
}

@media (prefers-reduced-motion:reduce) {
  :where(.gametile-factor) .spotlight-fragment {
    display:none
  }
  :where(.gametile-factor) .spotlight-chevron {
    transition:none
  }
  :where(.gametile-factor) .spotlight-slideitem .spotlight-inner > * {
    animation:none !important
  }
}

:where(.gametile-factor) .spotlight[data-filter="glass"]::after,
:where(.gametile-factor) .spotlight[data-filter="vibrant"]::after,
:where(.gametile-factor) .spotlight[data-filter="lux"]::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1
}

:where(.gametile-factor) .spotlight[data-filter="glass"]::after {
  background:radial-gradient(120% 80% at 85% 0%,var(--n4om5e,#04CB0026) 0%,transparent 55%)
}

:where(.gametile-factor) .spotlight[data-filter="vibrant"]::after {
  background:radial-gradient(90% 90% at 90% 10%,var(--n4om5e,#04CB0033) 0%,transparent 60%),radial-gradient(70% 70% at 0% 100%,transparent 40%,var(--n4om5e,#04CB001f) 100%)
}

:where(.gametile-factor) .spotlight[data-filter="lux"]::after {
  box-shadow:inset 0 0 140px rgba(0,0,0,0.65);
  background:none
}

@media (prefers-reduced-motion:no-preference) {
  :where(.gametile-factor) .spotlight[data-filter="glass"] .spotlight-img,
  :where(.gametile-factor) .spotlight[data-filter="vibrant"] .spotlight-img {
    animation:sfKenBurns 18s ease-in-out infinite alternate;
    transform-origin:center;
    will-change:transform
  }
}

@keyframes sfKenBurns {
  from {
    transform:scale(1)
  }
  to {
    transform:scale(1.07)
  }
}

:where(.gametile-factor) body {
  --dima3e:#0b0d12;
  --rjecln:#04cb00
}

:where(.gametile-factor) .aspect-heading {
  font-size:30px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.5px;
  margin-bottom:22px;
  line-height:1.15
}

:where(.gametile-factor) .page-body-widget.aspect-heading {
  font-size:42px;
  font-weight:800;
  letter-spacing:0.3px;
  margin-bottom:0;
  text-transform:none;
  overflow-wrap:break-word;
  word-wrap:break-word;
  line-height:1.12
}

:where(.gametile-factor) .page-body-widget.aspect-heading + section {
  margin-top:0
}

:where(.gametile-factor) .aspect-partbit {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:16px
}

:where(.gametile-factor) .gametabs {
  display:flex;
  gap:4px;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin:0 auto 24px;
  padding:5px;
  background:var(--yrjs9w,rgba(255,255,255,0.05));
  border:1px solid var(--wa84lk,rgba(255,255,255,0.08));
  border-radius:50px;
  overflow-x:auto;
  scrollbar-width:none;
  list-style:none
}

:where(.gametile-factor) .gametabs::-webkit-scrollbar {
  display:none
}

:where(.gametile-factor) .gametabs > li {
  flex:none;
  display:flex
}

:where(.gametile-factor) .gametabs a.gametab {
  display:inline-flex;
  align-items:center;
  gap:6px;
  text-decoration:none
}

:where(.gametile-factor) .gametab {
  border:none;
  background:transparent;
  color:#FFFFFF;
  opacity:0.65;
  font:inherit;
  font-size:14px;
  font-weight:700;
  padding:9px 22px;
  border-radius:50px;
  cursor:pointer;
  white-space:nowrap;
  transition:background .15s,color .15s
}

:where(.gametile-factor) .gametab:hover {
  opacity:1
}

:where(.gametile-factor) .gametab[data-next="on"] {
  background:var(--jozl3g,#04CB00);
  color:var(--dima3e,#fff);
  opacity:1
}

:where(.gametile-factor) .ghide.ghide,
:where(.gametile-factor) [data-meta][data-meta] {
  display:none !important
}

:where(.gametile-factor) .piece-3 > [data-page] {
  display:none
}

:where(.gametile-factor) .piece-3 > [data-page="on"] {
  display:block
}

:where(.gametile-factor) .piece-3:not([data-list="js"]) > [data-page]:target {
  display:block
}

:where(.gametile-factor) .piece-3:not(:has(> [data-page]:target)):not(:has(> [data-page="on"])) > [data-page]:first-child {
  display:block
}

:where(.gametile-factor) section:has(.piece-3:not([data-list="js"]) > [data-page]:target) .gametabs .gametab[data-next="on"] {
  background:transparent;
  color:#FFFFFF;
  opacity:0.65
}

:where(.gametile-factor) section:has(.piece-3:not([data-list="js"]) > [data-page]:nth-of-type(1):target) .gametabs > li:nth-child(1) > .gametab {
  background:var(--jozl3g,#04CB00);
  color:var(--dima3e,#fff);
  opacity:1
}

:where(.gametile-factor) section:has(.piece-3:not([data-list="js"]) > [data-page]:nth-of-type(2):target) .gametabs > li:nth-child(2) > .gametab {
  background:var(--jozl3g,#04CB00);
  color:var(--dima3e,#fff);
  opacity:1
}

:where(.gametile-factor) section:has(.piece-3:not([data-list="js"]) > [data-page]:nth-of-type(3):target) .gametabs > li:nth-child(3) > .gametab {
  background:var(--jozl3g,#04CB00);
  color:var(--dima3e,#fff);
  opacity:1
}

:where(.gametile-factor) section:has(.piece-3:not([data-list="js"]) > [data-page]:nth-of-type(4):target) .gametabs > li:nth-child(4) > .gametab {
  background:var(--jozl3g,#04CB00);
  color:var(--dima3e,#fff);
  opacity:1
}

:where(.gametile-factor) section:has(.piece-3:not([data-list="js"]) > [data-page]:nth-of-type(5):target) .gametabs > li:nth-child(5) > .gametab {
  background:var(--jozl3g,#04CB00);
  color:var(--dima3e,#fff);
  opacity:1
}

:where(.gametile-factor) section:has(.piece-3:not([data-list="js"]) > [data-page]:nth-of-type(6):target) .gametabs > li:nth-child(6) > .gametab {
  background:var(--jozl3g,#04CB00);
  color:var(--dima3e,#fff);
  opacity:1
}

:where(.gametile-factor) section:has(.piece-3:not([data-list="js"]) > [data-page]:nth-of-type(7):target) .gametabs > li:nth-child(7) > .gametab {
  background:var(--jozl3g,#04CB00);
  color:var(--dima3e,#fff);
  opacity:1
}

:where(.gametile-factor) section:has(.piece-3:not([data-list="js"]) > [data-page]:nth-of-type(8):target) .gametabs > li:nth-child(8) > .gametab {
  background:var(--jozl3g,#04CB00);
  color:var(--dima3e,#fff);
  opacity:1
}

:where(.gametile-factor) section:has(.piece-3:not([data-list="js"]) > [data-page]:nth-of-type(9):target) .gametabs > li:nth-child(9) > .gametab {
  background:var(--jozl3g,#04CB00);
  color:var(--dima3e,#fff);
  opacity:1
}

:where(.gametile-factor) section:has(.piece-3:not([data-list="js"]) > [data-page]:nth-of-type(10):target) .gametabs > li:nth-child(10) > .gametab {
  background:var(--jozl3g,#04CB00);
  color:var(--dima3e,#fff);
  opacity:1
}

:where(.gametile-factor) section:has(.piece-3:not([data-list="js"]) > [data-page]:nth-of-type(11):target) .gametabs > li:nth-child(11) > .gametab {
  background:var(--jozl3g,#04CB00);
  color:var(--dima3e,#fff);
  opacity:1
}

:where(.gametile-factor) section:has(.piece-3:not([data-list="js"]) > [data-page]:nth-of-type(12):target) .gametabs > li:nth-child(12) > .gametab {
  background:var(--jozl3g,#04CB00);
  color:var(--dima3e,#fff);
  opacity:1
}

@supports not selector(:has(*)) {
  :where(.gametile-factor) .piece-3 > [data-page] {
    display:block
  }
}

@media (max-width:640px) {
  :where(.gametile-factor) .piece-3 > [data-page] .aspect-partbit,
  :where(.gametile-factor) .piece-3 > [data-page] .gsegment-partbit {
    grid-template-columns:repeat(2,1fr)
  }
}

:where(.gametile-factor) .gametile-aspect,
:where(.gametile-factor) .gsegment-aspect,
:where(.gametile-factor) .detailbox-aspect-3 {
  border-radius:var(--wc78wt,16px);
  overflow:hidden;
  background:var(--yrjs9w,rgba(255,255,255,0.04));
  transition:transform 0.25s,box-shadow 0.25s;
  display:flex;
  flex-direction:column;
  text-decoration:none;
  position:relative
}

:where(.gametile-factor) .gametile-aspect:hover,
:where(.gametile-factor) .gsegment-aspect:hover,
:where(.gametile-factor) .detailbox-aspect-3:hover {
  transform:scale(1.05);
  box-shadow:var(--a0iv85,0 16px 40px rgba(0,0,0,0.5)),0 0 0 2px #04CB0040;
  z-index:2
}

:where(.gametile-factor) .machine-smallpic {
  position:relative;
  aspect-ratio:1/1;
  overflow:hidden;
  flex-shrink:0
}

:where(.gametile-factor) .machine-smallpic img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  display:block;
  transition:transform 0.3s
}

:where(.gametile-factor) .gametile-aspect:hover .machine-smallpic img,
:where(.gametile-factor) .gsegment-aspect:hover .machine-smallpic img {
  transform:scale(1.08)
}

:where(.gametile-factor) .machine-bottompart {
  padding:9px 10px;
  background:var(--jozl3g,#04CB00);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  text-align:center;
  flex:1 1 auto
}

:where(.gametile-factor) .machine-bottompart-title {
  color:var(--dima3e,#fff);
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:0.3px;
  text-shadow:0 1px 2px rgba(0,0,0,0.35);
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical
}

:where(.gametile-factor) .machine-bottompart-provider {
  color:rgba(11,13,18,0.82);
  font-size:9.5px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.5px
}

:where(.gametile-factor) .machine-aspect {
  position:relative
}

:where(.gametile-factor) .machine-thing-2 {
  transition:opacity .18s ease
}

:where(.gametile-factor) .machine-aspect:hover .machine-hoverstate {
  opacity:1 !important
}

:where(.gametile-factor) .machine-aspect:hover .machine-thing-2 {
  opacity:0
}

:where(.gametile-factor) .machine-veil {
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background:rgba(0,0,0,0.78);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  opacity:0;
  transition:opacity 0.25s;
  padding:12px;
  pointer-events:none
}

:where(.gametile-factor) .machine-aspect:hover .machine-veil {
  opacity:1
}

:where(.gametile-factor) .machine-veil-action {
  padding:9px 28px;
  border-radius:8px;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  display:block;
  text-align:center;
  width:78%;
  cursor:pointer;
  border:none;
  transition:transform 0.15s
}

:where(.gametile-factor) .machine-veil-action:hover {
  transform:scale(1.03)
}

:where(.gametile-factor) .machine-veil-startbtn {
  background:#04CB00;
  color:var(--dima3e,#13151b)
}

:where(.gametile-factor) .machine-veil-component {
  background:rgba(255,255,255,0.12);
  color:#fff;
  border:1px solid rgba(255,255,255,0.25)
}

:where(.gametile-factor) .node-smallpic {
  display:flex;
  align-items:center;
  justify-content:center;
  aspect-ratio:16/10;
  padding:16px 18px;
  background:var(--c7efht,rgba(0,0,0,0.18));
  overflow:hidden;
  flex-shrink:0
}

:where(.gametile-factor) .node-smallpic img {
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  transition:transform 0.25s
}

:where(.gametile-factor) .detailbox-aspect-3:hover .node-smallpic img {
  transform:scale(1.06)
}

:where(.gametile-factor) .node-nopic {
  color:#fff;
  font-size:30px;
  font-weight:900;
  opacity:0.85
}

:where(.gametile-factor) .provscroll-spot {
  position:relative
}

:where(.gametile-factor) .provscroll-strip {
  display:flex;
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  padding:4px 2px
}

:where(.gametile-factor) .provscroll-strip::-webkit-scrollbar {
  display:none
}

:where(.gametile-factor) .provscroll-strip > .detailbox-aspect-3 {
  flex:0 0 calc((100% - 56px) / 5);
  scroll-snap-align:start
}

:where(.gametile-factor) .provscroll-chevron {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid var(--wa84lk,rgba(255,255,255,0.12));
  background:var(--yrjs9w,rgba(20,22,30,0.9));
  color:#fff;
  font-size:22px;
  line-height:1;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:3;
  transition:border-color .15s,background .15s,box-shadow .15s;
  box-shadow:0 4px 14px rgba(0,0,0,0.35)
}

:where(.gametile-factor) .provscroll-chevron:hover {
  border-color:#04CB00;
  background:#04CB001f
}

:where(.gametile-factor) .provscroll-prev {
  left:-8px
}

:where(.gametile-factor) .provscroll-forward {
  right:-8px
}

:where(.gametile-factor) .expo-railbit {
  position:relative;
  margin-top:18px
}

:where(.gametile-factor) .expo-strip {
  display:flex;
  gap:18px;
  overflow-x:auto;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  -ms-overflow-style:none;
  padding:6px 0 14px;
  scroll-snap-type:x proximity
}

:where(.gametile-factor) .expo-strip::-webkit-scrollbar {
  display:none
}

:where(.gametile-factor) .expo-strip[data-body] {
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 44px);
  mask-image:linear-gradient(90deg,transparent 0,#000 44px)
}

:where(.gametile-factor) .expo-strip[data-role] {
  -webkit-mask-image:linear-gradient(270deg,transparent 0,#000 44px);
  mask-image:linear-gradient(270deg,transparent 0,#000 44px)
}

:where(.gametile-factor) .expo-strip[data-body][data-role] {
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 44px,#000 calc(100% - 44px),transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 44px,#000 calc(100% - 44px),transparent 100%)
}

:where(.gametile-factor) .expo-aspect {
  cursor:pointer;
  position:relative;
  flex:0 0 216px;
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  gap:10px;
  background:var(--yrjs9w,rgba(255,255,255,0.04));
  border:1px solid var(--wa84lk,rgba(255,255,255,0.08));
  border-radius:var(--wc78wt,16px);
  padding:10px;
  transition:transform .22s cubic-bezier(.22,.68,.34,1.18),border-color .22s ease,box-shadow .22s ease
}

:where(.gametile-factor) .expo-aspect:hover {
  transform:translateY(-6px);
  border-color:#04CB008c;
  box-shadow:0 18px 36px rgba(0,0,0,0.45),0 0 0 1px #04CB0038,0 12px 34px #04CB0024
}

:where(.gametile-factor) .expo-brand {
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  height:116px;
  background:radial-gradient(130px 84px at 50% 62%,#04CB0021,transparent 72%),var(--c7efht,rgba(0,0,0,0.25));
  border:1px solid rgba(255,255,255,0.06);
  border-radius:calc(var(--wc78wt,16px) - 6px);
  padding:16px 20px
}

:where(.gametile-factor) .expo-brand::before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(150px 96px at 50% 62%,#04CB004d,transparent 74%);
  opacity:0;
  transition:opacity .25s ease;
  pointer-events:none
}

:where(.gametile-factor) .expo-brand::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:44%;
  background:linear-gradient(180deg,rgba(255,255,255,0.07),rgba(255,255,255,0));
  pointer-events:none
}

:where(.gametile-factor) .expo-aspect:hover .expo-brand::before {
  opacity:1
}

:where(.gametile-factor) .expo-brand img {
  position:relative;
  z-index:1;
  max-height:58px;
  max-width:100%;
  width:auto;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,0.55));
  transition:transform .25s ease
}

:where(.gametile-factor) .expo-aspect:hover .expo-brand img {
  transform:scale(1.07)
}

:where(.gametile-factor) .expo-title {
  background:var(--jozl3g,#04CB00);
  color:var(--dima3e,#fff);
  border-radius:calc(var(--wc78wt,16px) - 8px);
  font-size:13px;
  font-weight:800;
  letter-spacing:0.02em;
  text-align:center;
  padding:9px 12px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.28),0 3px 10px rgba(0,0,0,0.3)
}

:where(.gametile-factor) .expo-navbar {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  border-radius:50%;
  background:rgba(255,255,255,0.06);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,0.16);
  color:#FFFFFF;
  cursor:pointer;
  padding:0;
  box-shadow:0 8px 20px rgba(0,0,0,0.45);
  transition:border-color .2s ease,background .2s ease;
  z-index:2
}

:where(.gametile-factor) .expo-navbar::before {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:10px;
  height:10px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor
}

:where(.gametile-factor) .expo-navbar-backbtn {
  left:-14px
}

:where(.gametile-factor) .expo-navbar-backbtn::before {
  transform:translate(-30%,-50%) rotate(135deg)
}

:where(.gametile-factor) .expo-navbar-fwd {
  right:-14px
}

:where(.gametile-factor) .expo-navbar-fwd::before {
  transform:translate(-70%,-50%) rotate(-45deg)
}

:where(.gametile-factor) .expo-navbar:hover {
  border-color:#04CB00cc;
  background:#04CB0029
}

:where(.gametile-factor) .expo-navbar:active {
  transform:translateY(-50%) scale(.94)
}

:where(.gametile-factor) .expo-strip:not([data-body]) ~ .expo-navbar-backbtn {
  display:none
}

:where(.gametile-factor) .expo-strip:not([data-role]) ~ .expo-navbar-fwd {
  display:none
}

@media (max-width:640px) {
  :where(.gametile-factor) .expo-strip {
    display:grid;
    grid-auto-flow:column;
    grid-template-rows:repeat(2,auto);
    grid-auto-columns:calc(50% - 7px);
    gap:14px
  }
  :where(.gametile-factor) .expo-strip[data-body],
  :where(.gametile-factor) .expo-strip[data-role],
  :where(.gametile-factor) .expo-strip[data-body][data-role] {
    -webkit-mask-image:none;
    mask-image:none
  }
  :where(.gametile-factor) .expo-aspect {
    flex:none;
    width:auto
  }
  :where(.gametile-factor) .expo-brand {
    height:92px;
    padding:12px 14px
  }
  :where(.gametile-factor) .expo-brand img {
    max-height:46px
  }
  :where(.gametile-factor) .expo-navbar {
    width:38px;
    height:38px
  }
  :where(.gametile-factor) .expo-navbar-backbtn {
    left:-6px
  }
  :where(.gametile-factor) .expo-navbar-fwd {
    right:-6px
  }
}

:where(.gametile-factor) .detailbox-cards {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),380px));
  justify-content:center;
  gap:18px
}

:where(.gametile-factor) .detailbox-aspect-2 {
  display:flex;
  flex-direction:column;
  border-radius:var(--wc78wt,16px);
  overflow:hidden;
  background:var(--yrjs9w,rgba(255,255,255,0.03));
  border:1px solid var(--wa84lk,rgba(255,255,255,0.08));
  box-shadow:var(--a2hkh1,none);
  transition:transform 0.25s,box-shadow 0.25s
}

:where(.gametile-factor) .detailbox-aspect-2:hover {
  transform:translateY(-4px);
  box-shadow:var(--a0iv85,0 16px 40px rgba(0,0,0,0.5))
}

:where(.gametile-factor) .detailbox-artwork {
  position:relative;
  aspect-ratio:16/11;
  background:linear-gradient(135deg,#04CB0033,rgba(0,0,0,0.35));
  overflow:hidden
}

:where(.gametile-factor) .detailbox-artwork img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block
}

:where(.gametile-factor) .detailbox-artwork::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom,transparent 62%,var(--yrjs9w,rgba(15,17,24,0.96)) 100%)
}

:where(.gametile-factor) .detailbox-content {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:8px;
  padding:16px 18px 22px;
  margin-top:-2px
}

:where(.gametile-factor) .detailbox-header {
  font-size:13px;
  font-weight:800;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#04CB00
}

:where(.gametile-factor) .detailbox-val {
  font-size:18px;
  font-weight:800;
  color:#FFFFFF;
  line-height:1.35
}

:where(.gametile-factor) .detailbox-div {
  width:64%;
  height:1px;
  background:var(--wa84lk,rgba(255,255,255,0.12));
  margin:2px 0
}

:where(.gametile-factor) .detailbox-note {
  font-size:12px;
  color:#9CA3AF
}

:where(.gametile-factor) .detailbox-action {
  margin-top:10px;
  padding:11px 32px;
  font-weight:700;
  border-radius:999px
}

:where(.gametile-factor) .appcard-2 {
  text-align:center
}

:where(.gametile-factor) .appcard-2 .aspect-heading,
:where(.gametile-factor) .appcard-2 .page-body-widget {
  font-size:clamp(30px,4.5vw,44px);
  margin-bottom:8px
}

:where(.gametile-factor) .our-app-brand {
  margin:6px auto 22px;
  max-width:440px
}

:where(.gametile-factor) .our-app-brand img {
  width:100%;
  height:auto;
  object-fit:contain;
  max-height:220px;
  filter:drop-shadow(0 0 26px #04CB002b)
}

:where(.gametile-factor) .our-app-figures {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  margin:0 auto 24px
}

:where(.gametile-factor) .our-app-stat {
  min-width:116px;
  padding:15px 18px;
  border-radius:var(--wc78wt,14px);
  background:var(--yrjs9w,rgba(255,255,255,0.03));
  border:1px solid #04CB0080;
  display:flex;
  flex-direction:column;
  gap:3px;
  align-items:center;
  justify-content:center
}

:where(.gametile-factor) .our-app-stat-member {
  font-size:17px;
  font-weight:800;
  color:#04CB00
}

:where(.gametile-factor) .our-app-stat-partbit {
  font-size:12px;
  color:#9CA3AF
}

:where(.gametile-factor) .our-app-badges {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:14px
}

:where(.gametile-factor) .our-app-mark {
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:9px 18px;
  border-radius:11px;
  background:#fff;
  color:#000;
  text-decoration:none;
  min-width:168px;
  transition:opacity .15s,transform .15s
}

:where(.gametile-factor) .our-app-mark:hover {
  opacity:.92;
  transform:translateY(-2px)
}

:where(.gametile-factor) .our-app-mark-icon {
  display:inline-flex
}

:where(.gametile-factor) .our-app-mark-icon svg {
  display:block
}

:where(.gametile-factor) .our-app-mark-textpart {
  display:flex;
  flex-direction:column;
  line-height:1.15;
  text-align:left
}

:where(.gametile-factor) .our-app-mark-unitpart {
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.4px
}

:where(.gametile-factor) .our-app-mark-bit {
  font-size:16px;
  font-weight:700
}

:where(.gametile-factor) .appstory-partbit-2 {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  align-items:center;
  text-align:left
}

:where(.gametile-factor) .appstory-advpart-2 {
  padding-right:48px
}

:where(.gametile-factor) .appstory-advpart-2 .aspect-heading {
  margin-bottom:28px
}

:where(.gametile-factor) .appstory-items-2 {
  list-style:none;
  margin:0 0 32px;
  padding:0;
  display:grid;
  gap:22px
}

:where(.gametile-factor) .appstory-unit-2 {
  display:flex;
  align-items:flex-start;
  gap:16px;
  font-size:19px;
  font-weight:600;
  line-height:1.3;
  color:#FFFFFF
}

:where(.gametile-factor) .appstory-staricon-2 {
  flex-shrink:0;
  margin-top:1px;
  fill:none;
  stroke:#04CB00;
  stroke-width:1.8
}

:where(.gametile-factor) .appstory-action-2 {
  height:58px;
  padding:0 52px;
  font-size:16px;
  border-radius:999px;
  letter-spacing:1px;
  text-transform:uppercase
}

:where(.gametile-factor) .appstory-apppiece-2 {
  text-align:left;
  padding-left:48px;
  border-left:1px solid var(--wa84lk,#04CB0040);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;
  gap:24px
}

:where(.gametile-factor) .appstory-apppiece-leftcol-2 {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0
}

:where(.gametile-factor) .appstory-apppiece-2 .appstory-artwork-2 {
  min-width:0;
  margin:0
}

:where(.gametile-factor) .appstory-apppiece-header {
  font-size:clamp(28px,4vw,44px);
  margin:0 0 26px
}

:where(.gametile-factor) .appstory-badges-2 {
  justify-content:flex-start;
  flex-direction:column;
  align-items:flex-start;
  gap:16px;
  margin:0 0 8px
}

:where(.gametile-factor) .appstory-badges-2 .our-app-mark {
  min-width:0;
  width:100%;
  max-width:210px
}

:where(.gametile-factor) .appstory-artwork-2 {
  margin-top:24px
}

:where(.gametile-factor) .appstory-artwork-2 img {
  width:100%;
  height:auto;
  max-height:460px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 8px 28px rgba(0,0,0,0.4))
}

:where(.gametile-factor) .appstory-phoneframe-2 {
  position:relative;
  width:min(250px,72%);
  margin:0 auto;
  aspect-ratio:9 / 19.5;
  background:#0b0b0f;
  border-radius:42px;
  padding:9px;
  box-shadow:0 16px 44px rgba(0,0,0,0.45),inset 0 0 0 2px rgba(255,255,255,0.05)
}

:where(.gametile-factor) .appstory-phoneframe-2::before {
  content:"";
  position:absolute;
  top:13px;
  left:50%;
  transform:translateX(-50%);
  width:36%;
  height:20px;
  background:#0b0b0f;
  border-radius:0 0 13px 13px;
  z-index:2
}

:where(.gametile-factor) .appstory-artwork-2 .appstory-phoneframe-2 img {
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
  border-radius:33px;
  filter:none;
  display:block
}

:where(.gametile-factor) .appstory-padframe-2 {
  position:relative;
  width:min(440px,100%);
  margin:0 auto;
  aspect-ratio:16 / 10;
  background:#0b0b0f;
  border-radius:20px;
  padding:12px 14px;
  box-shadow:0 16px 44px rgba(0,0,0,0.45),inset 0 0 0 2px rgba(255,255,255,0.05)
}

:where(.gametile-factor) .appstory-padframe-2::before {
  content:"";
  position:absolute;
  top:50%;
  left:6px;
  transform:translateY(-50%);
  width:6px;
  height:6px;
  border-radius:50%;
  background:rgba(255,255,255,0.2);
  z-index:2
}

:where(.gametile-factor) .appstory-artwork-2 .appstory-padframe-2 img {
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
  border-radius:9px;
  filter:none;
  display:block
}

:where(.gametile-factor) .appstory-browserbox-2 {
  width:100%;
  max-width:560px;
  margin:0 auto;
  border-radius:12px;
  overflow:hidden;
  background:#15151b;
  box-shadow:0 16px 44px rgba(0,0,0,0.45),inset 0 0 0 1px rgba(255,255,255,0.06)
}

:where(.gametile-factor) .appstory-browserbox-track-2 {
  display:block;
  height:26px;
  background:#1e1e26;
  position:relative
}

:where(.gametile-factor) .appstory-browserbox-track-2::before {
  content:"";
  position:absolute;
  top:50%;
  left:14px;
  transform:translateY(-50%);
  width:8px;
  height:8px;
  border-radius:50%;
  background:#ff5f57;
  box-shadow:15px 0 0 #febc2e,30px 0 0 #28c840
}

:where(.gametile-factor) .appstory-artwork-2 .appstory-browserbox-2 img {
  width:100%;
  height:auto;
  max-height:400px;
  object-fit:cover;
  border-radius:0;
  filter:none;
  display:block
}

:where(.gametile-factor) .appstory-bandedpart {
  padding:48px;
  border-radius:var(--wc78wt,16px)
}

@media (max-width:760px) {
  :where(.gametile-factor) .appstory-partbit-2 {
    grid-template-columns:1fr
  }
  :where(.gametile-factor) .appstory-advpart-2 {
    padding-right:0
  }
  :where(.gametile-factor) .appstory-apppiece-2 {
    text-align:center;
    padding-left:0;
    padding-top:32px;
    margin-top:4px;
    border-left:none;
    border-top:1px solid var(--wa84lk,#04CB0040);
    grid-template-columns:1fr;
    align-items:center;
    gap:22px
  }
  :where(.gametile-factor) .appstory-apppiece-leftcol-2 {
    align-items:center
  }
  :where(.gametile-factor) .appstory-badges-2 {
    align-items:center
  }
  :where(.gametile-factor) .appstory-unit-2 {
    font-size:17px
  }
  :where(.gametile-factor) .appstory-bandedpart {
    padding:30px 20px
  }
}

@media (max-width:480px) {
  :where(.gametile-factor) .appstory-action-2 {
    padding:0 32px;
    height:54px
  }
  :where(.gametile-factor) .appstory-items-2 {
    gap:16px
  }
  :where(.gametile-factor) .appstory-apppiece-header {
    margin-bottom:18px
  }
  :where(.gametile-factor) .appstory-phoneframe-2 {
    width:min(220px,80%)
  }
}

:where(.gametile-factor) .stage-bg-fragment-2 {
  text-align:center;
  max-width:720px;
  margin:0 auto 28px;
  opacity:0.8;
  line-height:1.6
}

:where(.gametile-factor) .stage-bg-partbit-2 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,258px),1fr));
  gap:20px
}

:where(.gametile-factor) .stage-bg-aspect-4 {
  background:rgba(255,255,255,0.03);
  border:1px solid #04CB0022;
  border-radius:16px;
  padding:26px 24px;
  display:flex;
  flex-direction:column;
  gap:12px;
  transition:border-color 0.2s,transform 0.2s
}

:where(.gametile-factor) .stage-bg-aspect-4:hover {
  border-color:#04CB0055;
  transform:translateY(-3px)
}

:where(.gametile-factor) .stage-bg-icon-2 {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:54px;
  height:54px;
  border-radius:14px;
  background:#04CB001a
}

:where(.gametile-factor) .stage-bg-heading-2 {
  font-size:20px;
  font-weight:800;
  margin:4px 0 0
}

:where(.gametile-factor) .stage-bg-hipoint-2 {
  align-self:flex-start;
  font-weight:800;
  color:#04CB00;
  background:#04CB0014;
  border:1px solid #04CB0033;
  border-radius:999px;
  padding:4px 13px;
  font-size:14px
}

:where(.gametile-factor) .stage-bg-text-2 {
  margin:0;
  opacity:0.78;
  line-height:1.55;
  font-size:15px
}

:where(.gametile-factor) .stage-bg-data-2 {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:auto;
  padding-top:4px
}

:where(.gametile-factor) .stage-bg-element-2 {
  font-size:12px;
  font-weight:600;
  padding:3px 9px;
  border-radius:6px;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.1);
  opacity:0.85
}

:where(.gametile-factor) .stage-bg-codeunit-2 {
  color:#04CB00;
  border-color:#04CB0040;
  opacity:1
}

:where(.gametile-factor) .stage-bg-action-2 {
  align-self:flex-start;
  margin-top:2px;
  font-weight:700;
  color:#04CB00;
  text-decoration:none;
  font-size:14px
}

:where(.gametile-factor) .stage-bg-action-2::after {
  content:" \2192"
}

@media (max-width:560px) {
  :where(.gametile-factor) .stage-bg-partbit-2 {
    gap:14px
  }
  :where(.gametile-factor) .stage-bg-aspect-4 {
    padding:20px 18px;
    gap:10px;
    border-radius:14px
  }
  :where(.gametile-factor) .stage-bg-icon-2 {
    width:46px;
    height:46px;
    border-radius:12px
  }
  :where(.gametile-factor) .stage-bg-heading-2 {
    font-size:18px
  }
  :where(.gametile-factor) .stage-bg-hipoint-2 {
    font-size:13px;
    padding:4px 11px
  }
  :where(.gametile-factor) .stage-bg-text-2 {
    font-size:14px
  }
}

:where(.gametile-factor) .notice-bar-spot-2 {
  display:grid;
  border-radius:14px;
  overflow:hidden
}

:where(.gametile-factor) .notice-bar-fragment-2 {
  grid-area:1 / 1;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block
}

:where(.gametile-factor) .notice-bar-ov-2 {
  grid-area:1 / 1;
  z-index:1;
  align-self:center;
  margin:clamp(12px,3%,40px);
  width:min(56%,520px);
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:clamp(18px,3.5%,34px);
  background:rgba(12,16,22,0.6);
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
  border-radius:16px
}

:where(.gametile-factor) .notice-bar-leftcol-2 .notice-bar-ov-2 {
  justify-self:start;
  align-items:flex-start;
  text-align:left
}

:where(.gametile-factor) .notice-bar-rightunit-2 .notice-bar-ov-2 {
  justify-self:end;
  align-items:flex-end;
  text-align:right
}

:where(.gametile-factor) .notice-bar-center-2 .notice-bar-ov-2 {
  justify-self:center;
  align-items:center;
  text-align:center
}

:where(.gametile-factor) .notice-bar-heading-2 {
  font-size:clamp(22px,3.4vw,40px);
  font-weight:800;
  line-height:1.12;
  margin:0;
  color:#fff
}

:where(.gametile-factor) .notice-bar-note-2 {
  margin:0;
  color:rgba(255,255,255,0.88);
  font-size:clamp(14px,1.5vw,17px);
  line-height:1.45
}

:where(.gametile-factor) .notice-bar-action-2.area-bit {
  font-size:clamp(14px,1.5vw,17px);
  padding:12px 30px;
  align-self:flex-start
}

:where(.gametile-factor) .notice-bar-center-2 .notice-bar-action-2 {
  align-self:center
}

:where(.gametile-factor) .notice-bar-rightunit-2 .notice-bar-action-2 {
  align-self:flex-end
}

@media (max-width:640px) {
  :where(.gametile-factor) .notice-bar-ov-2 {
    width:auto;
    justify-self:stretch;
    align-self:end;
    margin:10px;
    align-items:center;
    text-align:center
  }
  :where(.gametile-factor) .notice-bar-ov-2 .notice-bar-action-2 {
    align-self:center
  }
}

:where(.gametile-factor) .ladder-partbit-2 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
  gap:22px
}

:where(.gametile-factor) .ladder-aspect-2 {
  position:relative;
  display:flex;
  flex-direction:column;
  background:linear-gradient(180deg,rgba(255,255,255,0.045),rgba(255,255,255,0.012));
  border:1px solid #04CB0022;
  border-radius:18px;
  padding:24px;
  text-align:center;
  transition:border-color 0.2s,transform 0.2s,box-shadow 0.2s
}

:where(.gametile-factor) .ladder-aspect-2:hover {
  border-color:#04CB0055;
  transform:translateY(-3px);
  box-shadow:0 14px 34px -18px #04CB0066
}

:where(.gametile-factor) .spot--starred-2 {
  border-color:#04CB00;
  box-shadow:0 0 0 1px #04CB0066,0 20px 46px -18px #04CB0055
}

:where(.gametile-factor) .spot--starred-2::before {
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  border-radius:18px 18px 0 0;
  background:#04CB00
}

:where(.gametile-factor) .ladder-artwork-2 {
  height:240px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  margin-bottom:4px;
  background:radial-gradient(ellipse 62% 48% at 50% 92%,#04CB001f,transparent 70%)
}

:where(.gametile-factor) .ladder-artwork-2 img {
  max-height:100%;
  max-width:90%;
  object-fit:contain
}

:where(.gametile-factor) .ladder-content-2 {
  flex:1;
  display:flex;
  flex-direction:column
}

:where(.gametile-factor) .ladder-heading-2 {
  font-size:clamp(22px,2.3vw,28px);
  font-weight:800;
  line-height:1.15;
  margin:0 0 14px;
  min-height:2.3em;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center
}

:where(.gametile-factor) .ladder-amount-2 {
  color:#04CB00;
  font-size:1.22em;
  font-weight:900
}

:where(.gametile-factor) .ladder-hr-2 {
  height:3px;
  width:100%;
  border-radius:2px;
  margin:0 0 16px
}

:where(.gametile-factor) .ladder-text-2 {
  margin:0 0 22px;
  opacity:0.8;
  line-height:1.6;
  font-size:15px
}

:where(.gametile-factor) .ladder-action-2.area-bit {
  margin-top:auto;
  align-self:center;
  min-width:78%;
  padding:13px 28px;
  border-radius:999px
}

@media (max-width:560px) {
  :where(.gametile-factor) .ladder-partbit-2 {
    gap:16px
  }
  :where(.gametile-factor) .ladder-aspect-2 {
    padding:18px;
    border-radius:16px
  }
  :where(.gametile-factor) .ladder-artwork-2 {
    height:176px
  }
  :where(.gametile-factor) .ladder-heading-2 {
    font-size:21px;
    min-height:0;
    margin-bottom:10px
  }
  :where(.gametile-factor) .ladder-text-2 {
    margin-bottom:18px;
    font-size:14px
  }
  :where(.gametile-factor) .ladder-action-2.area-bit {
    min-width:100%;
    padding:12px 24px
  }
}

:where(.gametile-factor) .regform-2 {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  align-items:center
}

:where(.gametile-factor) .regform-2.join-nopic-2 {
  grid-template-columns:1fr;
  max-width:640px;
  margin:0 auto
}

:where(.gametile-factor) .join-rightimg-2 .join-artwork-2 {
  order:2
}

:where(.gametile-factor) .join-artwork-2 img {
  width:100%;
  height:auto;
  object-fit:contain;
  display:block
}

:where(.gametile-factor) .join-aspect-2 {
  border:1px solid #04CB00;
  border-radius:20px;
  background:var(--yrjs9w,rgba(255,255,255,0.02));
  padding:32px 28px
}

:where(.gametile-factor) .join-header {
  text-align:center;
  font-size:22px;
  font-weight:800;
  color:#FFFFFF;
  margin-bottom:22px;
  line-height:1.3
}

:where(.gametile-factor) .join-inputs-2 {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-bottom:18px
}

:where(.gametile-factor) .join-field-2 {
  width:100%;
  padding:15px 18px;
  border-radius:12px;
  background:var(--c7efht,rgba(0,0,0,0.25));
  border:1px solid #04CB0066;
  color:#FFFFFF;
  font-size:14px;
  outline:none;
  box-sizing:border-box
}

:where(.gametile-factor) .join-field-2::placeholder {
  color:#9CA3AF
}

:where(.gametile-factor) .join-field-2:focus {
  border-color:#04CB00
}

:where(.gametile-factor) .join-action-2 {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:auto;
  min-height:52px;
  padding:12px 16px;
  border-radius:12px;
  font-weight:800;
  font-size:16px;
  line-height:1.2;
  letter-spacing:0.3px;
  white-space:normal
}

:where(.gametile-factor) .join-aspect-2 {
  position:relative;
  cursor:pointer
}

:where(.gametile-factor) .join-veil-2 {
  position:absolute;
  inset:0;
  z-index:3;
  border-radius:20px
}

:where(.gametile-factor) .join-aspect-2:hover {
  box-shadow:0 0 0 1px #04CB00,0 14px 38px rgba(0,0,0,0.45)
}

:where(.gametile-factor) .join-aspect-2:hover .join-action-2 {
  filter:brightness(1.08)
}

:where(.gametile-factor) .join-field-2 {
  pointer-events:none
}

@media (max-width:980px) {
  :where(.gametile-factor) .regform-2 {
    grid-template-columns:1fr;
    max-width:680px;
    margin:0 auto;
    gap:28px
  }
  :where(.gametile-factor) .join-rightimg-2 .join-artwork-2 {
    order:0
  }
  :where(.gametile-factor) .join-artwork-2 {
    text-align:center
  }
  :where(.gametile-factor) .join-artwork-2 img {
    max-height:300px;
    width:auto;
    margin:0 auto
  }
}

@media (max-width:560px) {
  :where(.gametile-factor) .join-inputs-2 {
    grid-template-columns:1fr;
    gap:12px
  }
  :where(.gametile-factor) .join-aspect-2 {
    padding:24px 18px
  }
  :where(.gametile-factor) .join-header {
    font-size:20px;
    margin-bottom:18px
  }
  :where(.gametile-factor) .join-artwork-2 img {
    max-height:230px
  }
}

:where(.gametile-factor) .lastupd {
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 22px;
  border-radius:12px;
  background:var(--yrjs9w,rgba(255,255,255,0.03));
  border:1px solid #04CB0055;
  color:#FFFFFF;
  font-size:14px
}

:where(.gametile-factor) .lastupd-icon {
  display:inline-flex;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#04CB00;
  align-items:center;
  justify-content:center;
  flex:none
}

:where(.gametile-factor) .text-inner {
  max-width:100%;
  overflow-wrap:break-word;
  word-wrap:break-word
}

:where(.gametile-factor) .text-inner h2 {
  font-size:33px;
  margin:38px 0 16px;
  font-weight:500;
  line-height:1.18;
  padding-top:22px;
  border-top:1px solid var(--de2qnj,rgba(255,255,255,0.06));
  scroll-margin-top:90px
}

:where(.gametile-factor) .text-inner h2:first-child {
  border-top:none;
  padding-top:0;
  margin-top:0
}

:where(.gametile-factor) .text-inner h3 {
  font-size:25px;
  margin:28px 0 11px;
  font-weight:600;
  line-height:1.2;
  scroll-margin-top:90px
}

:where(.gametile-factor) .text-inner.text-inner h1 {
  font-weight:800
}

:where(.gametile-factor) .text-inner.text-inner h2 {
  font-weight:700
}

:where(.gametile-factor) .text-inner.text-inner h3 {
  font-weight:700
}

:where(.gametile-factor) .aspect-heading.aspect-heading {
  font-weight:800
}

:where(.gametile-factor) .text-inner p {
  margin:0 0 18px;
  line-height:1.7;
  font-size:16px;
  color:#C9CDD5
}

:where(.gametile-factor) .text-inner td > p,
:where(.gametile-factor) .text-inner th > p {
  margin:0
}

:where(.gametile-factor) .text-inner td > p + p,
:where(.gametile-factor) .text-inner th > p + p {
  margin-top:8px
}

:where(.gametile-factor) .text-inner ul,
:where(.gametile-factor) .text-inner ol {
  margin:0 0 18px;
  padding-left:24px
}

:where(.gametile-factor) .text-inner li {
  margin-bottom:8px;
  color:#C9CDD5;
  font-size:16px;
  line-height:1.7
}

:where(.gametile-factor) .text-inner a {
  color:#04CB00;
  border-bottom:1px solid #04CB0040;
  transition:border-color 0.15s
}

:where(.gametile-factor) .text-inner a:hover {
  border-color:#04CB00
}

:where(.gametile-factor) .text-inner table {
  width:100%;
  border-collapse:collapse;
  border-spacing:0;
  margin:20px 0;
  border-radius:12px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,0.08)
}

:where(.gametile-factor) .tableview-spot {
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  margin:20px 0;
  position:relative;
  border-radius:12px
}

:where(.gametile-factor) .tableview-spot table {
  margin:0;
  min-width:480px
}

:where(.gametile-factor) .tableview-spot::-webkit-scrollbar {
  height:6px
}

:where(.gametile-factor) .tableview-spot::-webkit-scrollbar-track {
  background:rgba(255,255,255,0.04);
  border-radius:3px
}

:where(.gametile-factor) .tableview-spot::-webkit-scrollbar-thumb {
  background:#04CB0050;
  border-radius:3px
}

:where(.gametile-factor) .tableview-spot::-webkit-scrollbar-thumb:hover {
  background:#04CB0080
}

:where(.gametile-factor) .text-inner thead th {
  background:rgba(255,255,255,0.04);
  padding:14px 18px;
  text-align:left;
  font-size:13px;
  font-weight:600;
  color:#FFFFFF;
  border-bottom:1px solid rgba(255,255,255,0.1);
  white-space:nowrap
}

:where(.gametile-factor) .text-inner th {
  background:rgba(255,255,255,0.04);
  padding:14px 18px;
  text-align:left;
  font-size:13px;
  font-weight:600;
  color:#FFFFFF;
  border-bottom:1px solid rgba(255,255,255,0.1)
}

:where(.gametile-factor) .text-inner td {
  padding:12px 18px;
  border-bottom:1px solid rgba(255,255,255,0.04);
  color:#D1D5DB;
  font-size:14px;
  line-height:1.5
}

:where(.gametile-factor) .text-inner td:first-child {
  font-weight:600;
  color:#FFFFFF
}

:where(.gametile-factor) .text-inner tr:last-child td {
  border-bottom:none
}

:where(.gametile-factor) .text-inner tr:hover td {
  background:rgba(255,255,255,0.02)
}

:where(.gametile-factor) .text-inner blockquote {
  border-left:4px solid #04CB00;
  background:#04CB0008;
  padding:16px 20px;
  margin:20px 0;
  border-radius:0 10px 10px 0
}

:where(.gametile-factor) .text-inner code {
  font-family:inherit;
  background:none;
  padding:0;
  font-size:inherit
}

:where(.gametile-factor) .text-inner pre {
  background:rgba(0,0,0,0.4);
  padding:16px;
  border-radius:10px;
  overflow-x:auto;
  margin:16px 0;
  border:1px solid rgba(255,255,255,0.08)
}

:where(.gametile-factor) .text-inner pre code {
  font-family:'SF Mono','JetBrains Mono',monospace;
  font-size:14px
}

:where(.gametile-factor) .text-inner img {
  max-width:100%;
  border-radius:14px;
  margin:20px 0;
  aspect-ratio:auto;
  height:auto
}

:where(.gametile-factor) .text-inner > img,
:where(.gametile-factor) .text-inner > p > img {
  max-width:60% !important;
  display:block;
  margin:20px auto
}

:where(.gametile-factor) .questions-factor {
  background:var(--yrjs9w,rgba(255,255,255,0.02));
  border-radius:var(--wc78wt,16px);
  padding:28px;
  border:1px solid var(--wa84lk,rgba(255,255,255,0.05));
  box-shadow:var(--a2hkh1,none)
}

:where(.gametile-factor) .questions-partbit {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px
}

:where(.gametile-factor) .questions-unit {
  padding:16px 20px;
  border-bottom:none;
  border-radius:var(--wc78wt,12px);
  background:var(--yrjs9w,rgba(255,255,255,0.04));
  transition:background 0.15s,border-color 0.15s;
  border:1px solid var(--wa84lk,rgba(255,255,255,0.06))
}

:where(.gametile-factor) .questions-unit:hover {
  background:rgba(255,255,255,0.06);
  border-color:rgba(255,255,255,0.1)
}

:where(.gametile-factor) .questions-unit.area-8 {
  background:rgba(255,255,255,0.06);
  border-color:#04CB0030
}

:where(.gametile-factor) .questions-place-header {
  margin:0;
  font:inherit
}

:where(.gametile-factor) .questions-qpart {
  width:100%;
  background:none;
  border:none;
  padding:0;
  margin:0;
  font-family:inherit;
  text-align:left;
  cursor:pointer;
  font-weight:600;
  font-size:15px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  min-height:40px;
  color:#fff
}

:where(.gametile-factor) .questions-qpart span:last-child {
  color:#04CB00;
  font-size:22px;
  font-weight:700;
  transition:transform 0.25s;
  flex-shrink:0;
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:6px;
  background:#04CB0015
}

:where(.gametile-factor) .questions-unit.area-8 .questions-qpart span:last-child {
  transform:rotate(45deg);
  background:#04CB0025
}

:where(.gametile-factor) .questions-apart {
  color:#9CA3AF;
  font-size:14px;
  line-height:1.6;
  overflow:hidden;
  max-height:0;
  transition:max-height 0.3s ease,padding 0.3s ease;
  padding-top:0
}

:where(.gametile-factor) .questions-unit.area-8 .questions-apart {
  max-height:500px;
  padding-top:12px
}

:where(.gametile-factor) .grade-object {
  background:var(--yrjs9w,rgba(255,255,255,0.03));
  border:1px solid var(--wa84lk,rgba(255,255,255,0.07));
  border-radius:var(--wc78wt,16px);
  box-shadow:var(--a2hkh1,none);
  padding:28px 32px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:40px
}

:where(.gametile-factor) .grade-grade {
  text-align:center;
  background:var(--c7efht,rgba(255,255,255,0.04));
  border-radius:var(--wc78wt,16px);
  padding:24px 32px;
  border:1px solid var(--wa84lk,rgba(255,255,255,0.06))
}

:where(.gametile-factor) .grade-piece {
  font-size:64px;
  font-weight:900;
  line-height:1;
  font-family:'SF Mono','JetBrains Mono',monospace
}

:where(.gametile-factor) .detailbox-2 {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px
}

:where(.gametile-factor) .detailbox-2 > div {
  background:var(--yrjs9w,rgba(255,255,255,0.03));
  border:1px solid var(--wa84lk,rgba(255,255,255,0.06));
  border-radius:var(--wc78wt,14px);
  box-shadow:var(--a2hkh1,none);
  padding:20px 24px
}

:where(.gametile-factor) .chart {
  display:grid;
  gap:10px
}

:where(.gametile-factor) .rankline-track {
  display:grid;
  grid-template-columns:32px auto 1fr auto auto;
  gap:16px;
  align-items:center;
  padding:16px 22px;
  border-radius:var(--wc78wt,14px);
  border:1px solid var(--wa84lk,rgba(255,255,255,0.07));
  background:var(--yrjs9w,rgba(255,255,255,0.03));
  box-shadow:var(--a2hkh1,none);
  transition:border-color 0.15s,background 0.15s
}

:where(.gametile-factor) .rankline-track:hover {
  border-color:#04CB0030;
  background:rgba(255,255,255,0.05)
}

:where(.gametile-factor) .paybox-partbit {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px
}

:where(.gametile-factor) .paybox-aspect {
  background:var(--yrjs9w,rgba(255,255,255,0.04));
  border:1px solid var(--wa84lk,rgba(255,255,255,0.07));
  border-radius:var(--wc78wt,12px);
  box-shadow:var(--a2hkh1,none);
  padding:16px 14px
}

:where(.gametile-factor) .paybox-aspect-title-row {
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px
}

:where(.gametile-factor) .paybox-figures {
  display:grid;
  gap:6px;
  border-top:1px solid var(--de2qnj,rgba(255,255,255,0.06));
  padding-top:10px
}

:where(.gametile-factor) .detailbox-aspect {
  border:1px solid var(--wa84lk,rgba(255,255,255,0.08));
  border-radius:var(--wc78wt,16px);
  box-shadow:var(--a2hkh1,none);
  overflow:hidden;
  background:#1a1e2e
}

:where(.gametile-factor) .detailbox-aspect-entity {
  height:4px;
  background:var(--jozl3g,#04CB00)
}

:where(.gametile-factor) .detailbox-aspect-content {
  padding:28px 36px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:24px
}

:where(.gametile-factor) .offercta-center {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  width:100%
}

:where(.gametile-factor) .offercta-mark {
  display:inline-block;
  font-size:10px;
  font-weight:800;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--rjecln,#04CB00);
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:4px;
  padding:4px 10px;
  margin-bottom:10px
}

:where(.gametile-factor) .offercta-heading {
  font-size:38px;
  font-weight:900;
  color:#fff;
  line-height:1.05;
  margin-bottom:4px
}

:where(.gametile-factor) .offercta-subtext {
  font-size:20px;
  font-weight:700;
  color:var(--rjecln,#04CB00);
  margin-bottom:16px
}

:where(.gametile-factor) .offercta-keylines {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:center
}

:where(.gametile-factor) .offercta-keybit {
  font-size:12px;
  color:#D1D5DB;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:6px;
  padding:4px 10px
}

:where(.gametile-factor) .offercta-keybit::before {
  content:"✓ ";
  color:#34D399
}

:where(.gametile-factor) .offercta-action {
  background:#04CB00;
  color:var(--dima3e,#13151b);
  border:none;
  border-radius:10px;
  padding:16px 40px;
  font-size:15px;
  font-weight:800;
  text-decoration:none;
  display:inline-block;
  transition:all 0.2s
}

:where(.gametile-factor) .offercta-action:hover {
  transform:translateY(-1px);
  opacity:0.95
}

:where(.gametile-factor) .offercta-rules {
  font-size:10px;
  color:#6B7280;
  text-align:center;
  max-width:200px;
  margin-top:8px
}

:where(.gametile-factor) .offercta-action-spot {
  display:flex;
  flex-direction:column;
  align-items:center;
  flex-shrink:0
}

:where(.gametile-factor) .offercta-tagrow {
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  justify-content:center;
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid var(--de2qnj,rgba(255,255,255,0.06));
  width:100%
}

:where(.gametile-factor) .offercta-tag {
  font-size:13px;
  color:#9ca3af;
  padding-left:20px;
  position:relative
}

:where(.gametile-factor) .offercta-tag::before {
  content:"✓";
  color:#04CB00;
  position:absolute;
  left:0;
  top:0;
  font-weight:700
}

:where(.gametile-factor) .pic-lead {
  display:flex;
  gap:28px;
  margin:28px 0;
  align-items:flex-start;
  padding:24px;
  background:rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.06);
  border-radius:16px
}

:where(.gametile-factor) .pic-lead[data-lane="right"] {
  flex-direction:row-reverse
}

:where(.gametile-factor) .pic-lead img {
  width:38%;
  border-radius:12px;
  flex-shrink:0;
  object-fit:cover;
  box-shadow:0 4px 20px rgba(0,0,0,0.3);
  border:1px solid rgba(255,255,255,0.08)
}

:where(.gametile-factor) .pic-lead img[src=""],
:where(.gametile-factor) .pic-lead img:not([src]) {
  display:none
}

:where(.gametile-factor) .pic-lead:not(:has(img)),
:where(.gametile-factor) .pic-lead:has(img[src=""]),
:where(.gametile-factor) .pic-lead:has(img:not([src])) {
  display:contents;
  border:none;
  padding:0;
  margin:0;
  background:none
}

:where(.gametile-factor) .pic-lead > div {
  flex:1;
  min-width:0
}

:where(.gametile-factor) .pic-piece {
  cursor:pointer
}

:where(.gametile-factor) .pic-center {
  margin:28px auto;
  text-align:center;
  max-width:60%
}

:where(.gametile-factor) .pic-center img {
  width:100%;
  border-radius:12px;
  object-fit:cover;
  box-shadow:0 4px 20px rgba(0,0,0,0.3);
  border:1px solid rgba(255,255,255,0.08)
}

:where(.gametile-factor) .pic-center img[src=""],
:where(.gametile-factor) .pic-center img:not([src]) {
  display:none
}

:where(.gametile-factor) .pic-center:has(img[src=""]) .pic-pointpart,
:where(.gametile-factor) .pic-center:has(img:not([src])) .pic-pointpart {
  display:none
}

:where(.gametile-factor) .pic-pointpart {
  font-size:12px;
  color:#6B7280;
  margin-top:8px;
  font-style:italic
}

:where(.gametile-factor) .hintbox {
  border-radius:12px;
  padding:18px 22px;
  margin:16px 0;
  line-height:1.6
}

:where(.gametile-factor) .hintbox p {
  margin:0
}

:where(.gametile-factor) .hintbox-data {
  background:rgba(59,130,246,0.08);
  border:1px solid rgba(59,130,246,0.2);
  color:#93C5FD
}

:where(.gametile-factor) .hintbox-warning {
  background:rgba(245,158,11,0.08);
  border:1px solid rgba(245,158,11,0.2);
  color:#FCD34D
}

:where(.gametile-factor) .gobtn-action {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:14px 40px;
  border-radius:8px;
  font-weight:700;
  font-size:15px;
  text-decoration:none !important;
  border-bottom:none !important;
  transition:all 0.2s;
  cursor:pointer;
  line-height:1.4
}

:where(.gametile-factor) .gobtn-bit {
  background:#04CB00;
  color:#0b0d12 !important
}

:where(.gametile-factor) .gobtn-gold2 {
  background:#ffce2f;
  color:#13151b !important
}

:where(.gametile-factor) .gobtn-greenbtn {
  background:#22c55e;
  color:#fff !important
}

:where(.gametile-factor) .gobtn-action:hover {
  opacity:0.9;
  transform:translateY(-1px)
}

:where(.gametile-factor) .text-inner a.gobtn-action,
:where(.gametile-factor) .text-inner .gobtn-action {
  color:inherit !important;
  text-decoration:none !important;
  border-bottom:none !important;
  display:inline-flex;
  margin:12px 0
}

:where(.gametile-factor) .text-inner a.gobtn-bit {
  color:#0b0d12 !important
}

:where(.gametile-factor) .text-inner a.gobtn-gold2 {
  color:#13151b !important
}

:where(.gametile-factor) .text-inner a.gobtn-greenbtn {
  color:#fff !important
}

:where(.gametile-factor) .thing-2 {
}

:where(.gametile-factor) .gsegment-chips {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:center;
  margin-bottom:28px;
  overflow-x:auto;
  scrollbar-width:none;
  padding:4px
}

:where(.gametile-factor) .gsegment-chips::-webkit-scrollbar {
  display:none
}

:where(.gametile-factor) .gsegment-element {
  display:inline-flex;
  align-items:center;
  padding:9px 18px;
  border-radius:50px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  color:rgba(255,255,255,0.7);
  font-size:13px;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
  transition:all 0.15s
}

:where(.gametile-factor) .gsegment-element:hover {
  background:rgba(255,255,255,0.08);
  color:#fff
}

:where(.gametile-factor) .gsegment-element-live {
  background:#04CB00;
  color:#13151b;
  border-color:#04CB00
}

:where(.gametile-factor) .gsegment-element-live:hover {
  background:#04CB00;
  color:#13151b;
  opacity:0.92
}

:where(.gametile-factor) .gsegment-partbit {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:16px;
  margin-bottom:24px
}

:where(.gametile-factor) .gsegment-aspect {
  text-decoration:none
}

:where(.gametile-factor) .gsegment-aspect:hover {
  transform:scale(1.05);
  box-shadow:var(--a0iv85,0 16px 40px rgba(0,0,0,0.5)),0 0 0 2px #04CB0040;
  z-index:2
}

:where(.gametile-factor) .gsegment-aspect img {
  transition:transform 0.3s
}

:where(.gametile-factor) .gsegment-aspect:hover img {
  transform:scale(1.08)
}

:where(.gametile-factor) .gsegment-object {
  display:flex;
  justify-content:center;
  margin-top:8px
}

:where(.gametile-factor) .gsegment-showall {
  color:#04CB00;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  padding:10px 24px;
  border-radius:50px;
  border:1px solid rgba(4,203,0,0.3);
  transition:all 0.15s
}

:where(.gametile-factor) .gsegment-showall:hover {
  background:rgba(4,203,0,0.08)
}

:where(.gametile-factor) .promolayout {
}

:where(.gametile-factor) .highlight-aspect {
  display:flex;
  flex-direction:column;
  background:#1a1e2e;
  border:1px solid var(--wa84lk,rgba(255,255,255,0.06));
  border-radius:var(--wc78wt,16px);
  box-shadow:var(--a2hkh1,none);
  overflow:hidden;
  text-decoration:none;
  color:inherit;
  transition:transform 0.2s,border-color 0.2s,box-shadow 0.2s
}

:where(.gametile-factor) .highlight-aspect:hover {
  transform:translateY(-4px);
  border-color:var(--fjp4al,rgba(255,255,255,0.15));
  box-shadow:var(--a0iv85,0 12px 32px rgba(0,0,0,0.3))
}

:where(.gametile-factor) .highlight-aspect-fragment {
  height:160px;
  background-size:cover;
  background-position:center;
  background-color:rgba(255,255,255,0.03)
}

:where(.gametile-factor) .highlight-aspect-fragment-fallback {
  background:linear-gradient(135deg,rgba(4,203,0,0.3) 0%,rgba(4,203,0,0.1) 100%)
}

:where(.gametile-factor) .highlight-aspect-content {
  padding:22px 22px 24px;
  display:flex;
  flex-direction:column;
  gap:8px;
  flex:1
}

:where(.gametile-factor) .highlight-aspect-mark {
  display:inline-block;
  font-size:10px;
  font-weight:800;
  letter-spacing:1.2px;
  text-transform:uppercase;
  color:var(--rjecln,#04CB00);
  background:rgba(4,203,0,0.12);
  border-radius:4px;
  padding:4px 10px;
  width:fit-content;
  margin-bottom:2px
}

:where(.gametile-factor) .highlight-aspect-heading {
  font-size:18px;
  font-weight:800;
  color:#fff;
  line-height:1.25;
  letter-spacing:-0.2px
}

:where(.gametile-factor) .highlight-aspect-subtext {
  font-size:14px;
  color:#b0b4c0;
  line-height:1.6;
  margin-bottom:4px;
  flex:1
}

:where(.gametile-factor) .highlight-aspect-action {
  font-size:13px;
  font-weight:700;
  color:var(--rjecln,#04CB00);
  margin-top:auto;
  padding-top:12px;
  border-top:1px solid var(--de2qnj,rgba(255,255,255,0.06));
  transition:gap 0.15s
}

:where(.gametile-factor) .highlight-aspect:hover .highlight-aspect-action {
  color:#fff
}

@media (max-width:1024px) {
  :where(.gametile-factor) .gsegment-partbit {
    grid-template-columns:repeat(4,1fr);
    gap:10px
  }
  :where(.gametile-factor) .promolayout-partbit {
    grid-template-columns:repeat(2,1fr) !important
  }
}

@media (max-width:640px) {
  :where(.gametile-factor) .gsegment-partbit {
    grid-template-columns:repeat(3,1fr);
    gap:8px
  }
  :where(.gametile-factor) .gsegment-element {
    padding:7px 14px;
    font-size:12px
  }
  :where(.gametile-factor) .promolayout-partbit {
    grid-template-columns:1fr !important
  }
  :where(.gametile-factor) .highlight-aspect-fragment {
    height:140px
  }
}

@media (max-width:768px) {
  :where(.gametile-factor) .chart .rankline-track {
    grid-template-columns:26px 1fr auto !important;
    row-gap:8px
  }
  :where(.gametile-factor) .chart .rankline-track .rankline-brand {
    display:none
  }
  :where(.gametile-factor) .chart .rankline-track .area-bit {
    grid-column:1 / -1;
    justify-content:center
  }
}

:where(.gametile-factor) .latestwins {
  background:var(--yrjs9w,rgba(255,255,255,0.03));
  border:1px solid var(--wa84lk,rgba(255,255,255,0.07));
  border-radius:var(--wc78wt,16px);
  box-shadow:var(--a2hkh1,none);
  padding:28px
}

:where(.gametile-factor) .winline-winners {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-bottom:24px
}

:where(.gametile-factor) .winline-winners-aspect {
  background:var(--c7efht,rgba(255,255,255,0.04));
  border:1px solid var(--wa84lk,rgba(255,255,255,0.08));
  border-radius:var(--wc78wt,12px);
  padding:18px 16px;
  text-align:center
}

:where(.gametile-factor) .winline-winners-text {
  font-size:11px;
  font-weight:800;
  letter-spacing:1.5px;
  text-transform:uppercase;
  margin-bottom:6px
}

:where(.gametile-factor) .winline-winners-sum {
  font-size:24px;
  font-weight:900;
  font-family:'SF Mono','JetBrains Mono',monospace;
  margin-bottom:4px
}

:where(.gametile-factor) .winline-winners-player {
  font-size:12px;
  color:#6B7280
}

:where(.gametile-factor) .latestwins-partbit {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px
}

:where(.gametile-factor) .winline-col-heading {
  font-size:14px;
  font-weight:700;
  color:#fff;
  margin-bottom:12px
}

:where(.gametile-factor) .winline-items {
  display:grid;
  gap:8px
}

:where(.gametile-factor) .winline-track {
  display:flex;
  align-items:center;
  gap:12px;
  background:var(--yrjs9w,rgba(255,255,255,0.04));
  border-radius:var(--wc78wt,10px);
  padding:12px 16px
}

:where(.gametile-factor) .winline-prize {
  width:32px;
  height:32px;
  border-radius:50%;
  font-size:14px;
  font-weight:800;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0
}

:where(.gametile-factor) .winline-player {
  flex:1;
  min-width:0
}

:where(.gametile-factor) .winline-sum {
  font-size:16px;
  font-weight:800;
  white-space:nowrap
}

:where(.gametile-factor) .manual-object {
}

:where(.gametile-factor) .manual-text {
  color:#FFFFFF;
  opacity:0.8;
  font-size:15px;
  line-height:1.6;
  margin-bottom:24px
}

:where(.gametile-factor) .manual-steps {
  display:flex;
  flex-direction:column;
  gap:0;
  position:relative
}

:where(.gametile-factor) .manual-steps::before {
  content:'';
  position:absolute;
  left:23px;
  top:24px;
  bottom:24px;
  width:2px;
  background:#04CB0022
}

:where(.gametile-factor) .manual-step {
  display:flex;
  gap:16px;
  align-items:flex-start;
  padding:16px 0;
  position:relative
}

:where(.gametile-factor) .manual-step-figure {
  width:48px;
  height:48px;
  border-radius:var(--wc78wt,12px);
  background:var(--n4om5e,#04CB0018);
  color:#04CB00;
  font-size:18px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  position:relative;
  z-index:1
}

:where(.gametile-factor) .manual-step-content {
  flex:1;
  min-width:0
}

:where(.gametile-factor) .manual-step-heading {
  font-size:17px;
  font-weight:600;
  color:#FFFFFF;
  margin:0 0 6px;
  line-height:1.3
}

:where(.gametile-factor) .manual-step-lead {
  font-size:15px;
  color:#FFFFFF;
  opacity:0.8;
  line-height:1.6
}

:where(.gametile-factor) .manual-step-lead p {
  margin:0 0 8px
}

@media (max-width:768px) {
  :where(.gametile-factor) .manual-step-figure {
    width:40px;
    height:40px;
    font-size:15px;
    border-radius:10px
  }
  :where(.gametile-factor) .manual-step-heading {
    font-size:15px
  }
  :where(.gametile-factor) .manual-step-lead {
    font-size:14px
  }
  :where(.gametile-factor) .manual-steps::before {
    left:19px
  }
}

:where(.gametile-factor) .journey {
}

:where(.gametile-factor) .bigpromo-strip {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px
}

:where(.gametile-factor) .bigpromo-aspect {
  display:inline-flex;
  align-items:center;
  color:#FFFFFF;
  opacity:0.4;
  flex-shrink:0
}

:where(.gametile-factor) .bigpromo-unitpart {
  width:20px;
  height:20px;
  display:block
}

:where(.gametile-factor) .journey--item .bigpromo-pillpart {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 18px;
  border-radius:999px;
  background:var(--jozl3g,#04CB00);
  color:var(--dima3e,#fff);
  font-weight:700;
  font-size:15px;
  line-height:1.2;
  white-space:nowrap;
  border:2px solid rgba(0,0,0,0.28)
}

:where(.gametile-factor) .journey--item .bigpromo-icon {
  display:inline-flex
}

:where(.gametile-factor) .journey--item .bigpromo-icon svg {
  width:17px;
  height:17px;
  display:block
}

:where(.gametile-factor) .journey--item .bigpromo-pillpart.bigpromo-curbit {
  outline:3px solid #04CB00;
  outline-offset:2px
}

:where(.gametile-factor) .journey--factor .bigpromo-strip {
  align-items:stretch
}

:where(.gametile-factor) .bigpromo-aspect-2 {
  position:relative;
  flex:1 1 160px;
  max-width:220px;
  min-width:150px;
  background:var(--yrjs9w,rgba(255,255,255,0.04));
  border:1px solid var(--wa84lk,rgba(255,255,255,0.09));
  border-radius:var(--wc78wt,14px);
  padding:20px 16px
}

:where(.gametile-factor) .bigpromo-aspect-2.bigpromo-curbit {
  border-color:#04CB0059
}

:where(.gametile-factor) .bigpromo-figure {
  position:absolute;
  top:14px;
  right:14px;
  font-size:12px;
  font-weight:700;
  color:#FFFFFF;
  opacity:0.35
}

:where(.gametile-factor) .bigpromo-bit {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border-radius:12px;
  background:var(--n4om5e,#04CB0018);
  color:#04CB00;
  margin-bottom:14px
}

:where(.gametile-factor) .bigpromo-bit svg {
  width:23px;
  height:23px;
  display:block
}

:where(.gametile-factor) .bigpromo-aspect-2 .bigpromo-member {
  font-size:15px;
  font-weight:700;
  color:#FFFFFF;
  margin-bottom:5px;
  line-height:1.25
}

:where(.gametile-factor) .bigpromo-element {
  font-size:12.5px;
  color:#FFFFFF;
  opacity:0.7;
  line-height:1.55
}

:where(.gametile-factor) .bigpromo-partbit {
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  justify-content:center;
  gap:10px
}

:where(.gametile-factor) .bigpromo-partbit-2 {
  position:relative;
  flex:1 1 150px;
  max-width:190px;
  min-width:130px;
  text-align:center;
  background:var(--yrjs9w,rgba(255,255,255,0.04));
  border:1px solid var(--wa84lk,rgba(255,255,255,0.09));
  border-radius:var(--wc78wt,14px);
  padding:20px 16px
}

:where(.gametile-factor) .bigpromo-partbit-2.bigpromo-curbit {
  border:2px solid #04CB00;
  background:#04CB0014
}

:where(.gametile-factor) .bigpromo-aspect-3 {
  position:absolute;
  top:-11px;
  left:50%;
  transform:translateX(-50%);
  background:var(--jozl3g,#04CB00);
  color:var(--dima3e,#fff);
  font-size:11px;
  font-weight:700;
  padding:2px 12px;
  border-radius:999px;
  white-space:nowrap
}

:where(.gametile-factor) .bigpromo-spot {
  display:inline-flex;
  color:#04CB00;
  margin-bottom:8px
}

:where(.gametile-factor) .bigpromo-spot svg {
  width:30px;
  height:30px;
  display:block
}

:where(.gametile-factor) .bigpromo-partbit-2 .bigpromo-member {
  font-size:15px;
  font-weight:700;
  color:#FFFFFF;
  margin-bottom:2px
}

:where(.gametile-factor) .bigpromo-note {
  font-size:12px;
  color:#FFFFFF;
  opacity:0.55
}

:where(.gametile-factor) .bigpromo-fragment {
  font-size:12.5px;
  color:#FFFFFF;
  opacity:0.8;
  line-height:1.5;
  border-top:1px solid var(--wa84lk,rgba(255,255,255,0.08));
  margin-top:10px;
  padding-top:10px
}

:where(.gametile-factor) .bigpromo-action-spot {
  text-align:center;
  margin-top:22px
}

@media (max-width:768px) {
  :where(.gametile-factor) .journey--item .bigpromo-strip,
  :where(.gametile-factor) .journey--factor .bigpromo-strip {
    flex-direction:column
  }
  :where(.gametile-factor) .journey--item .bigpromo-aspect .bigpromo-unitpart,
  :where(.gametile-factor) .journey--factor .bigpromo-aspect .bigpromo-unitpart {
    transform:rotate(90deg)
  }
  :where(.gametile-factor) .bigpromo-aspect-2 {
    max-width:100%;
    width:100%
  }
  :where(.gametile-factor) .bigpromo-partbit-2 {
    flex-basis:calc(50% - 5px);
    max-width:none
  }
}

:where(.gametile-factor) a[data-base] {
  cursor:pointer;
  text-decoration:none
}

:where(.gametile-factor) a[data-base].highlight-aspect {
  color:inherit
}

@media (max-width:768px) {
  :where(.gametile-factor) .machine-veil {
    display:none
  }
  :where(.gametile-factor) .machine-bottompart {
    padding:7px 8px
  }
  :where(.gametile-factor) .machine-bottompart-title {
    font-size:11px;
    -webkit-line-clamp:1
  }
  :where(.gametile-factor) .machine-bottompart-provider {
    font-size:9px
  }
  :where(.gametile-factor) .gametab {
    padding:8px 16px;
    font-size:12.5px
  }
  :where(.gametile-factor) .provscroll-strip {
    display:grid;
    grid-auto-flow:column;
    grid-template-rows:1fr 1fr;
    grid-auto-columns:calc((100% - 12px) / 2);
    gap:12px
  }
  :where(.gametile-factor) .provscroll-strip > .detailbox-aspect-3 {
    flex:none;
    width:auto
  }
  :where(.gametile-factor) .provscroll-chevron {
    display:flex
  }
  :where(.gametile-factor) .our-app-stat {
    flex:1 1 calc(50% - 6px);
    min-width:0
  }
  :where(.gametile-factor) .our-app-mark {
    flex:1 1 auto;
    justify-content:center
  }
}

:where(.gametile-factor) footer {
  background:#0c1e0b;
  padding:40px 24px 24px
}

:where(.gametile-factor) .bottom-bar-cells {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
  max-width:1200px;
  margin:0 auto 28px;
  padding-bottom:32px;
  border-bottom:1px solid rgba(255,255,255,0.07)
}

:where(.gametile-factor) .bottom-bar-col-heading {
  color:#fff;
  font-weight:700;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:1.5px;
  margin-bottom:14px
}

:where(.gametile-factor) .bottom-bar-cells > div a {
  display:block;
  color:#9CA3AF;
  font-size:15px;
  text-decoration:none;
  margin-bottom:4px;
  padding:4px 0;
  min-height:32px;
  line-height:24px;
  transition:color 0.15s
}

:where(.gametile-factor) .bottom-bar-cells > div a:hover {
  color:#fff
}

:where(.gametile-factor) .bottom-bar-bottom {
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px
}

:where(.gametile-factor) .agebadge-18 {
  width:36px;
  height:36px;
  border-radius:50%;
  border:2px solid #9CA3AF;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#9CA3AF;
  font-weight:700;
  font-size:13px
}

:where(.gametile-factor) .bottom-bar-copy {
  color:#9CA3AF;
  font-size:12px;
  max-width:600px;
  line-height:1.5
}

:where(.gametile-factor) .table-contents-link:hover {
  background:rgba(255,255,255,0.04)
}

:where(.gametile-factor) .machine-heropart {
  display:grid;
  grid-template-columns:280px 1fr;
  gap:32px;
  align-items:start
}

:where(.gametile-factor) .machine-smallpic-2 {
  width:100%;
  aspect-ratio:1;
  border-radius:16px;
  overflow:hidden;
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.08)
}

:where(.gametile-factor) .machine-smallpic-2 img {
  width:100%;
  height:100%;
  object-fit:cover
}

:where(.gametile-factor) .machine-data-partbit {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px;
  margin-bottom:20px
}

:where(.gametile-factor) .machine-rating {
  margin:0 0 14px
}

:where(.gametile-factor) .machine-rating-text {
  font-size:12px;
  color:#9CA3AF;
  margin-bottom:5px
}

:where(.gametile-factor) .machine-rating-track {
  display:flex;
  gap:2px;
  padding:2px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(0,0,0,.30);
  overflow:hidden;
  max-width:260px
}

:where(.gametile-factor) .machine-rating-cell {
  flex:1 1 0;
  height:9px;
  overflow:hidden
}

:where(.gametile-factor) .machine-rating-cell:first-child {
  border-radius:999px 0 0 999px
}

:where(.gametile-factor) .machine-rating-cell:last-child {
  border-radius:0 999px 999px 0
}

:where(.gametile-factor) .machine-rating-cell i {
  display:block;
  height:100%
}

:where(.gametile-factor) .machine-rating-cell:nth-child(1) i {
  background:#2e6b1f
}

:where(.gametile-factor) .machine-rating-cell:nth-child(2) i {
  background:#42901f
}

:where(.gametile-factor) .machine-rating-cell:nth-child(3) i {
  background:#54ac22
}

:where(.gametile-factor) .machine-rating-cell:nth-child(4) i {
  background:#63c926
}

:where(.gametile-factor) .machine-rating-cell:nth-child(5) i {
  background:#78e62c
}

:where(.gametile-factor) .machine-rating-figure {
  font-size:12px;
  color:#9CA3AF;
  margin-top:4px
}

:where(.gametile-factor) .machine-data-unit {
  background:rgba(255,255,255,0.03);
  border-radius:8px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,0.06)
}

:where(.gametile-factor) .machine-data-text {
  font-size:10px;
  color:#6B7280;
  text-transform:uppercase;
  letter-spacing:0.5px;
  margin-bottom:3px
}

:where(.gametile-factor) .machine-data-val {
  font-size:14px;
  font-weight:700;
  color:#04CB00
}

:where(.gametile-factor) .features-brand {
  text-align:center;
  margin-bottom:30px
}

:where(.gametile-factor) .features-top {
  display:grid;
  grid-template-columns:1fr auto;
  gap:32px;
  align-items:start;
  max-width:1200px;
  margin:0 auto
}

:where(.gametile-factor) .features-cells {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,max-content));
  gap:56px
}

:where(.gametile-factor) .features-cells .bottom-bar-col-heading {
  color:#04CB00;
  margin-bottom:16px
}

:where(.gametile-factor) .features-cells > div a {
  display:block;
  color:#E5E7EB;
  font-size:15px;
  text-decoration:none;
  padding:5px 0;
  transition:color 0.15s
}

:where(.gametile-factor) .features-cells > div a:hover {
  color:#fff
}

:where(.gametile-factor) .features-place {
  color:#9CA3AF;
  font-size:13px;
  line-height:1.7;
  max-width:320px
}

:where(.gametile-factor) .features-part-spot {
  text-align:right
}

:where(.gametile-factor) .features-part-spot .bottom-bar-part {
  text-align:right !important;
  padding:0
}

:where(.gametile-factor) .features-ruleline {
  height:1px;
  background:rgba(255,255,255,0.08);
  max-width:1200px;
  margin:28px auto
}

:where(.gametile-factor) .features-mid {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  flex-wrap:wrap;
  max-width:1200px;
  margin:0 auto
}

:where(.gametile-factor) .features-badges {
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap
}

:where(.gametile-factor) .features-method {
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap
}

:where(.gametile-factor) .features-method img {
  height:28px;
  width:auto;
  max-width:84px;
  object-fit:contain
}

:where(.gametile-factor) .features-markets {
  display:flex;
  gap:12px;
  flex-wrap:wrap
}

:where(.gametile-factor) .features-apppiece {
  display:inline-flex;
  align-items:center;
  gap:9px;
  background:#04CB00;
  color:#0b0d12;
  border-radius:10px;
  padding:8px 18px;
  text-decoration:none;
  font-weight:700
}

:where(.gametile-factor) .features-apppiece:hover {
  filter:brightness(1.06)
}

:where(.gametile-factor) .features-apppiece-icon svg {
  width:22px;
  height:22px;
  display:block
}

:where(.gametile-factor) .features-apppiece-textpart {
  display:flex;
  flex-direction:column;
  line-height:1.15
}

:where(.gametile-factor) .features-apppiece-textpart span {
  font-size:10px;
  font-weight:600;
  opacity:0.85;
  text-transform:uppercase;
  letter-spacing:0.5px
}

:where(.gametile-factor) .features-apppiece-textpart strong {
  font-size:14px
}

:where(.gametile-factor) .features-socials {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:20px;
  margin:4px auto 8px
}

:where(.gametile-factor) .features-place-2 {
  color:#9CA3AF;
  display:inline-flex;
  transition:color 0.15s
}

:where(.gametile-factor) .features-place-2 svg {
  width:22px;
  height:22px;
  display:block
}

:where(.gametile-factor) .features-place-2:hover {
  color:#04CB00
}

:where(.gametile-factor) .features-bottom {
  display:grid;
  grid-template-columns:1fr auto;
  gap:24px;
  align-items:start;
  max-width:1200px;
  margin:20px auto 0
}

:where(.gametile-factor) .features-note {
  color:#6B7280;
  font-size:12px;
  line-height:1.75;
  max-width:900px
}

:where(.gametile-factor) .features-widget {
  color:#9CA3AF;
  font-size:13px;
  white-space:nowrap
}

@media (max-width:768px) {
  :where(.gametile-factor) .features-top {
    grid-template-columns:1fr
  }
  :where(.gametile-factor) .features-cells {
    grid-template-columns:1fr 1fr;
    gap:24px
  }
  :where(.gametile-factor) .features-part-spot {
    text-align:left
  }
  :where(.gametile-factor) .features-part-spot .bottom-bar-part {
    text-align:left !important
  }
  :where(.gametile-factor) .features-mid {
    flex-direction:column;
    align-items:flex-start
  }
  :where(.gametile-factor) .features-bottom {
    grid-template-columns:1fr
  }
  :where(.gametile-factor) .features-widget {
    white-space:normal
  }
}

@media (max-width:420px) {
  :where(.gametile-factor) .features-cells {
    grid-template-columns:1fr
  }
}

:where(.gametile-factor) .factbox-header {
  display:flex;
  align-items:center;
  gap:24px;
  max-width:1200px;
  margin:0 auto 34px
}

:where(.gametile-factor) .factbox-entity {
  flex:1;
  height:1px;
  background:rgba(255,255,255,0.10)
}

:where(.gametile-factor) .factbox-ruleline {
  height:1px;
  background:rgba(255,255,255,0.08);
  max-width:1200px;
  margin:28px auto
}

:where(.gametile-factor) .factbox-top {
  display:grid;
  grid-template-columns:1.3fr 1.4fr auto;
  gap:48px;
  max-width:1200px;
  margin:0 auto;
  align-items:start
}

:where(.gametile-factor) .factbox-pointpart {
  color:#9CA3AF;
  font-size:14px;
  line-height:1.6;
  margin:0 0 22px;
  max-width:320px
}

:where(.gametile-factor) .factbox-unitpart-heading {
  color:#fff;
  font-weight:700;
  font-size:18px;
  margin-bottom:6px
}

:where(.gametile-factor) .factbox-unitpart {
  color:#9CA3AF;
  font-size:14px;
  line-height:1.6;
  margin:0 0 26px;
  max-width:260px
}

:where(.gametile-factor) .factbox-support-mail {
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#E5E7EB;
  font-size:15px;
  text-decoration:none;
  transition:color 0.15s
}

:where(.gametile-factor) .factbox-component svg {
  width:20px;
  height:20px;
  display:block;
  color:#04CB00
}

:where(.gametile-factor) .factbox-support-mail:hover {
  color:#fff
}

:where(.gametile-factor) .factbox-menulist {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px
}

:where(.gametile-factor) .factbox-menulist > div a {
  display:block;
  color:#E5E7EB;
  font-size:15px;
  text-decoration:none;
  padding:6px 0;
  transition:color 0.15s
}

:where(.gametile-factor) .factbox-menulist > div a:hover {
  color:#fff
}

:where(.gametile-factor) .factbox-trust {
  display:flex;
  justify-content:flex-end
}

:where(.gametile-factor) .factbox-trust .rgbox-track {
  justify-content:flex-end;
  max-width:220px
}

:where(.gametile-factor) .factbox-bottom {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  flex-wrap:wrap;
  max-width:1200px;
  margin:0 auto
}

:where(.gametile-factor) .factbox-widget {
  color:#6B7280;
  font-size:13px
}

:where(.gametile-factor) .factbox-method {
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  justify-content:flex-end
}

:where(.gametile-factor) .factbox-method img {
  height:26px;
  width:auto;
  max-width:62px;
  object-fit:contain;
  opacity:0.85
}

@media (max-width:768px) {
  :where(.gametile-factor) .factbox-top {
    grid-template-columns:1fr;
    gap:28px
  }
  :where(.gametile-factor) .factbox-entity {
    display:none
  }
  :where(.gametile-factor) .factbox-trust,
  :where(.gametile-factor) .factbox-trust .rgbox-track {
    justify-content:flex-start
  }
  :where(.gametile-factor) .factbox-bottom,
  :where(.gametile-factor) .factbox-method {
    justify-content:flex-start
  }
}

@media (max-width:420px) {
  :where(.gametile-factor) .factbox-menulist {
    grid-template-columns:1fr
  }
}

@media (max-width:1024px) {
  :where(.gametile-factor) .site-head-holder {
    gap:16px
  }
  :where(.gametile-factor) .item-navbar {
    gap:14px
  }
  :where(.gametile-factor) .item-navbar a {
    font-size:13px
  }
  :where(.gametile-factor) .spotlight-inner {
    padding:40px 36px
  }
  :where(.gametile-factor) .spotlight-heading {
    font-size:38px
  }
  :where(.gametile-factor) .aspect-partbit {
    grid-template-columns:repeat(4,1fr);
    gap:12px
  }
  :where(.gametile-factor) .paybox-partbit {
    grid-template-columns:repeat(3,1fr)
  }
  :where(.gametile-factor) .rankline-track {
    gap:12px;
    padding:12px 16px
  }
  :where(.gametile-factor) .detailbox-aspect-content {
    padding:24px 28px;
    gap:28px
  }
  :where(.gametile-factor) .casinoarea-offer-track {
    grid-template-columns:auto 1fr auto auto !important;
    gap:16px !important
  }
  :where(.gametile-factor) .machine-heropart {
    grid-template-columns:220px 1fr;
    gap:24px
  }
}

@media (max-width:768px) {
  :where(.gametile-factor) .site-head-holder {
    height:56px
  }
  :where(.gametile-factor) .bit-brand {
    flex-shrink:1;
    min-width:0
  }
  :where(.gametile-factor) .bit-brand img {
    max-height:32px;
    max-width:140px
  }
  :where(.gametile-factor) .item-navbar {
    display:none
  }
  :where(.gametile-factor) .navburger-action {
    display:flex
  }
  :where(.gametile-factor) .mobileonly-list {
    display:block
  }
  :where(.gametile-factor) .site-head-fragment .area-thing {
    display:none
  }
  :where(.gametile-factor) .site-head-fragment {
    gap:6px
  }
  :where(.gametile-factor) .area-bit,
  :where(.gametile-factor) .area-thing {
    padding:0 16px;
    height:40px;
    font-size:12px
  }
  :where(.gametile-factor) .spotlight {
    min-height:320px
  }
  :where(.gametile-factor) .spotlight-slideitem {
    min-height:320px
  }
  :where(.gametile-factor) .spotlight-img {
    width:100%;
    height:100%;
    position:absolute;
    inset:0;
    object-fit:cover
  }
  :where(.gametile-factor) .spotlight-fadein {
    background:linear-gradient(to top,#0d210d 5%,#0d210ddd 35%,#0d210d88 55%,transparent 80%)
  }
  :where(.gametile-factor) .spotlight-inner {
    max-width:100%;
    padding:0 20px 40px;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    top:auto
  }
  :where(.gametile-factor) .spotlight-subtext {
    font-size:13px
  }
  :where(.gametile-factor) .spotlight-heading {
    font-size:28px
  }
  :where(.gametile-factor) .spotlight-action {
    padding:14px 32px !important;
    font-size:14px !important;
    width:100%;
    text-align:center
  }
  :where(.gametile-factor) .spotlight-part {
    bottom:14px;
    justify-content:flex-start;
    padding-left:20px
  }
  :where(.gametile-factor) main {
    padding:24px 20px;
    gap:28px
  }
  :where(.gametile-factor) main > * {
    max-width:100% !important;
    overflow:hidden
  }
  :where(.gametile-factor) .aspect-heading {
    font-size:17px;
    margin-bottom:14px
  }
  :where(.gametile-factor) .page-body-widget.aspect-heading {
    font-size:20px;
    margin-bottom:0;
    text-transform:none
  }
  :where(.gametile-factor) .aspect-partbit {
    grid-template-columns:repeat(3,1fr);
    gap:8px
  }
  :where(.gametile-factor) .gametile-aspect {
    border-radius:10px
  }
  :where(.gametile-factor) .text-inner {
    overflow-wrap:break-word;
    word-wrap:break-word;
    max-width:100% !important
  }
  :where(.gametile-factor) .text-inner * {
    max-width:100%
  }
  :where(.gametile-factor) .text-inner h1 {
    font-size:32px;
    line-height:1.2
  }
  :where(.gametile-factor) .text-inner h2 {
    font-size:27px;
    margin:28px 0 14px;
    line-height:1.2
  }
  :where(.gametile-factor) .text-inner h3 {
    font-size:23px;
    margin:22px 0 10px;
    line-height:1.2
  }
  :where(.gametile-factor) .text-inner p {
    font-size:16px;
    line-height:1.5;
    margin-bottom:16px
  }
  :where(.gametile-factor) .text-inner li {
    font-size:16px;
    line-height:1.5
  }
  :where(.gametile-factor) .text-inner table {
    font-size:12px;
    display:table
  }
  :where(.gametile-factor) .text-inner th,
  :where(.gametile-factor) .text-inner td {
    padding:8px 10px
  }
  :where(.gametile-factor) .text-inner th {
    font-size:11px
  }
  :where(.gametile-factor) .text-inner > div {
    overflow-x:auto;
    -webkit-overflow-scrolling:touch
  }
  :where(.gametile-factor) .text-inner img {
    border-radius:10px;
    margin:14px 0;
    height:auto !important;
    max-width:100% !important
  }
  :where(.gametile-factor) .text-inner > img,
  :where(.gametile-factor) .text-inner > p > img {
    max-width:95% !important
  }
  :where(.gametile-factor) .questions-factor {
    padding:20px 16px;
    border-radius:12px
  }
  :where(.gametile-factor) .table-contents-spot {
    padding:16px !important;
    overflow:hidden
  }
  :where(.gametile-factor) .table-contents-link {
    overflow:hidden;
    text-overflow:ellipsis
  }
  :where(.gametile-factor) .table-contents-link span {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    min-width:0
  }
  :where(.gametile-factor) .questions-partbit {
    grid-template-columns:1fr
  }
  :where(.gametile-factor) .questions-unit {
    padding:14px 16px;
    min-height:48px
  }
  :where(.gametile-factor) .questions-qpart {
    font-size:14px
  }
  :where(.gametile-factor) .questions-apart {
    font-size:14px;
    line-height:1.5
  }
  :where(.gametile-factor) .winline-winners {
    grid-template-columns:1fr;
    gap:8px
  }
  :where(.gametile-factor) .winline-winners-sum {
    font-size:20px
  }
  :where(.gametile-factor) .grade-object {
    grid-template-columns:1fr;
    gap:20px;
    padding:20px 16px
  }
  :where(.gametile-factor) .grade-piece {
    font-size:48px
  }
  :where(.gametile-factor) .detailbox-2 {
    grid-template-columns:1fr
  }
  :where(.gametile-factor) .chart .rankline-track {
    grid-template-columns:24px 1fr auto;
    gap:10px;
    padding:12px 14px
  }
  :where(.gametile-factor) .chart .rankline-track .area-bit {
    padding:8px 14px;
    font-size:11px;
    height:auto;
    min-height:36px
  }
  :where(.gametile-factor) .bottom-bar-cells {
    grid-template-columns:1fr 1fr !important;
    gap:20px
  }
  :where(.gametile-factor) footer {
    padding:28px 16px 16px
  }
  :where(.gametile-factor) .paybox-partbit {
    grid-template-columns:1fr 1fr;
    gap:8px
  }
  :where(.gametile-factor) .paybox-aspect {
    padding:12px 10px
  }
  :where(.gametile-factor) .detailbox-aspect-content {
    grid-template-columns:1fr;
    gap:16px;
    padding:18px 14px
  }
  :where(.gametile-factor) .machine-heropart {
    grid-template-columns:1fr;
    gap:20px
  }
  :where(.gametile-factor) .machine-data-partbit {
    grid-template-columns:repeat(2,1fr);
    gap:6px
  }
  :where(.gametile-factor) .bonus-calc {
    grid-template-columns:1fr !important;
    gap:20px !important
  }
  :where(.gametile-factor) .casinoarea-offer-track {
    grid-template-columns:1fr !important;
    gap:12px !important;
    text-align:center
  }
  :where(.gametile-factor) .casinoarea-offer-track > div {
    justify-content:center
  }
  :where(.gametile-factor) .latestwins {
    padding:18px 14px !important
  }
  :where(.gametile-factor) .latestwins-partbit {
    grid-template-columns:1fr !important;
    gap:16px !important
  }
  :where(.gametile-factor) .studios-partbit {
    grid-template-columns:repeat(2,1fr) !important
  }
  :where(.gametile-factor) .pic-lead {
    flex-direction:column !important;
    padding:16px !important;
    gap:16px !important
  }
  :where(.gametile-factor) .pic-lead img {
    width:100%;
    max-height:280px
  }
  :where(.gametile-factor) .pic-center {
    max-width:95%
  }
  :where(.gametile-factor) .gobtn-action {
    width:100%;
    justify-content:center
  }
  :where(.gametile-factor) .mobileonly-navbar-link {
    min-height:44px;
    display:flex;
    align-items:center
  }
}

@media (max-width:480px) {
  :where(.gametile-factor) .site-head-holder {
    gap:8px
  }
  :where(.gametile-factor) .locale-curbit {
    display:none
  }
  :where(.gametile-factor) .locale-bit > summary {
    padding:6px;
    gap:4px
  }
  :where(.gametile-factor) .spotlight-inner {
    padding:24px 16px 48px
  }
  :where(.gametile-factor) .spotlight-heading {
    font-size:24px
  }
  :where(.gametile-factor) .spotlight-subtext {
    font-size:11px
  }
  :where(.gametile-factor) .text-inner h1 {
    font-size:28px
  }
  :where(.gametile-factor) .text-inner h2 {
    font-size:24px
  }
  :where(.gametile-factor) .text-inner h3 {
    font-size:21px
  }
  :where(.gametile-factor) .aspect-partbit {
    grid-template-columns:repeat(3,1fr);
    gap:6px
  }
  :where(.gametile-factor) .bottom-bar-cells {
    grid-template-columns:1fr !important;
    gap:16px
  }
  :where(.gametile-factor) .paybox-partbit {
    grid-template-columns:1fr
  }
  :where(.gametile-factor) .chart .rankline-track {
    grid-template-columns:24px 1fr;
    gap:8px
  }
  :where(.gametile-factor) .chart .rankline-track .area-bit {
    width:100%;
    justify-content:center
  }
  :where(.gametile-factor) .detailbox-aspect-content {
    padding:16px 12px
  }
  :where(.gametile-factor) .grade-object {
    padding:16px 12px
  }
  :where(.gametile-factor) .questions-factor {
    padding:16px 12px
  }
  :where(.gametile-factor) main {
    padding:20px 16px;
    gap:24px
  }
}

:root {
  --p9d4f2:1616px;
  --gioeo1:0 20px;
  --td08h6:24px;
  --kjqrla:16px;
  --xekph1:8px;
  --ehr3f4:#2f2f2f;
  --x1e5kw:#FFF;
  --jv573b:1px solid #54493f;
  --lz9o63:#fff;
  --m5vg82:#fff;
  --u31sxb:8px;
  --ba2z8l:#f5f5f5;
  --ad8le5:16px;
  --wu2xej:normal;
  --k4qm1d:14px
}

button {
  border:unset;
  cursor:pointer;
  background:transparent
}

button,
a,
.btn {
  cursor:pointer
}

.areabox {
  cursor:pointer
}

::-webkit-scrollbar {
  height:2px;
  width:2px;
  color:var(--jyywag) !important
}

*::-webkit-scrollbar-track {
  background:var(--jyywag) !important
}

*::-webkit-scrollbar-thumb {
  border-radius:2px;
  border:3px solid var(--jyywag)
}

* {
  padding:0;
  margin:0;
  box-sizing:border-box;
  font-family:"Poppins",sans-serif
}

a {
  text-decoration:none
}

body {
  background:#000
}

.container {
  width:100%;
  max-width:var(--p9d4f2);
  margin:auto;
  padding:var(--gioeo1)
}

.primary {
  padding-top:50px
}

.site-head:has(.site-head__bottom) ~ .primary {
  padding-top:100px
}

.aspect__headline {
  align-items:center;
  gap:11px;
  font-size:24px;
  line-height:32px;
  font-weight:bolder;
  margin-bottom:24px;
  justify-content:space-between
}

@media (max-width:960px) {
  .aspect__headline {
    font-size:20px;
    line-height:30px
  }
}

@media (max-width:440px) {
  .aspect__headline {
    font-size:16px;
    line-height:24px
  }
}

.aspect__headline .el__point {
  align-items:center;
  gap:var(--xekph1);
  color:var(--b7pgn1)
}

@media (max-width:960px) {
  .aspect__headline .el__point svg {
    width:24px;
    height:24px
  }
}

.btn {
  display:flex;
  justify-content:center;
  align-items:center;
  padding:10px 16px;
  min-width:80px;
  height:40px;
  border-radius:var(--u31sxb);
  white-space:nowrap;
  font-weight:700;
  font-size:14px;
  line-height:20px
}

@media (max-width:768px) {
  .btn {
    font-size:12px;
    padding:5px 12px;
    height:32px
  }
}

.btn.item-2 {
  border:1px solid var(--g6ptm4);
  color:var(--g6ptm4)
}

.btn.item {
  background:var(--g6ptm4);
  color:var(--m5vg82)
}

.wp-block-buttons {
  display:flex;
  justify-content:center;
  align-items:center
}

.wp-block-buttons a {
  display:flex;
  justify-content:center;
  align-items:center;
  padding:10px 16px;
  min-width:80px;
  height:40px;
  border-radius:var(--u31sxb);
  white-space:nowrap;
  font-weight:700;
  font-size:14px;
  line-height:20px;
  background:var(--g6ptm4);
  color:var(--m5vg82);
  margin-bottom:24px;
  margin-top:24px;
  min-width:120px
}

.wp-block-buttons a:hover {
  cursor:pointer
}

.portion {
  display:flex
}

.module-center {
  justify-content:center
}

.detailbox-center {
  align-items:center
}

.interval {
  gap:var(--kjqrla)
}

.interval-member {
  gap:calc(var(--kjqrla) / 2)
}

.text a {
  color:var(--g6ptm4)
}

.text .wp-block-button a {
  color:var(--b7pgn1)
}

h1,
h2,
h3,
h4,
h5 {
  margin-bottom:var(--kjqrla);
  font-family:var(--ibwrlz);
  color:var(--b7pgn1)
}

.text h1,
.text h2,
.text h3,
.text h4,
.text h5 {
  margin-bottom:var(--kjqrla);
  font-family:var(--ibwrlz);
  color:var(--b7pgn1)
}

.text h1 {
  font-size:36px
}

.text h2 {
  font-size:30px
}

.text h3 {
  font-size:26px
}

.text h4 {
  font-size:22px
}

.text p,
.text table,
.text ul,
.text ol,
.text figure,
.text blockquote {
  margin-bottom:var(--kjqrla)
}

.text th {
  color:var(--b7pgn1)
}

.text p,
.text td,
.text li {
  font-size:16px;
  font-weight:400;
  color:var(--c63kvx);
  line-height:1.5
}

@media (max-width:768px) {
  .text .widget,
  .text .bit {
    float:unset;
    width:100%;
    margin:auto
  }
  .text .widget img,
  .text .bit img {
    width:100%;
    display:block;
    margin:auto
  }
}

@media (max-width:1024px) {
  .text iframe {
    width:100%
  }
}

.text ul,
.text ol {
  padding:0 0 0 20px
}

.text table {
  border:1px solid var(--jyywag);
  border-collapse:collapse;
  overflow-x:auto;
  width:100%
}

.text table td,
.text table th {
  min-width:120px;
  padding:var(--kjqrla);
  border:1px solid var(--jyywag);
  border-collapse:collapse
}

@media (max-width:1024px) {
  .text table {
    display:block
  }
  .text td,
  .text thead th {
    flex-grow:1;
    width:100%;
    min-width:200px
  }
  .text td {
    min-width:200px
  }
}

.tiny-point {
  gap:var(--xekph1) !important
}

.wp-block-table thead {
  border-bottom:3px solid var(--jyywag) !important
}

@media (max-width:960px) {
  .text h1 {
    font-size:26px
  }
  .text h2 {
    font-size:22px
  }
  .text h3 {
    font-size:20px
  }
  .text h4 {
    font-size:18px
  }
}

.path {
  margin:var(--td08h6) 0
}

.area-1 {
  width:100%;
  height:450px;
  background:var(--jyywag);
  margin-bottom:1rem;
  position:relative
}

.path a {
  color:var(--g6ptm4)
}

.path span {
  color:var(--c63kvx)
}

.bottom-bar__wallets .member {
  cursor:pointer
}

.bankinglist__component .slick-track .member {
  cursor:pointer;
  max-width:120px;
  padding:16px
}

.bankinglist__component .slick-track .member img {
  object-fit:contain;
  height:auto;
  max-height:40px;
  width:100%
}

.area-bit-2:hover {
  cursor:pointer
}

.item-el-part {
  cursor:pointer;
  width:100%
}

.mobileonly-detailbox {
  display:none
}

@media (max-width:1024px) {
  .mobileonly-detailbox {
    display:unset
  }
}

@media (max-width:1024px) {
  .is-bottom-menu {
    display:none !important
  }
}

.path-item-place .path span {
  margin:0 0.25rem
}

@media (max-width:600px) {
}

@media (max-width:600px) {
}

@media (max-width:600px) {
}

.proslist {
  display:flex;
  justify-content:center;
  gap:1rem;
  color:var(--c63kvx);
  font-size:var(--ad8le5);
  line-height:var(--wu2xej);
  margin-bottom:var(--td08h6)
}

@media (max-width:768px) {
  .proslist {
    overflow-x:scroll;
    justify-content:flex-start;
    width:100%
  }
  .proslist .member {
    min-width:320px
  }
}

.proslist .member {
  background-color:var(--jyywag);
  border-radius:var(--u31sxb);
  padding:1rem;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:1rem
}

.proslist .member .member__headline {
  font-size:18px;
  font-family:var(--ibwrlz);
  color:var(--b7pgn1)
}

.proslist .member .member__text {
  font-size:14px;
  color:var(--c63kvx)
}

.our-app {
  color:var(--c63kvx);
  margin-bottom:30px
}

.our-app .our-app__top {
  display:flex;
  flex-direction:column;
  gap:24px;
  margin-bottom:30px
}

.our-app .our-app__top img {
  border-radius:var(--u31sxb);
  overflow:hidden
}

.our-app .our-app__pointpart {
  display:flex;
  align-items:center;
  gap:16px
}

.our-app .our-app__widget {
  font-size:24px
}

.our-app .our-app__details {
  display:flex;
  justify-content:space-around;
  align-items:center;
  gap:16px;
  padding:20px 0px
}

.our-app .our-app__details div {
  font-size:18px;
  text-align:center
}

.our-app .our-app__area {
  width:1px;
  height:30px;
  background:#c4c7c5
}

.our-app .our-app__detailbox {
  width:100%;
  text-align:center;
  padding:10px 16px;
  border-radius:var(--u31sxb);
  background:var(--g6ptm4);
  color:var(--m5vg82)
}

.our-app .our-app__component {
  margin-bottom:30px
}

.our-app .our-app__component .member {
  width:160px;
  height:200px;
  margin-right:16px
}

.our-app .our-app__component .member img {
  width:100%;
  height:100%;
  object-fit:cover
}

.our-app .our-app__element {
  font-size:24px;
  font-weight:600;
  margin-bottom:16px
}

.our-app .our-app__unit {
  font-size:16px
}

.our-app .slick-track {
  margin:0
}

.our-app__element-2 {
  background:#fff;
  padding:1rem 1.25rem;
  margin-top:1.5rem;
  border-radius:8px;
  box-shadow:0 1px 3px rgba(0,0,0,0.08)
}

.our-app__piece {
  margin:0 0 1rem;
  font-size:1.5rem;
  font-weight:600;
  margin:30px 0
}

.our-app__widget-3 {
  display:flex;
  align-items:flex-start;
  gap:2rem;
  flex-wrap:wrap
}

.our-app__unitpart-2 {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0.25rem;
  min-width:80px
}

.our-app__part {
  font-size:2.5rem;
  font-weight:700;
  line-height:1;
  color:var(--g6ptm4)
}

.our-app__thing {
  display:flex;
  gap:2px
}

.our-app__part-2 {
  color:#dadce0;
  font-size:1.25rem
}

.our-app__part-2.is-filled {
  color:var(--g6ptm4)
}

.our-app__area-2 {
  flex:1;
  min-width:160px;
  display:flex;
  flex-direction:column;
  gap:0.5rem
}

.our-app__unitpart {
  display:flex;
  align-items:center;
  gap:0.5rem
}

.our-app__fragment {
  width:1.25rem;
  font-size:0.875rem;
  color:#5f6368
}

.our-app__pointpart-2 {
  flex:1;
  height:8px;
  background:#e8eaed;
  border-radius:4px;
  overflow:hidden
}

.our-app__partbit {
  height:100%;
  background:var(--g6ptm4);
  border-radius:4px;
  transition:width 0.3s ease
}

.our-app__partbit-2 {
  margin-top:1.5rem;
  display:flex;
  flex-direction:column;
  gap:1rem
}

.our-app__node {
  padding:1rem 1.25rem;
  border-radius:8px;
  border:1px solid var(--g6ptm4)
}

.our-app__portion {
  display:flex;
  align-items:center;
  gap:0.75rem;
  margin-bottom:0.5rem
}

.our-app__bit {
  font-weight:600;
  color:#1a1a1a
}

.our-app__bit-2 {
  display:flex;
  gap:2px
}

.our-app__bit-2 .our-app__part-2 {
  font-size:0.875rem
}

.our-app__node-2 {
  margin:0;
  font-size:0.9375rem;
  line-height:1.5;
  color:#5f6368
}

.experts {
  display:flex;
  flex-direction:column;
  gap:var(--td08h6);
  margin-bottom:var(--td08h6)
}

.node .experts__unit {
  margin-bottom:var(--td08h6)
}

.node .experts__unit:last-child {
  margin-bottom:0
}

.experts__component {
  margin:0 -8px
}

.experts__component .experts__unit {
  margin:0 8px;
  min-height:100%
}

.unitpart-2 .dotnav {
  display:flex;
  list-style:none;
  margin:1rem 0 0;
  padding:0;
  gap:var(--xekph1);
  justify-content:center
}

.unitpart-2 .dotnav li {
  width:16px;
  height:16px;
  border-radius:50%;
  background:var(--gfsid1);
  opacity:0.5
}

.unitpart-2 .dotnav li button {
  display:none
}

.unitpart-2 .dotnav .slick-active {
  opacity:1;
  background:var(--g6ptm4)
}

.experts__unit {
  display:flex;
  gap:var(--kjqrla);
  align-items:flex-start;
  background:var(--ba2z8l);
  border-radius:var(--u31sxb);
  padding:1.5rem
}

.experts__art {
  flex-shrink:0
}

.experts__art img {
  width:96px;
  height:96px;
  object-fit:cover;
  border-radius:50%
}

.experts__inner {
  flex:1;
  min-width:0
}

.experts__label {
  font-family:var(--ibwrlz);
  font-size:1.25rem;
  color:var(--b7pgn1);
  font-weight:600;
  margin-bottom:0.25rem
}

.experts__areabox {
  font-size:0.875rem;
  color:var(--gfsid1);
  margin-bottom:0.5rem
}

.experts__text {
  font-size:var(--ad8le5);
  color:var(--c63kvx);
  line-height:var(--wu2xej)
}

.experts__bit {
  display:flex;
  flex-wrap:wrap;
  gap:0.5rem;
  margin-top:0.75rem
}

.experts__portion {
  display:inline-flex;
  align-items:center;
  gap:0.35rem;
  font-size:0.875rem;
  color:var(--g6ptm4);
  text-decoration:none;
  font-weight:600
}

.experts__portion:hover {
  cursor:pointer
}

.experts__detail img {
  width:20px;
  height:20px;
  object-fit:contain;
  vertical-align:middle
}

.experts__component .experts__art {
  display:flex;
  flex-direction:row;
  gap:1rem;
  align-items:center;
  text-align:left;
  margin-bottom:1rem
}

@media (max-width:768px) {
  .experts__unit {
    flex-direction:column;
    align-items:center;
    text-align:center
  }
}

.notice-bar-formwrap {
  margin:24px auto;
  align-items:center;
  border-radius:var(--u31sxb);
  display:flex;
  justify-content:center;
  flex-direction:row;
  gap:24px;
  min-height:540px;
  overflow:hidden;
  padding:16px 0;
  position:relative
}

@media (max-width:768px) {
  .notice-bar-formwrap {
    flex-direction:column
  }
}

.notice-bar-formwrap img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  position:absolute;
  top:0;
  left:0;
  z-index:-1
}

.notice-bar-formwrap .bit__inner {
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  flex-direction:column;
  align-items:start;
  height:100%
}

@media (max-width:768px) {
  .notice-bar-formwrap .bit__inner {
    align-items:center
  }
}

.notice-bar-formwrap .bit__inner .bit__entity {
  color:var(--m5vg82);
  font-size:24px;
  font-weight:700;
  line-height:32px
}

@media (max-width:768px) {
  .notice-bar-formwrap .bit__inner .bit__entity {
    font-size:18px;
    line-height:24px
  }
}

.notice-bar-formwrap .bit__inner .bit__fragment {
  color:var(--m5vg82);
  font-family:var(--ibwrlz);
  font-size:56px;
  font-style:normal;
  font-weight:700;
  line-height:64px;
  text-transform:uppercase
}

@media (max-width:768px) {
  .notice-bar-formwrap .bit__inner .bit__fragment {
    font-size:22px;
    line-height:1.2
  }
}

.notice-bar-formwrap .bit__inner .bit__bit {
  background:var(--g6ptm4);
  color:var(--m5vg82);
  padding:16px;
  border-radius:var(--u31sxb);
  font-size:18px;
  font-weight:600;
  text-align:center;
  margin-bottom:16px;
  cursor:pointer;
  transition:all 0.3s ease
}

.notice-bar-formwrap .bit__inner .bit__bit:hover {
  background:var(--g6ptm4);
  color:var(--m5vg82)
}

.notice-bar-formwrap .bit__unitpart-2 {
  font-weight:bold;
  font-size:24px;
  color:var(--b7pgn1);
  text-align:center;
  width:100%;
  margin-bottom:16px;
  border-radius:var(--u31sxb)
}

.notice-bar-formwrap .bit__thing {
  background:transparent;
  max-width:556px;
  width:100%;
  backdrop-filter:blur(10px);
  padding:16px;
  border-radius:var(--u31sxb)
}

.notice-bar-formwrap .bit__entity-2 {
  border-radius:var(--u31sxb);
  padding:16px;
  align-items:center;
  display:flex;
  flex-direction:column;
  gap:16px;
  width:100%
}

.notice-bar-formwrap .bit__entity-2 .bit__pointpart-2 {
  display:flex;
  width:100%
}

.notice-bar-formwrap .bit__entity-2 .bit__pointpart-2 input {
  padding:8px;
  width:100%;
  height:44px;
  border-radius:var(--u31sxb);
  background:var(--jyywag);
  font-weight:400;
  font-size:14px;
  line-height:20px;
  color:var(--gfsid1);
  border:none
}

.bit__node {
  color:var(--b7pgn1);
  font-size:14px;
  line-height:20px;
  text-align:center;
  margin-top:16px;
  width:100%
}

.bit__item-2 {
  color:var(--g6ptm4);
  font-weight:600;
  font-size:14px;
  line-height:20px;
  text-align:center;
  margin-top:16px;
  display:inline;
  cursor:pointer
}

.bit__item-2:hover {
  cursor:pointer
}

.bit__pointpart--detailbox {
  display:flex;
  gap:16px;
  width:100%
}

.bit__pointpart--detailbox input {
  width:100%
}

.notice-bar-part .notice-bar-formwrap-fragment {
  display:flex;
  max-width:830px;
  padding-left:24px;
  gap:24px;
  backdrop-filter:blur(20px);
  background-color:rgba(25,25,28,0.4);
  justify-content:space-between;
  border-radius:20px;
  width:100%
}

.notice-bar-part .bit__bonus {
  display:block;
  padding:24px 0;
  max-width:363px
}

.notice-bar-part .bit__bonus .bit__headline {
  display:none
}

.notice-bar-part .bit__name {
  font-size:26px;
  line-height:32px;
  margin:0 0 16px;
  color:#fff;
  text-align:center;
  font-weight:600
}

.notice-bar-part .bit__bit-2 {
  display:flex;
  gap:16px;
  background:linear-gradient(90deg,#c8f4fc 0%,#fee8e9 100%);
  border-radius:14px;
  padding:16px;
  align-items:center
}

.notice-bar-part .bit__bit-2 img {
  position:relative;
  width:40px;
  height:40px;
  z-index:0
}

.notice-bar-part .bit__entity-3 {
  font-size:14px;
  line-height:24px;
  font-weight:600
}

.notice-bar-part .bit__thing {
  background:#fff;
  max-width:417px;
  min-width:324px;
  width:100%
}

.notice-bar-part .bit__pointpart-2 {
  background:var(--ehr3f4);
  border-radius:30px;
  align-items:center;
  padding-right:16px
}

.notice-bar-part .bit__node-2 {
  color:rgba(25,25,28,0.4)
}

.notice-bar-part .bit__unitpart {
  display:flex;
  justify-content:space-between;
  gap:6px;
  width:100%
}

.notice-bar-part .bit__unitpart div {
  background-color:var(--ehr3f4);
  color:rgba(25,25,28,0.4);
  min-width:auto;
  border-radius:30px;
  font-weight:500;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  cursor:pointer
}

.notice-bar-part .btn.item {
  width:100%
}

@media (max-width:900px) {
  .notice-bar-part {
    padding:0 16px
  }
  .notice-bar-part .notice-bar-formwrap-fragment {
    flex-direction:column;
    align-items:center;
    padding-left:0;
    gap:0
  }
  .notice-bar-part .bit__name,
  .notice-bar-part .bit__headline {
    display:none
  }
  .notice-bar-part .bit__bonus .bit__headline {
    display:block;
    color:#fff;
    font-size:18px
  }
  .notice-bar-part .bit__thing {
    margin-bottom:20px;
    background:transparent;
    backdrop-filter:none
  }
  .notice-bar-part .bit__unitpart div {
    font-size:14px
  }
  .notice-bar-part .widget-3 {
    padding:0
  }
}

.bit__place {
  display:flex;
  gap:7px;
  width:100%;
  overflow:auto;
  scrollbar-width:none;
  -ms-overflow-style:none
}

.bit__place::-webkit-scrollbar {
  display:none
}

.bit__node-3 {
  position:relative
}

.bit__node-3 img {
  position:relative;
  height:24px;
  width:74px;
  object-fit:contain
}

@media (max-width:768px) {
  .bit__place {
    position:absolute;
    bottom:0;
    z-index:1
  }
}

.notice-bar-unitpart-secondary {
  flex-direction:row-reverse;
  justify-content:space-around;
  align-items:flex-start;
  min-height:700px
}

.notice-bar-unitpart-secondary .bit__art {
  position:relative
}

.notice-bar-unitpart-secondary .bit__thing {
  max-width:440px;
  align-self:center
}

.notice-bar-unitpart-secondary .bit__unit-2 {
  width:100%;
  display:flex;
  flex-direction:column;
  gap:8px;
  font-weight:600
}

.notice-bar-unitpart-secondary .bit__unit-2 input {
  padding:8px 16px
}

.notice-bar-unitpart-secondary .bit__part {
  display:flex;
  flex-direction:column;
  gap:12px
}

.notice-bar-unitpart-secondary .bit__item {
  font-size:13px;
  display:inline-flex;
  align-items:center;
  cursor:pointer;
  user-select:none;
  gap:10px
}

.notice-bar-unitpart-secondary .bit__item input[type="checkbox"] {
  display:none
}

.notice-bar-unitpart-secondary .bit__el {
  display:block;
  position:relative;
  min-width:20px;
  height:20px;
  border-radius:4px;
  border:1px solid #1e1e1e;
  background:#fff;
  transition:border-color 0.3s ease
}

.notice-bar-unitpart-secondary .bit__item input[type="checkbox"]:checked+.bit__el {
  background:var(--g6ptm4);
  border-color:var(--g6ptm4)
}

.notice-bar-unitpart-secondary .bit__item .bit__el::after {
  content:"";
  position:absolute;
  display:none
}

.notice-bar-unitpart-secondary .bit__item input[type="checkbox"]:checked+.bit__el::after {
  display:block;
  left:6px;
  top:2px;
  width:6px;
  height:12px;
  border:solid #fff;
  border-width:0 2px 2px 0;
  transform:rotate(45deg)
}

.notice-bar-unitpart-secondary .btn {
  margin-top:16px;
  width:100%
}

.notice-bar-unitpart-secondary .bit__inner {
  align-items:center;
  margin-top:60px;
  justify-content:space-between;
  min-height:500px
}

.notice-bar-unitpart-secondary .bit__unit {
  margin-top:0px;
  width:100%;
  display:grid;
  list-style:none;
  z-index:2;
  gap:30px;
  grid-template-columns:repeat(3,1fr);
  padding-inline:24px
}

.notice-bar-unitpart-secondary .bit__pointpart {
  position:relative;
  display:flex;
  align-items:center;
  font-size:14px;
  font-weight:700;
  line-height:18px;
  text-transform:uppercase;
  color:var(--b7pgn1);
  gap:10px
}

.notice-bar-unitpart-secondary .bit__pointpart span {
  background:#fff;
  width:30px;
  height:30px;
  border-radius:30px;
  display:flex;
  justify-content:center;
  align-items:center
}

.notice-bar-unitpart-secondary .bit__pointpart img {
  width:18px;
  height:18px;
  object-fit:contain;
  position:unset;
  z-index:0
}

@media(max-width:1200px) {
  .notice-bar-unitpart-secondary {
    padding:16px;
    flex-direction:column;
    align-items:center
  }
  .notice-bar-unitpart-secondary picture img {
    filter:blur(10px)
  }
  .notice-bar-unitpart-secondary .bit__entity-2 {
    padding:8px
  }
  .notice-bar-unitpart-secondary .bit__inner {
    min-height:auto;
    margin-top:10px;
    margin-bottom:20px
  }
  .notice-bar-unitpart-secondary .bit__fragment {
    font-size:20px !important;
    line-height:24px !important
  }
  .notice-bar-unitpart-secondary .bit__unit {
    grid-template-columns:repeat(1,1fr);
    padding-inline:0px
  }
  .notice-bar-unitpart-secondary input {
    height:35px !important
  }
}

.notice-bar {
  margin:var(--td08h6) 0;
  position:relative
}

@media (max-width:480px) {
  .notice-bar {
    margin-top:0;
    margin-left:-20px;
    margin-right:-20px
  }
}

.notice-bar .member {
  width:100%;
  height:500px;
  position:relative;
  display:flex !important;
  align-items:flex-start;
  justify-content:center;
  flex-direction:column
}

@media (max-width:1280px) {
  .notice-bar .member {
    height:420px
  }
}

@media (max-width:1024px) {
  .notice-bar .member {
    height:360px
  }
}

.notice-bar .member img {
  border-radius:var(--u31sxb);
  width:100%;
  height:100%;
  object-fit:cover;
  position:absolute;
  top:0;
  left:0
}

@media (max-width:480px) {
  .notice-bar .member img {
    border-radius:0
  }
}

.notice-bar .member .unit {
  padding:0 0 0 32px;
  position:relative;
  z-index:50;
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  gap:var(--td08h6)
}

@media (max-width:960px) {
  .notice-bar .member .unit {
    padding:0 32px;
    align-items:center;
    text-align:center
  }
}

.notice-bar .member .unit .top {
  color:var(--m5vg82);
  font-size:24px;
  font-weight:700;
  line-height:32px
}

.notice-bar .member .unit .el {
  color:var(--m5vg82);
  font-family:var(--ibwrlz);
  font-size:56px;
  font-style:normal;
  font-weight:700;
  line-height:64px;
  text-transform:uppercase
}

@media (max-width:960px) {
  .notice-bar .member .unit .el {
    font-size:34px;
    line-height:40px
  }
}

@media (max-width:480px) {
  .notice-bar .member .unit .el {
    font-size:27px;
    line-height:32px
  }
}

.notice-bar .member .unit .spot-2 {
  color:var(--m5vg82);
  font-size:20px;
  font-style:normal;
  font-weight:400;
  line-height:30px
}

@media (max-width:960px) {
  .notice-bar .member .unit .spot-2 {
    font-size:14px;
    line-height:20px
  }
}

.notice-bar .notice-bar__widget {
  position:absolute;
  background:#d7dcee66;
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  top:50%;
  z-index:150;
  transform:translateY(-50%);
  cursor:pointer
}

@media (max-width:960px) {
  .notice-bar .notice-bar__widget {
    display:none !important
  }
}

.notice-bar .thing {
  left:12px
}

.notice-bar .entity-2 {
  right:12px;
  transform:translateY(-50%) rotate(180deg)
}

.notice-bar .dotnav {
  position:absolute;
  bottom:16px;
  display:flex;
  list-style:none;
  width:100%;
  gap:var(--xekph1);
  justify-content:center
}

.notice-bar .dotnav li {
  background:#0f0f14a6;
  width:40px;
  height:4px
}

.notice-bar .dotnav li button {
  display:none
}

.notice-bar .dotnav .slick-active {
  background:var(--g6ptm4)
}

.notice-bar-col-aspect .member-track {
  display:flex;
  width:100%;
  justify-content:space-around
}

@media (max-width:768px) {
  .notice-bar-col-aspect .member-track {
    flex-direction:column;
    align-items:center;
    padding:0 1rem
  }
}

.notice-bar-col-aspect .member-track img.point-2 {
  width:180px;
  height:180px;
  object-fit:contain;
  position:static;
  z-index:15
}

@media (max-width:768px) {
  .notice-bar-col-aspect .member-track img.point-2 {
    display:none
  }
}

.notice-bar-col-aspect .area-areabox {
  width:100%;
  display:flex;
  align-items:center;
  gap:10px
}

@media (max-width:768px) {
  .notice-bar-col-aspect .area-areabox {
    flex-direction:column;
    align-items:center
  }
}

.notice-bar-col-aspect .bankinglist {
  display:flex;
  gap:10px
}

@media (max-width:768px) {
  .notice-bar-col-aspect .bankinglist {
    flex-wrap:wrap;
    justify-content:center;
    gap:1rem
  }
}

.notice-bar-col-aspect .bankinglist img {
  position:static;
  width:74px;
  height:24px;
  object-fit:contain
}

.notice-bar-col-3 .slick-track,
.notice-bar-col-2 .slick-track,
.notice-bar-col-4 .slick-track {
  display:flex;
  gap:1rem
}

.notice-bar-col-3 .dotnav,
.notice-bar-col-2 .dotnav,
.notice-bar-col-4 .dotnav {
  position:static;
  padding-top:1rem
}

.notice-bar-col-2 .member {
  height:350px;
  padding:var(--td08h6)
}

.notice-bar-col-2 .member .unit {
  padding:0
}

.notice-bar-col-2 .member .unit .top {
  font-size:16px
}

.notice-bar-col-2 .member .unit .el {
  font-size:32px;
  line-height:1.5
}

.notice-bar-col-2 .member .unit .spot-2 {
  font-size:16px
}

.notice-bar .member .linkline {
  width:90%;
  border-bottom:1px solid rgba(237,240,249,0.53);
  position:relative;
  margin:4rem auto 0;
  z-index:10
}

@media (max-width:968px) {
  .notice-bar .member .linkline {
    overflow-x:scroll;
    width:100%;
    justify-content:space-between
  }
  .notice-bar .member .linkline .text-link {
    white-space:nowrap
  }
}

.notice-bar .member .linkline .text-link {
  padding-bottom:1rem;
  color:var(--m5vg82);
  text-transform:uppercase;
  font-weight:900;
  opacity:0.75
}

.notice-bar .member .linkline .text-link:hover {
  opacity:1
}

.notice-bar .member .linkline .text-link.active {
  opacity:1;
  border-bottom:2px solid var(--g6ptm4)
}

.notice-bar-col-factor .slick-track {
  display:flex;
  gap:var(--kjqrla)
}

.notice-bar-col-factor .member {
  overflow:hidden;
  background:var(--jyywag);
  display:flex;
  flex-direction:row;
  gap:var(--td08h6);
  padding:10px;
  height:220px;
  border-radius:var(--u31sxb);
  justify-content:space-between
}

.notice-bar-col-factor .member img {
  align-self:center;
  object-fit:contain;
  flex-basis:120px;
  position:static;
  height:200px
}

.notice-bar-col-factor .member .unit {
  flex-basis:140px;
  justify-content:space-between
}

.notice-bar-col-factor .member .unit .widget-5 {
  display:flex;
  flex-direction:column;
  gap:var(--xekph1)
}

.notice-bar-col-factor .member .unit .top {
  font-size:12px;
  line-height:1.5
}

.notice-bar-col-factor .member .unit .el {
  min-height:40px;
  font-size:14px;
  line-height:1.5
}

.notice-bar-col-factor .member .unit .spot-2 {
  font-size:12px;
  line-height:1.5
}

.notice-bar-col-1.is-loading,
.notice-bar-col-2.is-loading,
.notice-bar-col-3.is-loading,
.notice-bar-col-4.is-loading,
.notice-bar-col-factor.is-loading {
  min-height:400px;
  opacity:0;
  transition:opacity 0.3s
}

.notice-bar-col-1,
.notice-bar-col-2,
.notice-bar-col-3,
.notice-bar-col-4,
.notice-bar-col-factor,
.notice-bar-partbit-1x2 {
  opacity:1;
  transition:opacity 0.3s
}

@media(max-width:820px) {
  .notice-bar-col-1 .member:after,
  .notice-bar-col-2 .member:after,
  .notice-bar-col-3 .member:after,
  .notice-bar-col-4 .member:after,
  .notice-bar-col-factor .member:after,
  .notice-bar-partbit-1x2 .member:after {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.2);
    z-index:0
  }
}

.notice-bar-partbit-1x2 {
  height:400px
}

.notice-bar-partbit-1x2 .member .unit {
  height:100%;
  justify-content:space-between;
  padding:20px
}

@media (min-width:1024px) {
  .notice-bar-partbit-1x2 {
    display:grid;
    width:100%;
    gap:10px;
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .notice-bar-partbit-1x2 .member .unit .el {
    font-size:24px
  }
  .notice-bar-partbit-1x2 .member {
    height:100%
  }
  .notice-bar-partbit-1x2 .member:first-child {
    grid-row:span 2 / span 2
  }
}

.notice-bar-col-1-factor {
  padding:8px 8px 30px;
  background:var(--jyywag);
  border-radius:var(--u31sxb)
}

.notice-bar-col-1-factor .member {
  align-items:center
}

.notice-bar-col-1-factor .member .unit {
  align-items:center
}

.notice-bar-col-1-factor .item {
  width:320px;
  padding:12px;
  height:auto
}

.notice-bar__thing {
  padding:0 16px;
  display:flex;
  justify-content:space-around;
  margin-top:30px;
  overflow:auto;
  scrollbar-width:none;
  -ms-overflow-style:none
}

.notice-bar__thing::-webkit-scrollbar {
  display:none
}

.notice-bar__thing {
  gap:var(--td08h6)
}

.notice-bar__thing img {
  width:auto;
  height:34px;
  opacity:0.5
}

@media (max-width:1024px) {
  .notice-bar__thing {
    justify-content:flex-start
  }
}

@media (max-width:960px) {
  .notice-bar-col-1-factor .member {
    justify-content:flex-end;
    padding-bottom:40px
  }
  .notice-bar-col-1-factor .member .unit {
    gap:var(--xekph1)
  }
}

.notice-bar-col-1-aspect-node .member {
  flex-direction:row;
  align-items:center;
  padding:32px;
  gap:24px;
  flex-wrap:wrap;
  height:auto;
  overflow:hidden
}

.notice-bar-col-1-aspect-node .member .unit {
  padding:0;
  max-width:500px
}

.notice-bar-col-1-aspect-node .member .unit .el {
  font-size:32px;
  line-height:1.5
}

.notice-bar-col-1-aspect-node .notice-bar__thing {
  padding:0;
  gap:10px
}

.notice-bar-col-1-aspect-node .notice-bar__thing .point-areabox {
  cursor:pointer;
  padding:12px;
  background:var(--jyywag);
  border-radius:var(--u31sxb)
}

.notice-bar-col-1-aspect-node .notice-bar__thing img {
  position:unset;
  width:20px;
  height:20px
}

.notice-bar-col-1-aspect-node .chunk-areabox {
  max-width:660px;
  width:100%;
  display:flex;
  gap:10px
}

.notice-bar-col-1-aspect-node .part-areabox {
  display:flex;
  flex-direction:column;
  position:relative;
  width:100%;
  background:var(--jyywag);
  border-radius:var(--u31sxb);
  cursor:pointer
}

.notice-bar-col-1-aspect-node .part-areabox img {
  height:auto;
  position:relative
}

.notice-bar-col-1-aspect-node .part-areabox .part-lead {
  color:var(--c63kvx);
  font-size:14px;
  line-height:1.5;
  font-weight:400;
  margin:10px
}

@media (max-width:1300px) {
  .notice-bar-col-1-aspect-node .member .unit {
    align-items:center;
    text-align:center
  }
  .notice-bar-col-1-aspect-node .member .unit .el {
    font-size:24px
  }
}

.spot-list {
  display:none;
  gap:.5rem;
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  background:var(--ztumsh);
  z-index:150;
  padding:10px;
  justify-content:space-between
}

@media (max-width:1024px) {
  .spot-list {
    display:flex
  }
}

@media (min-width:768px) {
  .spot-list {
    justify-content:space-around
  }
}

.spot-list .bit-unit {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  text-align:center;
  color:var(--c63kvx);
  font-size:12px
}

.spot-list .bit-unit:last-child {
  align-self:center
}

.spot-list .bit-unit img {
  width:24px;
  object-fit:contain;
  height:24px
}

.area {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:16px;
  border-radius:var(--u31sxb);
  background:var(--ztumsh);
  gap:calc(var(--xekph1) / 2);
  margin-bottom:32px
}

.area .area__component {
  gap:var(--xekph1)
}

.area .area__component:nth-child(1) {
  overflow-x:scroll
}

.area .area__component:nth-child(1)::-webkit-scrollbar {
  display:none
}

.area .area__component:nth-child(2) {
  justify-content:flex-start
}

.area .area__component:nth-child(2) .member {
  background:var(--jyywag)
}

.area .member {
  cursor:pointer;
  white-space:nowrap;
  align-items:center;
  justify-content:center;
  padding:12px 16px;
  gap:var(--xekph1);
  min-width:auto;
  height:48px;
  border-radius:var(--u31sxb);
  color:var(--c63kvx);
  font-size:var(--ad8le5)
}

.area .member-unit {
  background:var(--jyywag);
  max-width:50px;
  min-width:50px
}

.area.area-fragment .area__component {
  width:100%;
  justify-content:space-between
}

.area.area-fragment .member {
  flex-direction:column;
  gap:8px;
  background:transparent;
  height:auto;
  width:100%;
  min-width:90px
}

.area.area-fragment .part-areabox {
  background:var(--jyywag);
  padding:10px;
  border-radius:50%;
  width:45px;
  height:45px
}

.area.part-5,
.area.specialpromo-pointpart {
  background:transparent
}

.area.part-5 .area__component {
  background:var(--jyywag)
}

.area.part-5 .area__component,
.area.part-5 .member {
  border-radius:50px
}

@media (max-width:1025px) {
  .area.part-5 {
    flex-direction:column;
    align-items:flex-start;
    padding:16px 0
  }
  .area.part-5 .area__component:first-child {
    overflow-x:scroll;
    width:100%;
    scrollbar-width:none
  }
}

.area.specialpromo-pointpart .area__component {
  justify-content:space-between;
  width:100%
}

.area.specialpromo-pointpart .member {
  background:var(--jyywag);
  width:100%
}

.area.pointpart {
  background:transparent;
  font-size:12px
}

.area.pointpart .member {
  flex-direction:column;
  height:auto
}

.area.pointpart .part-areabox {
  width:75px;
  height:75px;
  padding:8px;
  border:1px solid var(--c63kvx);
  border-radius:var(--u31sxb);
  margin-bottom:8px
}

.area.pointpart img {
  width:100%;
  height:100%;
  object-fit:contain
}

.contactbox-formwrap {
  background:var(--jyywag);
  border-radius:var(--u31sxb);
  margin-bottom:var(--td08h6);
  width:100%;
  max-width:460px;
  padding:1rem;
  display:flex;
  flex-direction:column;
  gap:var(--kjqrla)
}

.contactbox-formwrap .element {
  display:flex;
  flex-direction:column;
  gap:.5rem
}

.contactbox-formwrap .element label {
  font-size:16px;
  line-height:1.5;
  color:var(--b7pgn1)
}

.contactbox-formwrap .element .place-5 {
  padding:var(--xekph1);
  border:none;
  font-size:16px;
  border-radius:var(--u31sxb);
  background:var(--ztumsh)
}

.contactbox-formwrap .element .place-5::placeholder {
  color:var(--c63kvx)
}

.cookiebar-partbit {
  position:fixed;
  bottom:-100%;
  transition:.3s bottom;
  left:50%;
  z-index:250;
  transform:translateX(-50%);
  padding:var(--kjqrla);
  border-radius:var(--u31sxb);
  background:var(--jyywag)
}

@media (max-width:1024px) {
  .cookiebar-partbit {
    width:100%
  }
}

.cookiebar-partbit .el {
  color:var(--b7pgn1);
  margin-bottom:var(--xekph1)
}

.cookiebar-partbit p {
  color:var(--c63kvx);
  font-size:16px;
  margin-bottom:var(--kjqrla)
}

@media (max-width:1024px) {
  .cookiebar-partbit p {
    font-size:10px
  }
}

.cookiebar-partbit p a {
  color:var(--g6ptm4)
}

.cookiebar-partbit .unitpart-3 {
  position:absolute;
  top:var(--xekph1);
  right:var(--xekph1);
  color:var(--b7pgn1)
}

.cookiebar-partbit.active {
  bottom:0
}

.questions {
  margin-bottom:var(--td08h6)
}

.questions h2 {
  margin-bottom:1rem;
  font-family:var(--ibwrlz)
}

.questions__group {
  display:flex;
  flex-direction:column;
  gap:0.5rem
}

.questions__group .detail-2 {
  margin-bottom:0 !important
}

.questions__group .questions__unit.active .place {
  display:block
}

.questions__group .questions__unit.active .detail-2 {
  padding-right:36px;
  border-radius:var(--u31sxb)
}

.questions__group .detail-2,
.questions__group .place {
  padding:1rem
}

.questions__group .detail-2:hover {
  cursor:pointer
}

.questions__group .questions__unit {
  position:relative;
  background:var(--igbq3i);
  border-radius:var(--u31sxb);
  padding-right:36px
}

.questions__group .questions__unit:after {
  content:"\276E";
  position:absolute;
  right:20px;
  top:10px;
  color:var(--g6ptm4);
  transform:rotate(-90deg) translate(-50%);
  font-size:20px
}

.questions__group .questions__unit.active:after {
  transform:rotate(90deg) translate(-50%)
}

.questions__group .place {
  display:none;
  color:var(--c63kvx)
}

@media (max-width:960px) {
  footer .portion {
    flex-wrap:wrap
  }
}

.bottom-bar {
  padding:80px 0 46px;
  background:var(--twg19t)
}

.bottom-bar__bit .member,
.bottom-bar__partbit .member {
  cursor:pointer
}

.bottom-bar hr {
  margin:46px 0;
  opacity:.15
}

.bottom-bar__wallets {
  display:flex;
  justify-content:flex-start;
  gap:40px;
  margin-bottom:46px;
  flex-wrap:wrap
}

.bottom-bar__wallets img {
  object-fit:contain
}

.bottom-bar__wallets .el__point {
  margin-bottom:1rem;
  flex-basis:100%;
  font-size:24px;
  font-weight:600;
  line-height:1.5;
  color:var(--b7pgn1);
  text-align:center
}

.bottom-bar__member .bottom-bar__bit {
  flex-wrap:wrap
}

.bottom-bar__member .bottom-bar__bit img {
  object-fit:contain
}

.bottom-bar__member {
  justify-content:space-between;
  align-items:center;
  margin-bottom:32px
}

@media (max-width:575px) {
  .bottom-bar .colunit.entity {
    align-items:center
  }
  .bottom-bar__wallets {
    gap:16px;
    margin-bottom:26px
  }
  .bit-object {
    padding:24px 0 24px
  }
  .bit-object hr {
    margin:24px 0
  }
}

@media (max-width:480px) {
  .bottom-bar__wallets {
    gap:16px;
    margin-bottom:26px
  }
}

@media (max-width:960px) {
  .bottom-bar__member {
    flex-wrap:wrap;
    gap:1rem
  }
  .bottom-bar__member .bottom-bar__bit {
    flex-wrap:wrap
  }
}

.bottom-bar__copyright {
  color:var(--c63kvx);
  flex-wrap:wrap;
  margin-bottom:46px;
  gap:1rem
}

.bottom-bar__copyright .colunit {
  flex-grow:1;
  flex-basis:50%
}

@media (max-width:960px) {
  .bottom-bar__copyright {
    flex-direction:column;
    justify-content:flex-start
  }
}

.bottom-bar__copyright p {
  font-size:14px;
  line-height:1.5;
  color:var(--gfsid1)
}

.bottom-bar__partbit-2 {
  justify-content:space-between
}

@media (max-width:960px) {
  .bottom-bar__partbit-2 {
    flex-direction:column;
    justify-content:flex-start
  }
}

.bottom-bar__partbit-2 .colunit {
  display:flex;
  flex-direction:column;
  gap:var(--kjqrla)
}

@media (max-width:960px) {
  .bottom-bar__partbit-2 .colunit {
    padding:16px 0;
    border-bottom:1px solid var(--ehr3f4)
  }
  .bottom-bar__partbit-2 .colunit img {
    max-height:40px;
    object-fit:contain
  }
  .bottom-bar__partbit-2 .colunit:last-child {
    border-bottom:unset
  }
}

.bottom-bar__partbit-2 .colunit .el {
  position:relative;
  color:var(--b7pgn1);
  font-weight:bold
}

@media (max-width:960px) {
  .bottom-bar__partbit-2 .colunit .el:after {
    content:"";
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e4c6a3'%3E%3Cpath d='M8 11L2 5h12z'/%3E%3C/svg%3E") no-repeat;
    background-size:contain;
    display:block;
    position:absolute;
    top:50%;
    width:12px;
    height:12px;
    right:10px;
    transform:translateY(-50%)
  }
}

@media (max-width:960px) {
  .bottom-bar__partbit-2 .colunit .el.active:after {
    transform:translateY(-50%) rotate(180deg)
  }
}

.bottom-bar__partbit-2 .colunit .member {
  color:var(--c63kvx);
  cursor:pointer;
  transition:.3s opacity;
  display:flex;
  align-items:center;
  gap:12px
}

.bottom-bar__partbit-2 .colunit .member:hover {
  opacity:.75
}

@media (max-width:960px) {
  .bottom-bar__partbit-2 .detail .member {
    display:none
  }
}

.bottom-bar__partbit-2 .colunit .member.active {
  display:block
}

.bottom-bar__unitpart {
  justify-content:space-between
}

.bottom-bar__partbit {
  gap:var(--kjqrla);
  flex-wrap:wrap
}

.bottom-bar__partbit img {
  object-fit:contain;
  width:100%
}

@media (max-width:960px) {
  .bottom-bar__partbit {
    flex-wrap:wrap
  }
}

.bottom-bar__partbit img {
  width:auto;
  height:32px;
  object-fit:contain
}

.site-head .btn.item-2 {
  border:var(--jv573b);
  color:var(--x1e5kw);
  background:var(--n24cei)
}

.site-head .btn.item {
  background:var(--x7aegk);
  color:var(--lz9o63);
  border:var(--peuj5v)
}

@media (min-width:1024px) {
  .static.static-2 .site-head {
    left:240px;
    width:calc(100% - 240px)
  }
}

.static.static-2 .site-head.member-2 {
  right:0;
  left:0;
  width:100%
}

@media (min-width:1024px) {
  .static.static-2.sidecolumn-ratepart-2 .site-head {
    left:240px;
    right:240px;
    width:calc(100% - 480px)
  }
}

.static.static-2.sidecolumn-ratepart-2 .site-head.member-2 {
  right:0;
  left:0;
  width:100%
}

.site-head {
  background:var(--ztumsh);
  padding:10px 32px;
  position:fixed;
  top:0;
  left:0;
  right:0;
  width:100%;
  z-index:199;
  height:68px
}

.site-head:has(.site-head__bottom) {
  height:auto
}

.site-head__bottom {
  margin-top:16px;
  display:flex;
  gap:var(--td08h6);
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  -ms-overflow-style:none;
  scrollbar-width:none
}

.site-head__bottom::-webkit-scrollbar {
  display:none
}

.site-head__detail {
  display:flex;
  gap:var(--kjqrla)
}

@media (min-width:1024px) {
  .site-head.member-2 + .sidebox.static-point,
  .site-head.member-2 ~ .sidecolumn-ratepart {
    top:70px
  }
}

.site-head .site-head__badge img {
  width:100%;
  max-width:120px;
  height:auto;
  max-height:44px
}

@media (max-width:960px) {
  .site-head {
    padding:10px 16px
  }
}

@media (min-width:1024px) {
  .has-static-logo .site-head__badge {
    display:none
  }
}

.site-head__strip {
  align-items:center;
  gap:var(--td08h6);
  justify-content:space-between
}

.site-head__point {
  align-items:center;
  gap:var(--kjqrla)
}

.site-head__navbar {
  flex-grow:1;
  flex-basis:60%;
  gap:var(--xekph1)
}

@media (max-width:1024px) {
  .site-head__navbar {
    display:none !important
  }
}

.site-head__navbar .member,
.site-head__bottom .member {
  display:flex;
  padding:12px;
  border-radius:var(--u31sxb);
  align-items:center;
  gap:var(--xekph1);
  font-weight:400;
  color:var(--c63kvx);
  cursor:pointer
}

.site-head__navbar .member.active {
  background:var(--jyywag)
}

.site-head__bottom .member {
  background:var(--jyywag);
  white-space:nowrap;
  cursor:pointer
}

.site-head__navbar .member.areabox-unit {
  min-width:216px;
  background:var(--jyywag);
  font-weight:400;
  font-size:14px;
  line-height:20px;
  color:var(--gfsid1)
}

.site-head__navbar .member.areabox-unit svg {
  color:var(--c63kvx)
}

@media (max-width:768px) {
  .site-head__navbar .member.areabox-unit {
    display:none
  }
}

.site-head__unitpart {
  display:flex;
  gap:var(--kjqrla)
}

@media (max-width:768px) {
  .site-head__unitpart {
    align-items:center
  }
}

.site-head__widget {
  cursor:pointer
}

.site-head__widget svg {
  color:var(--c63kvx)
}

.sidebox__spot {
  cursor:pointer
}

.site-head__widget.navburger-aspect,
.site-head__widget.navburger-thing {
  display:none
}

@media (max-width:1024px) {
  .site-head__widget.navburger-aspect,
  .site-head__widget.navburger-thing {
    display:flex
  }
}

.bottom-bar__widget {
  display:flex;
  flex-direction:column;
  gap:2rem
}

.chunk-object {
  display:flex;
  flex-direction:column;
  overflow-x:scroll;
  scrollbar-width:none;
  width:100%
}

.chunk-object .piece__module {
  display:flex;
  gap:16px;
  overflow-x:scroll;
  scrollbar-width:none
}

.chunk-object .piece__headline {
  font-size:24px;
  color:var(--b7pgn1);
  font-weight:700;
  margin-bottom:16px
}

.chunk-object .piece__place {
  border-radius:8px;
  padding:6px 6px;
  cursor:pointer
}

.chunk-object .piece__member {
  background:var(--jyywag);
  border-radius:8px;
  padding:6px 6px
}

.chunk-object img {
  width:118px;
  height:38px;
  object-fit:contain;
  cursor:pointer
}

.chunk-object .piece__aspect img {
  width:128px;
  height:64px
}

.chunk-object .piece__factor {
  flex-wrap:wrap
}

@media (max-width:575px) {
  .chunk-object .piece__thing {
    justify-content:center
  }
}

.chunk-area {
  background:var(--jyywag);
  padding:16px;
  border-radius:var(--u31sxb)
}

.chunk-area-2 {
  text-align:center
}

.chunk-area-2 .piece__module {
  justify-content:center
}

.piece__fragment img {
  opacity:0.5
}

@media (max-width:1200px) {
  .chunk-area-2 .piece__module:not(.piece__factor) {
    justify-content:flex-start
  }
}

.langmenu .current {
  background:var(--ztumsh);
  justify-content:space-between;
  min-width:176px;
  color:var(--c63kvx)
}

.langmenu .current img {
  border-radius:var(--u31sxb)
}

.langmenu .detailbox__point {
  align-items:center;
  gap:var(--xekph1)
}

.langmenu {
  position:relative
}

.langmenu .piece-2 {
  opacity:0;
  visibility:hidden;
  position:absolute;
  bottom:100%;
  left:0;
  background:var(--ztumsh);
  border-radius:var(--u31sxb) var(--u31sxb) 0 0;
  width:100%
}

.langmenu .piece-2 .locale-2 {
  cursor:pointer;
  padding:var(--xekph1);
  font-size:14px;
  line-height:1.5;
  transition:0.3s opacity;
  color:var(--b7pgn1)
}

.langmenu .piece-2 .locale-2:hover {
  opacity:0.75
}

.langmenu .piece-2 .locale-2 img {
  width:24px;
  height:24px;
  border-radius:calc(var(--u31sxb) / 2)
}

.langmenu.active .piece-2 {
  transition:0.3s opacity;
  opacity:1;
  visibility:visible
}

.page-body-area-partbit {
  display:flex;
  flex-direction:column;
  gap:var(--kjqrla);
  align-items:center;
  justify-content:center;
  padding:calc(var(--kjqrla) * 4) 0;
  width:100%
}

.page-body-area-partbit img {
  object-fit:contain
}

.page-body-area-partbit .text-2 {
  line-height:1.5;
  color:var(--c63kvx);
  text-align:center
}

.page-body-area-partbit .portion-3 {
  font-family:var(--ibwrlz);
  font-size:clamp(60px,16vw,120px);
  color:var(--g6ptm4)
}

.page-body-area-partbit .module-2 {
  font-size:20px;
  color:var(--b7pgn1)
}

.campaigns {
  margin-bottom:var(--td08h6)
}

.campaigns .text-2 {
  font-size:22px;
  font-weight:bolder;
  color:#fff
}

.campaigns .interval {
  width:100%;
  justify-content:space-between
}

.campaigns .interval div:nth-of-type(1) {
  display:flex;
  gap:16px
}

.campaigns .text-2.piece {
  font-size:32px;
  font-family:var(--ibwrlz);
  margin-bottom:1rem
}

@media (max-width:960px) {
  .campaigns .text-2.piece {
    font-size:16px
  }
}

.campaigns .text-2.entity-3 {
  font-size:18px;
  line-height:1.5
}

.campaigns .text-2.area-9 {
  font-size:12px;
  opacity:0.8
}

.campaigns .member {
  border-radius:var(--u31sxb);
  position:relative;
  height:300px;
  width:100%
}

.campaigns .member .content {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  z-index:5;
  padding:1rem
}

.campaigns .member .content .codefield {
  color:var(--m5vg82);
  border:2px solid var(--m5vg82);
  display:flex;
  justify-content:center;
  padding:var(--xekph1);
  font-size:14px;
  align-items:center
}

.campaigns .member img {
  width:100%;
  height:100%;
  display:block;
  border-radius:var(--u31sxb);
  object-fit:cover
}

.campaigns .detailbox:after {
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:0;
  background:rgba(0,0,0,0.5);
  border-radius:var(--u31sxb)
}

.campaigns .content.leftlane {
  align-items:flex-start
}

.campaigns .content.component-2 {
  align-items:flex-end
}

.campaigns .content.component-2 div {
  text-align:right
}

.campaigns .content.entity {
  align-items:center
}

.campaigns .content.entity div {
  text-align:center
}

.campaigns .content.entity .text-2.entity-3 {
  justify-content:center
}

.campaigns .colunit {
  display:flex;
  flex-direction:column;
  border-radius:var(--u31sxb);
  overflow:hidden;
  position:relative
}

.campaigns .colunit img {
  width:100%;
  height:250px;
  object-fit:cover;
  border-radius:var(--u31sxb) var(--u31sxb) 0 0
}

.campaigns .colunit .content {
  flex-grow:2;
  padding:1rem;
  display:flex;
  justify-content:space-between;
  flex-direction:column;
  gap:1rem;
  border-radius:0 0 var(--u31sxb) var(--u31sxb)
}

.campaigns .colunit .codefield {
  background:var(--jyywag);
  padding:0.5rem;
  font-size:12px;
  color:var(--b7pgn1)
}

.campaigns .colunit .text-2 {
  color:var(--c63kvx)
}

.campaigns .colunit .text-2.piece {
  font-size:22px;
  height:59px;
  color:var(--b7pgn1);
  line-height:1.5
}

@media (max-width:960px) {
  .campaigns .colunit .text-2.piece {
    font-size:16px
  }
}

.campaigns .colunit .text-2.entity-3 {
  font-size:14px;
  min-height:32px
}

.campaigns .colunit .fullwidth {
  width:100%
}

.campaigns .aspect-2 {
  border-radius:var(--u31sxb);
  position:relative;
  height:300px;
  width:100%;
  overflow:hidden
}

.campaigns .aspect-2 .content {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  z-index:5;
  padding:1rem
}

.campaigns .aspect-2 .content .codefield {
  color:var(--m5vg82);
  border:2px solid var(--m5vg82);
  display:flex;
  justify-content:center;
  padding:var(--xekph1);
  font-size:14px;
  align-items:center
}

.campaigns .aspect-2 img {
  height:100%;
  object-fit:contain;
  position:absolute;
  right:0;
  width:auto
}

.campaigns .detailbox-areabox {
  display:flex;
  gap:16px
}

.campaigns button.part {
  background:transparent;
  border:1px solid var(--c63kvx);
  color:var(--c63kvx)
}

.campaigns .text-2.area-9 {
  cursor:pointer
}

.campaigns__component .slick-track {
  gap:1rem;
  display:flex
}

@media (max-width:1024px) {
  .campaigns__component .slick-track {
    gap:unset;
    display:block
  }
}

.campaigns__component .colunit {
  height:auto
}

.campaigns__aspect {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem
}

@media (max-width:1140px) {
  .campaigns__aspect {
    grid-template-columns:repeat(2,1fr)
  }
}

@media (max-width:960px) {
  .campaigns__aspect {
    grid-template-columns:repeat(1,1fr)
  }
}

.notice-bar.notice-bar-col-3-col-promopart .member {
  height:auto
}

.notice-bar.notice-bar-col-3-col-promopart img {
  height:240px;
  position:unset
}

@media (max-width:480px) {
  .notice-bar.notice-bar-col-3-col-promopart .member img {
    border-radius:var(--u31sxb)
  }
}

.notice-bar.notice-bar-col-3-col-promopart .member .unit .el {
  font-size:18px
}

.notice-bar-col-3 .member,
.notice-bar-col-factor .member,
.notice-bar-col-3-col-promopart .member {
  padding:calc(var(--kjqrla) * 2);
  height:300px
}

.notice-bar-col-3 .member .unit,
.notice-bar-col-factor .member .unit,
.notice-bar-col-3-col-promopart .member .unit {
  padding:unset
}

.notice-bar-col-3 .member .unit .top,
.notice-bar-col-factor .member .unit .top,
.notice-bar-col-3-col-promopart .member .unit .top {
  font-size:14px
}

.notice-bar-col-3 .member .unit .el,
.notice-bar-col-factor .member .unit .el,
.notice-bar-col-3-col-promopart .member .unit .el {
  font-size:24px;
  line-height:1.5
}

.notice-bar-col-3 .member .unit .spot-2,
.notice-bar-col-factor .member .unit .spot-2,
.notice-bar-col-3-col-promopart .member .unit .spot-2 {
  font-size:14px
}

.notice-bar-col-3-col-promopart .member {
  padding:var(--kjqrla)
}

.notice-bar-col-promopart .member .unit {
  padding:0;
  width:100%;
  align-items:center;
  text-align:center
}

.notice-bar-col-promopart .member {
  padding:2rem;
  justify-content:space-between
}

.campaigns__portion {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:1rem
}

@media (max-width:1024px) {
  .campaigns__portion {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}

@media (max-width:768px) {
  .campaigns__portion {
    grid-template-columns:repeat(1,minmax(0,1fr))
  }
}

.campaigns__portion .member {
  height:382px
}

.campaigns__portion .member .content {
  text-align:center;
  justify-content:flex-end
}

.campaigns__portion .member .text-2.entity-3 {
  text-align:center;
  color:var(--x7aegk);
  font-size:14px;
  width:100%;
  z-index:100
}

.campaigns__portion .member .text-2.piece {
  font-size:22px;
  min-height:99px;
  text-transform:uppercase;
  line-height:1.5;
  color:var(--b7pgn1);
  text-align:center
}

@media (max-width:960px) {
  .campaigns__portion .member .text-2.piece {
    font-size:16px
  }
}

.campaigns__portion .member .area-spot {
  display:flex;
  justify-content:space-between;
  gap:var(--xekph1);
  width:100%
}

.campaigns__portion .member .area-spot .btn {
  flex-grow:1;
  flex-basis:80%
}

.campaigns__portion .member .area-spot .text-2.area-9 {
  cursor:pointer;
  background-color:var(--jyywag);
  padding:0.5rem;
  font-size:12px;
  flex-grow:1;
  flex-basis:20%;
  display:flex;
  justify-content:center;
  align-items:center;
  color:var(--b7pgn1);
  border-radius:var(--u31sxb)
}

.campaigns__module {
  opacity:1;
  transition:opacity 0.3s
}

.campaigns__module.is-loading {
  opacity:0;
  transition:opacity 0.3s
}

.campaigns__module .slick-track {
  display:flex;
  gap:1rem;
  height:382px
}

.campaigns__module .slick-track img {
  width:100%;
  object-fit:cover;
  object-position:center
}

.campaigns__module .member {
  height:100%
}

.campaigns__module .member .content {
  text-align:center;
  justify-content:flex-end
}

.campaigns__module .member .text-2.entity-3 {
  text-align:center;
  color:var(--x7aegk);
  font-size:14px;
  width:100%;
  z-index:100
}

.campaigns__module .member .text-2.piece {
  font-size:22px;
  line-height:1.5;
  color:var(--b7pgn1);
  text-align:center
}

@media (max-width:960px) {
  .campaigns__module .member .text-2.piece {
    font-size:16px
  }
}

.campaigns__module .member .area-spot {
  display:flex;
  justify-content:space-between;
  gap:var(--xekph1);
  width:100%
}

.campaigns__module .member .area-spot .btn {
  flex-grow:1;
  flex-basis:80%
}

.campaigns__module .member .area-spot .text-2.area-9 {
  background-color:var(--jyywag);
  padding:0.5rem;
  font-size:12px;
  flex-grow:1;
  flex-basis:20%;
  display:flex;
  justify-content:center;
  align-items:center;
  color:var(--b7pgn1);
  border-radius:var(--u31sxb)
}

.campaigns__aspect {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem
}

.campaigns__aspect.unitpart-col-2 {
  grid-template-columns:repeat(2,1fr)
}

@media (max-width:1140px) {
  .campaigns__aspect {
    grid-template-columns:repeat(2,1fr)
  }
}

@media (max-width:960px) {
  .campaigns__aspect,
  .campaigns__aspect.unitpart-col-2 {
    grid-template-columns:repeat(1,1fr)
  }
}

.studios {
  margin-bottom:32px
}

.studios .slick-track .slick-slide {
  margin-right:16px
}

@media (max-width:1024px) {
  .studios .slick-slide {
    width:100px !important
  }
}

.studios .member {
  background:var(--ztumsh);
  display:flex !important;
  justify-content:center;
  align-items:center;
  width:100%;
  border-radius:var(--u31sxb);
  padding:20px 32px;
  cursor:pointer;
  max-width:168px
}

@media (max-width:960px) {
  .studios .member {
    padding:20px 18px
  }
}

.studios .member img {
  object-fit:contain;
  width:100%;
  height:72px;
  display:block
}

@media (max-width:960px) {
  .studios .member img {
    height:60px;
    width:100%
  }
}

.studios__component.slides-fragment .member {
  border-radius:50%;
  background:var(--jyywag);
  padding:8px;
  border:2px solid var(--g6ptm4);
  width:100px;
  height:100px
}

.studios__component.slides-fragment .member img {
  width:77px;
  height:77px
}

.fragment__part,
.node__part,
.reviewlist__part {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
  gap:20px;
  margin-bottom:30px
}

.trustpilot-card {
  background:#fff;
  border-radius:12px;
  padding:24px;
  box-shadow:0 2px 8px rgba(0,0,0,0.1);
  transition:box-shadow 0.3s ease;
  display:flex;
  flex-direction:column;
  gap:16px
}

.trustpilot-card:hover {
  box-shadow:0 4px 16px rgba(0,0,0,0.15)
}

.trustpilot-header {
  display:flex;
  align-items:center;
  gap:12px
}

.trustpilot-avatar {
  width:48px;
  height:48px;
  border-radius:50%;
  background:var(--g6ptm4);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:600;
  font-size:16px;
  flex-shrink:0
}

.trustpilot-avatar.stage-bg-greenbtn {
  background:#00b67a
}

.trustpilot-avatar.stage-bg-blue {
  background:#1e90ff
}

.trustpilot-avatar.stage-bg-node {
  background:#8b5cf6
}

.trustpilot-avatar.stage-bg-orangebit {
  background:#ff8c42
}

.trustpilot-avatar.stage-bg-aspect-3 {
  background:#14b8a6
}

.trustpilot-avatar.stage-bg-aspect-2 {
  background:#ec4899
}

.trustpilot-author-info {
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0
}

.trustpilot-author-name {
  font-weight:600;
  font-size:16px;
  color:#191919;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.trustpilot-meta {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  color:#666
}

.trustpilot-meta .factor {
  display:flex;
  align-items:center;
  gap:4px
}

.trustpilot-rating-date {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-bottom:12px;
  border-bottom:1px solid #f0f0f0
}

.trustpilot-stars {
  display:flex;
  gap:2px
}

.trustpilot-stars svg {
  width:20px;
  height:20px
}

.trustpilot-date {
  font-size:14px;
  color:#191919;
  font-weight:600
}

.trustpilot-title {
  font-size:18px;
  font-weight:700;
  color:#191919;
  margin:0;
  line-height:1.4
}

.trustpilot-content {
  font-size:15px;
  line-height:1.6;
  color:#333;
  flex:1
}

.trustpilot-experience {
  font-size:14px;
  color:#666;
  padding-top:12px;
  border-top:1px solid #f0f0f0
}

.trustpilot-actions {
  display:flex;
  gap:12px;
  padding-top:8px
}

.trustpilot-btn {
  display:flex;
  align-items:center;
  gap:6px;
  padding:8px 12px;
  background:transparent;
  border:1px solid #dcdce6;
  border-radius:6px;
  font-size:14px;
  font-weight:500;
  color:#191919;
  cursor:pointer;
  transition:all 0.2s ease
}

.trustpilot-btn:hover {
  background:#f9f9f9;
  border-color:#191919
}

.trustpilot-btn svg {
  width:18px;
  height:18px;
  stroke:currentColor
}

.trustpilot-btn.flagsign {
  margin-left:auto;
  padding:8px;
  border:none
}

.trustpilot-btn.flagsign:hover {
  background:#f0f0f0
}

.trustpilot-footer {
  text-align:center;
  padding-top:20px
}

.trustpilot-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 24px;
  color:var(--g6ptm4);
  text-decoration:none;
  border-radius:8px;
  font-weight:600;
  font-size:var(--k4qm1d);
  text-decoration:underline
}

.trustpilot-link:hover {
  background:#000;
  cursor:pointer
}

@media (max-width:768px) {
  .fragment__part,
  .node__part,
  .reviewlist__part {
    grid-template-columns:1fr
  }
  .trustpilot-card {
    padding:20px
  }
  .trustpilot-actions {
    flex-wrap:wrap
  }
  .trustpilot-btn.flagsign {
    margin-left:0
  }
}

@media (max-width:480px) {
  .trustpilot-title {
    font-size:16px
  }
  .trustpilot-content {
    font-size:14px
  }
  .trustpilot-btn {
    font-size:13px;
    padding:6px 10px
  }
}

.reviewlist h2 {
  margin-bottom:1rem
}

.reviewlist .reviewlist__group {
  display:flex;
  flex-direction:column;
  gap:1rem
}

.reviewlist .reviewlist__aspect {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem
}

@media (max-width:1024px) {
  .reviewlist .reviewlist__aspect {
    grid-template-columns:repeat(2,1fr)
  }
}

@media (max-width:768px) {
  .reviewlist .reviewlist__aspect {
    grid-template-columns:repeat(1,1fr)
  }
}

.reviewlist .reviewlist__aspect .spot-3 {
  background-color:var(--jyywag);
  border-radius:var(--u31sxb)
}

.reviewlist .spot-3 {
  padding:1rem;
  display:flex;
  flex-direction:column;
  gap:0.5rem
}

.reviewlist .spot-3 .spot {
  font-size:18px;
  font-weight:bolder;
  color:var(--b7pgn1)
}

.reviewlist .spot-3 .grade-2 {
  align-items:center;
  gap:0.25rem
}

.reviewlist .spot-3 .grade-2 svg {
  width:16px;
  height:16px;
  color:var(--g6ptm4)
}

.reviewlist .spot-3 .content {
  line-height:2;
  color:var(--c63kvx)
}

.reviewlist-formwrap {
  margin:36px 0;
  display:flex;
  flex-direction:column;
  gap:16px;
  max-width:500px;
  width:100%
}

.reviewlist-formwrap .widget-set {
  margin-bottom:16px
}

.reviewlist-formwrap h2 {
  color:var(--b7pgn1)
}

.reviewlist-formwrap div {
  display:flex;
  flex-direction:column;
  gap:16px;
  color:var(--b7pgn1)
}

.reviewlist-formwrap .msg-point {
  display:none
}

.reviewlist-formwrap .msg-point.visible {
  display:flex;
  width:100%;
  height:40px;
  border-radius:var(--u31sxb);
  text-align:center;
  padding:10px;
  background:transparent;
  color:var(--b7pgn1);
  border:solid 1px var(--b7pgn1)
}

.reviewlist-formwrap textarea,
.reviewlist-formwrap input {
  width:100%;
  height:40px;
  border-radius:var(--u31sxb);
  border:solid 1px var(--b7pgn1);
  padding:10px;
  background:transparent;
  color:var(--b7pgn1)
}

.reviewlist-formwrap textarea {
  height:100px
}

.reviewlist-formwrap .widget-4 {
  background:var(--g6ptm4);
  color:var(--b7pgn1);
  border:none;
  padding:10px;
  border-radius:var(--u31sxb);
  width:100%
}

.reviewlist-formwrap .widget-4.portion-2 {
  display:none
}

.spot-formwrap-item {
  display:flex;
  flex-direction:column;
  gap:16px;
  max-width:500px
}

body.static {
  padding:0 0 0 240px
}

@media (max-width:1024px) {
  body.static {
    padding:0
  }
}

.piece-piece .sidebox.active {
  left:0
}

.sidebox {
  height:100vh;
  width:100%;
  left:-100%;
  transition:.3s left;
  top:0;
  max-width:240px;
  overflow-y:scroll;
  position:fixed;
  z-index:200;
  padding:12px;
  background:var(--y38eat);
  box-shadow:4px 0 8px rgba(0,0,0,0.2)
}

.sidebox::-webkit-scrollbar {
  width:1px
}

.sidebox .member {
  cursor:pointer
}

.sidecolumn__badge {
  display:flex;
  justify-content:center;
  align-items:center;
  padding:var(--kjqrla) 0;
  margin-bottom:24px
}

.sidecolumn__badge img {
  object-fit:contain;
  width:100%
}

.sidecolumn-area {
  display:none
}

@media (min-width:1025px) {
  body.sidecolumn-ratepart main,
  body.sidecolumn-ratepart footer {
    padding-right:240px
  }
  .sidecolumn-area {
    height:100vh;
    width:100%;
    right:0;
    top:0;
    max-width:240px;
    overflow-y:scroll;
    position:fixed;
    z-index:200;
    padding:12px;
    display:block
  }
  .sidecolumn-area .member {
    cursor:pointer
  }
}

.sidebox.static-point {
  left:0
}

@media (max-width:1024px) {
  .sidebox.static-point {
    left:-100%
  }
}

.sidebox.active {
  left:0
}

.sidebox__spot {
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px;
  gap:4px;
  width:44px;
  height:44px;
  background:var(--jyywag);
  border-radius:var(--u31sxb);
  margin-bottom:12px;
  color:var(--c63kvx)
}

.sidebox__spot.static-2 {
  display:none
}

@media(max-width:1024px) {
  .sidebox__spot.static-2 {
    display:block
  }
}

.sidebox__navbar {
  display:flex;
  flex-direction:column;
  gap:calc(var(--xekph1) / 2);
  margin-bottom:var(--kjqrla)
}

.sidebox__navbar .member {
  display:flex;
  align-items:center;
  padding:10px 12px;
  isolation:isolate;
  height:44px;
  background:var(--jyywag);
  border-radius:var(--u31sxb);
  gap:12px;
  font-size:16px;
  line-height:20px;
  color:var(--c63kvx)
}

.sidebox__navbar .member img {
  width:22px;
  object-fit:contain
}

.slick-slider {
  position:relative;
  display:block;
  box-sizing:border-box;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
  -html-user-select:none;
  -ms-touch-action:pan-y;
  touch-action:pan-y;
  -webkit-tap-highlight-color:transparent
}

.slick-list {
  position:relative;
  display:block;
  overflow:hidden;
  margin:0;
  padding:0
}

.slick-list:focus {
  outline:none
}

.slick-list.part-2 {
  cursor:pointer;
  cursor:hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform:translate3d(0,0,0);
  -moz-transform:translate3d(0,0,0);
  -ms-transform:translate3d(0,0,0);
  -o-transform:translate3d(0,0,0);
  transform:translateZ(0)
}

.slick-track {
  position:relative;
  top:0;
  left:0;
  display:block;
  margin-left:auto;
  margin-right:auto
}

.slick-track:before,
.slick-track:after {
  display:table;
  content:""
}

.slick-track:after {
  clear:both
}

.slick-loading .slick-track {
  visibility:hidden
}

.slick-slide {
  display:none;
  float:left;
  height:100%;
  min-height:1px
}

[dir="rtl"] .slick-slide {
  float:right
}

.slick-slide img {
  display:block
}

.slick-slide.slick-loading img {
  display:none
}

.slick-slide.part-2 img {
  pointer-events:none
}

.slick-initialized .slick-slide {
  display:block
}

.slick-loading .slick-slide {
  visibility:hidden
}

.slick-vertical .slick-slide {
  display:block;
  height:auto;
  border:1px solid transparent
}

.slick-arrow.slick-hidden {
  display:none
}

.slots__module {
  gap:var(--xekph1)
}

.slots__module svg {
  color:var(--c63kvx)
}

.slots__module .node-2 {
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border:1px solid #0f0f141f;
  border-radius:50%;
  cursor:pointer;
  transition:0.3s opacity;
  opacity:0.75
}

@media (max-width:960px) {
  .slots__module .node-2 {
    display:none
  }
}

.slots__module .node-2:hover {
  opacity:1
}

.slots__module .entity-2 {
  transform:rotate(180deg)
}

.slots {
  margin-bottom:32px
}

.slots__component .slick-track {
  margin:0;
  gap:1rem;
  display:flex
}

.slots__aspect {
  display:grid;
  grid-template-columns:repeat(8,1fr);
  gap:16px
}

.slots.area-12 .slots__aspect {
  grid-template-columns:repeat(12,1fr)
}

.slots.area-12 .machine {
  height:100px
}

.machine .el {
  width:100%;
  padding:10px;
  font-size:14px;
  line-height:1.2;
  color:var(--b7pgn1);
  overflow:hidden;
  text-overflow:ellipsis;
  text-transform:capitalize;
  white-space:nowrap;
  max-width:25ch
}

.spot-point-fragment {
  margin-bottom:38px
}

.slots.area-10 .slots__aspect {
  grid-template-columns:repeat(10,1fr)
}

@media (max-width:1280px) {
  .slots.area-10 .slots__aspect {
    grid-template-columns:repeat(6,minmax(0,1fr))
  }
}

@media (max-width:1140px) {
  .slots.area-10 .slots__aspect {
    grid-template-columns:repeat(5,minmax(0,1fr))
  }
}

@media (max-width:1024px) {
  .slots.area-10 .slots__aspect {
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
}

@media (max-width:768px) {
  .slots.area-10 .slots__aspect {
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
}

@media (max-width:390px) {
  .slots.area-10 .slots__aspect {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}

.slots.area-10 .machine {
  height:130px
}

.slots.area-7 .slots__aspect {
  grid-template-columns:repeat(7,minmax(0,1fr))
}

@media (max-width:1280px) {
  .slots.area-7 .slots__aspect {
    grid-template-columns:repeat(6,minmax(0,1fr))
  }
}

@media (max-width:1140px) {
  .slots.area-7 .slots__aspect {
    grid-template-columns:repeat(5,minmax(0,1fr))
  }
}

@media (max-width:1024px) {
  .slots.area-7 .slots__aspect {
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
}

@media (max-width:768px) {
  .slots.area-7 .slots__aspect {
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
}

@media (max-width:390px) {
  .slots.area-7 .slots__aspect {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}

.slots.area-6 .slots__aspect {
  grid-template-columns:repeat(6,minmax(0,1fr))
}

@media (max-width:1280px) {
  .slots.area-6 .slots__aspect {
    grid-template-columns:repeat(5,minmax(0,1fr))
  }
}

@media (max-width:1140px) {
  .slots.area-6 .slots__aspect {
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
}

@media (max-width:1024px) {
  .slots.area-6 .slots__aspect {
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
}

@media (max-width:768px) {
  .slots.area-6 .slots__aspect {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}

.slots.area-5 .slots__aspect {
  grid-template-columns:repeat(5,minmax(0,1fr))
}

@media (max-width:1280px) {
  .slots.area-5 {
    grid-template-columns:repeat(5,minmax(0,1fr))
  }
}

@media (max-width:1140px) {
  .slots.area-5 {
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
}

@media (max-width:768px) {
  .slots.area-5 {
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
}

@media (max-width:390px) {
  .slots.area-5 {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}

.slots.area-4 .slots__aspect {
  grid-template-columns:repeat(4,minmax(0,1fr))
}

@media (max-width:1440px) {
  .slots__aspect {
    grid-template-columns:repeat(7,minmax(0,1fr))
  }
}

@media (max-width:1280px) {
  .slots__aspect {
    grid-template-columns:repeat(6,minmax(0,1fr))
  }
}

@media (max-width:960px) {
  .slots__aspect {
    grid-template-columns:repeat(5,minmax(0,1fr))
  }
}

@media (max-width:768px) {
  .slots__aspect {
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
}

@media (max-width:480px) {
  .slots__aspect {
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
}

.machine {
  width:100%;
  height:252px;
  position:relative;
  transition:0.3s opacity;
  border-radius:var(--u31sxb);
  background:var(--jyywag)
}

@media (max-width:1440px) {
  .machine {
    height:246px
  }
}

@media (max-width:960px) {
  .machine {
    height:230px
  }
}

@media (max-width:480px) {
  .machine {
    height:194px
  }
}

@media (max-width:390px) {
  .machine {
    height:140px
  }
}

.machine:hover:before {
  opacity:0.85;
  visibility:visible
}

.machine:hover .widget-5 {
  opacity:1;
  visibility:visible
}

.machine:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
  visibility:hidden;
  background:#d7dcee66;
  border-radius:var(--u31sxb);
  transition:0.3s opacity
}

.machine img {
  border-radius:var(--u31sxb);
  width:100%;
  height:100%;
  object-fit:cover
}

.machine .widget-5 {
  width:100%;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:10px;
  justify-content:space-between;
  opacity:0;
  visibility:hidden;
  z-index:100
}

.machine .area-3 {
  display:flex;
  justify-content:flex-end;
  width:100%
}

.machine .startplay {
  display:flex;
  align-items:center;
  justify-content:center;
  width:56px;
  height:56px;
  border-radius:50%;
  background:var(--g6ptm4)
}

.machine .demo {
  background:var(--jyywag);
  border-radius:35px;
  padding:4px 12px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  text-transform:uppercase;
  font-size:12px;
  line-height:16px;
  letter-spacing:0.2px;
  color:var(--c63kvx);
  font-weight:500
}

.slots.is-loading {
  opacity:0;
  transition:opacity 0.3s
}

.sport-railpart {
  margin-bottom:2rem
}

.sport-railpart.is-loading {
  opacity:0;
  transition:opacity 0.3s
}

.sport-railpart .slick-track {
  display:flex;
  gap:1rem
}

@media (max-width:768px) {
  .sport-railpart .slick-track {
    gap:0
  }
}

.sport-railpart .widget-2 {
  flex-grow:1;
  flex-basis:30%;
  border-radius:var(--u31sxb);
  padding:1rem;
  display:flex;
  flex-direction:column;
  gap:var(--xekph1);
  background-color:var(--jyywag)
}

.sport-railpart .widget-2 .element-3 {
  justify-content:space-between;
  width:100%;
  font-size:14px;
  color:var(--c63kvx)
}

.sport-railpart .widget-2 .element-3 svg {
  color:var(--c63kvx)
}

.sport-railpart .complist {
  align-items:center;
  gap:var(--xekph1)
}

.sport-railpart .complist .part-3 {
  font-size:14px;
  line-height:1.5;
  font-weight:bolder;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  display:inline-block;
  width:130px;
  color:var(--c63kvx)
}

.sport-railpart .complist .aspect {
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain !important;
  height:65px;
  width:65px;
  margin-bottom:1rem;
  border-radius:var(--u31sxb)
}

.sport-railpart .complist .aspect.starthome {
  padding:var(--xekph1);
  background-color:var(--ztumsh)
}

.sport-railpart .complist .aspect.object {
  padding:var(--xekph1);
  background-color:var(--g6ptm4)
}

.sport-railpart .complist .area-6 {
  flex-basis:45%;
  flex-grow:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center
}

.sport-railpart .part-4 {
  justify-content:space-between;
  min-height:32px
}

.sport-railpart .part-4 .unitpart-7 {
  padding:var(--xekph1);
  background:var(--ztumsh);
  color:var(--c63kvx);
  flex-basis:30%;
  flex-grow:1;
  font-size:14px;
  border-radius:var(--u31sxb);
  font-weight:bolder
}

.sport-part {
  margin-bottom:2rem;
  display:flex;
  flex-direction:column;
  gap:var(--xekph1)
}

.sport-part .element-3 {
  font-size:14px;
  color:var(--c63kvx)
}

.sport-part .element-3 svg {
  color:var(--c63kvx)
}

.sport-part .place-4 {
  padding:var(--xekph1);
  border-bottom:1px solid var(--ztumsh);
  margin-bottom:var(--xekph1)
}

.sport-part .place-4 .unitpart-7 {
  background-color:transparent !important;
  padding:0 !important
}

.sport-part .portion-4 {
  font-size:14px;
  min-width:32px;
  align-items:center;
  justify-content:center;
  display:flex;
  color:var(--c63kvx)
}

.sport-part .row {
  padding:var(--xekph1);
  border-radius:var(--u31sxb);
  background:var(--jyywag)
}

.sport-part .tableview__strip {
  width:100%
}

.sport-part .chunk-2 {
  height:2rem
}

.sport-part .complist-2 {
  flex-basis:45%;
  flex-grow:1;
  align-items:center;
  justify-content:space-between
}

.sport-part .part-4 {
  flex-basis:54%;
  flex-grow:1;
  display:flex;
  gap:var(--kjqrla);
  justify-content:space-between
}

.sport-part .part-4 .area-6 {
  flex-basis:45%;
  flex-grow:1
}

.sport-part .part-4 .area-2 {
  flex-basis:5%
}

.sport-part .part-4 .unitpart-6 {
  gap:var(--xekph1)
}

.sport-part .part-4 .unitpart-7 {
  padding:var(--kjqrla);
  font-weight:bolder;
  flex-basis:30%;
  flex-grow:1;
  display:flex;
  font-size:14px;
  align-items:center;
  justify-content:center;
  background-color:var(--ztumsh);
  color:var(--c63kvx);
  border-radius:var(--u31sxb)
}

.sport-part .tally {
  flex-basis:240px;
  flex-grow:1;
  display:flex;
  justify-content:flex-end
}

.sport-part .tally .widget-5 {
  display:flex;
  flex-direction:column;
  gap:var(--xekph1)
}

.sport-part .tally .bit-2 {
  font-size:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--c63kvx)
}

.sport-part .unitpart-4 {
  display:flex;
  flex-direction:column;
  gap:var(--xekph1)
}

.sport-part .tally-point {
  padding:0 var(--xekph1);
  margin-left:var(--xekph1);
  border-left:1px solid var(--g6ptm4)
}

.sport-part .tally-point .bit-2 {
  color:var(--g6ptm4)
}

.sport-part .unitpart-8 {
  font-size:14px;
  font-weight:bolder;
  color:var(--g6ptm4)
}

.sport-part .aspect {
  align-items:center;
  gap:var(--xekph1)
}

.sport-part .aspect .part-3 {
  color:var(--c63kvx);
  font-size:14px;
  line-height:1.5;
  font-weight:bolder
}

@media (max-width:1024px) {
  .sport-part .aspect .part-3 {
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    display:inline-block;
    width:130px
  }
}

.sport-part .aspect .module {
  border-radius:var(--u31sxb);
  padding:var(--xekph1);
  background-size:contain;
  width:32px;
  height:32px;
  background-repeat:no-repeat
}

.sport-part .aspect .module.starthome {
  background-color:var(--ztumsh)
}

.sport-part .aspect .module.object {
  background-color:var(--g6ptm4)
}

@media (max-width:860px) {
  .sport-part .place-4 .part-4 {
    display:none
  }
}

@media (max-width:860px) {
  .sport-part .doc-body {
    flex-direction:column
  }
  .sport-part .doc-body .complist-2 {
    flex-direction:column
  }
  .sport-part .doc-body .complist-2 .widget-5 {
    justify-content:center;
    flex-basis:100%;
    flex-direction:column
  }
  .sport-part .doc-body .complist-2 .tally {
    flex-basis:unset
  }
  .sport-part .doc-body .complist-2 .tally .tally-portion {
    display:none
  }
  .sport-part .doc-body .complist-2 .tally .tally-point {
    display:flex;
    border:unset
  }
  .sport-part .doc-body .complist-2 .tally .tally-point .widget-5 {
    flex-direction:row;
    justify-content:space-around;
    margin-left:0
  }
  .sport-part .doc-body .complist-2 .tally .tally-point .widget-5 .bit-2 {
    font-size:18px;
    font-weight:bolder
  }
  .sport-part .doc-body .complist-2 .unitpart-4 {
    flex-direction:row
  }
  .sport-part .doc-body .complist-2 .unitpart-4 .aspect {
    height:unset;
    flex-direction:column;
    text-align:center;
    align-items:center
  }
  .sport-part .doc-body .part-4 {
    flex-wrap:wrap
  }
  .sport-part .doc-body .part-4 .area-2 {
    flex-basis:100%;
    justify-content:center
  }
}

.tableview-unitpart-part {
  background:var(--jyywag);
  border-radius:var(--u31sxb);
  padding:var(--kjqrla);
  margin-bottom:var(--kjqrla)
}

.tableview-unitpart-part .tableview-unitpart-part-heading {
  margin-bottom:0;
  font-size:20px;
  color:var(--b7pgn1);
  cursor:pointer;
  position:relative;
  padding-right:30px;
  user-select:none
}

.tableview-unitpart-part .tableview-unitpart-part-heading::after {
  content:"\276E";
  position:absolute;
  right:20px;
  top:0px;
  transform:rotate(90deg) translate(-50%);
  transition:transform 0.3s ease;
  font-size:14px;
  color:var(--g6ptm4)
}

.tableview-unitpart-part.collapsed .tableview-unitpart-part-heading::after {
  transform:rotate(-90deg) translate(-50%)
}

.tableview-unitpart-part.collapsed .tableview-unitpart-part-items {
  display:none;
  transition:transform 0.3s ease
}

.tableview-unitpart-part-items {
  margin:var(--kjqrla) 0 0 0;
  padding:0
}

.tableview-unitpart-part-items ol,
.tableview-unitpart-part-items ul {
  margin:0;
  padding:0;
  list-style:none
}

.tableview-unitpart-part-items li {
  margin-bottom:8px
}

.tableview-unitpart-part-items a {
  color:var(--c63kvx);
  text-decoration:none;
  font-size:var(--ad8le5);
  line-height:var(--wu2xej);
  transition:color 0.2s
}

.tableview-unitpart-part-items a:hover {
  color:var(--g6ptm4)
}

.tableview-unitpart-part-items ol {
  counter-reset:toc-counter
}

.tableview-unitpart-part-items ol li {
  counter-increment:toc-counter
}

.tableview-unitpart-part-items ol li::before {
  content:counter(toc-counter) ". ";
  font-weight:bold;
  color:var(--g6ptm4);
  margin-right:8px
}

.tableview-unitpart-part-items ul li::before {
  content:"• ";
  color:var(--g6ptm4);
  margin-right:8px
}

.winners {
  margin-bottom:32px
}

.winners__component {
  border-radius:var(--u31sxb)
}

.winners__component .slick-track {
  gap:1rem;
  display:flex
}

.winners__component .luckyone {
  display:flex;
  gap:1rem;
  min-width:215px;
  max-width:260px;
  width:250px;
  padding:8px;
  border-radius:var(--u31sxb);
  background:var(--ehr3f4);
  overflow:hidden
}

.winners__component .luckyone__chunk {
  width:90px;
  height:80px;
  border-radius:var(--u31sxb);
  overflow:hidden
}

.winners__component img {
  height:100%;
  width:100%;
  object-fit:cover
}

.winners__component .luckyone__inner {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden
}

.winners__component .luckyone__label,
.winners__component .luckyone__detail {
  color:#fff
}

.winners__component .luckyone__detail {
  font-weight:600
}

.winners__component .luckyone__detailbox {
  color:var(--g6ptm4);
  font-weight:200;
  font-size:14px;
  white-space:nowrap
}

.thing-item .luckyone-2 {
  padding:0;
  flex-direction:column;
  gap:0
}

.thing-item .luckyone__point {
  display:flex;
  gap:0.5rem;
  padding:8px 8px 16px
}

.thing-item .luckyone__chunk {
  width:45px;
  height:45px
}

.thing-item .luckyone__detail {
  width:100%;
  padding:8px;
  text-align:center;
  background:var(--jyywag)
}

.sidebox {
  display:flex;
  flex-direction:column
}

.sidebox .member {
  height:48px
}

.sidebox__navbar .member {
  background:transparent !important
}

.sidebox__navbar .spot-5 {
  background:#000 !important;
  border:1px solid hsla(0,0%,100%,.16)
}

.sidebox__navbar .element-2 {
  padding:0;
  height:auto !important
}

.sidebox__navbar .element-2 img {
  width:100%;
  height:auto
}

.sidebox__navbar .unitpart-5 {
  background:linear-gradient(to bottom,#cba678 0%,#7a5a32 100%) !important
}

.sidebox__navbar:nth-of-type(2),
.sidebox__navbar:nth-of-type(3) {
  padding-bottom:20px;
  border-bottom:1px solid #524a3f
}

.sidebox__navbar:last-child {
  height:100%;
  display:flex;
  justify-content:flex-end
}

.bottom-bar__element:nth-of-type(1) .piece__place {
  background:#2f2f2f !important
}

.bottom-bar__element:nth-of-type(2) img {
  width:150px;
  height:auto
}

.campaigns .item {
  background:linear-gradient(to bottom,#cba678 0%,#7a5a32 100%) !important
}

main .container {
  background:#181818;
  max-width:1300px;
  padding-bottom:20px;
  padding-top:20px;
  margin-bottom:30px;
  border-radius:30px
}

.area {
  border:1px solid #524a3f;
  border-radius:1px;
  padding:8px 16px;
  right:0;
  position:fixed;
  top:68px;
  left:241px;
  z-index:200
}

.member.active {
  background:transparent !important
}

@media (max-width:1024px) {
  .area {
    left:0px
  }
}

.primary {
  padding:50px 16px 30px
}

.primary:has(.area) {
  padding:160px 16px 30px
}

@media(min-width:1224px) {
  .site-head__badge {
    position:absolute;
    right:calc(50% - 42px)
  }
}

.studios .member {
  padding:20px 8px !important
}

.site-head__badge img {
  max-width:170px !important
}

@media(max-width:767px) {
  .slots__aspect {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important
  }
}

@media(max-width:575px) {
  .slots__aspect {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important
  }
}

@media (max-width:480px) {
  .slots__aspect {
    grid-template-columns:repeat(3,1fr) !important
  }
  .page-body-area-partbit {
    padding:100px 30px !important
  }
}

.page-body-area-partbit {
  padding:200px 30px;
  background-position:center;
  background-size:cover
}

.text h1,
.text h2,
.text h3,
.text h4,
.text [id],
.questions__unit[id] {
  scroll-margin-top:88px
}

a:focus-visible,
button:focus-visible,
.btn:focus-visible,
.detail-2:focus-visible,
[tabindex]:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline:2px solid var(--g6ptm4);
  outline-offset:2px;
  border-radius:var(--u31sxb)
}

@media (prefers-reduced-motion:reduce) {
  *,
  *::before,
  *::after {
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important
  }
}

body {
  overflow-x:hidden
}

:root {
  --g6ptm4:#04CB00;
  --jimr81:#04CB00;
  --b7pgn1:#FFFFFF;
  --c63kvx:#FFFFFF;
  --gfsid1:#FFFFFF;
  --ztumsh:#113211;
  --y38eat:#113211;
  --igbq3i:#113211;
  --ehr3f4:#264426;
  --jyywag:#324f32;
  --twg19t:#0c1e0b;
  --x7aegk:linear-gradient(to bottom,#31d42e 0%,#027600 100%);
  --peuj5v:1px solid color-mix(in srgb,#0b0f14 24%,transparent);
  --n24cei:linear-gradient(to bottom,#1f3e1f 0%,#0a1e0a 100%);
  --lz9o63:#0b0f14;
  --x1e5kw:#ffffff;
  --jr1blh:#113211;
  --cqqmzt:#027000
}

body {
  background:#0d210d
}

main .container {
  background:var(--jr1blh);
  position:relative;
  z-index:1
}

footer,
.bottom-bar {
  position:relative;
  z-index:1
}

.lastupd-secondary {
  margin:12px 0 2px;
  text-align:center
}

.lastupd {
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#9CA3AF;
  font-size:12px;
  font-weight:600
}

.lastupd strong {
  color:#9CA3AF;
  font-weight:600
}

.lastupd-icon {
  display:inline-flex;
  width:14px;
  height:14px;
  opacity:.75
}

.lastupd-icon svg {
  width:100%;
  height:100%;
  fill:currentColor
}

.bottom-bar__member.portion {
  justify-content:center;
  margin-bottom:16px
}

.bottom-bar .container {
  max-width:1040px;
  margin-left:auto;
  margin-right:auto
}

.bottom-bar__stores.portion,
.bottom-bar__widget.portion,
.bottom-bar__copyright.portion {
  justify-content:center;
  text-align:center
}

.bottom-bar__copyright.portion {
  width:100%
}

.bottom-bar {
  padding:48px 0 30px;
  border-top:2px solid transparent;
  border-image:linear-gradient(90deg,transparent,var(--g6ptm4) 30%,var(--yc58bi) 50%,var(--g6ptm4) 70%,transparent) 1
}

.bottom-bar hr {
  margin:26px auto;
  opacity:1;
  border:0;
  border-top:1px solid var(--q8ym4j);
  max-width:1040px
}

.bottom-bar__partbit-2.portion {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:26px 48px;
  max-width:980px;
  margin:0 auto
}

.bottom-bar__partbit-2 .colunit {
  gap:9px;
  padding:0;
  border-bottom:0
}

.bottom-bar__partbit-2 .colunit .el {
  font-size:11.5px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:var(--yc58bi);
  margin-bottom:5px
}

.bottom-bar__partbit-2 .colunit .el:empty {
  display:none
}

.bottom-bar__partbit-2 .colunit .el:before {
  content:"";
  display:inline-block;
  width:14px;
  height:2px;
  margin-right:8px;
  vertical-align:middle;
  background:linear-gradient(90deg,var(--g6ptm4),var(--yc58bi));
  border-radius:2px
}

.bottom-bar__partbit-2 .colunit .el:after {
  display:none
}

.bottom-bar__partbit-2 .colunit .member {
  font-size:13.5px;
  line-height:1.45;
  padding:2px 0;
  transition:color .18s ease,transform .18s ease
}

.bottom-bar__partbit-2 .colunit .member:hover {
  color:var(--g6ptm4);
  opacity:1;
  transform:translateX(3px)
}

.bottom-bar__widget.portion {
  flex-direction:column;
  gap:14px;
  background:color-mix(in srgb,var(--okuqpn) 82%,transparent);
  border:1px solid var(--q8ym4j);
  border-radius:16px;
  padding:16px 18px;
  max-width:980px;
  margin:0 auto
}

.bottom-bar .bottom-bar__widget .piece__module {
  justify-content:center
}

.bottom-bar__small-print {
  color:var(--gfsid1);
  font-size:12px;
  line-height:1.65;
  text-align:center;
  padding:3px 0;
  max-width:780px;
  margin:0 auto;
  opacity:.78
}

.bottom-bar__copyright.portion {
  margin-bottom:0
}

.bottom-bar__copyright p {
  font-size:13px
}

@media(max-width:600px) {
  .bottom-bar {
    padding:36px 0 24px
  }
  .bottom-bar__partbit-2.portion {
    grid-template-columns:repeat(2,1fr);
    gap:20px 18px
  }
  .bottom-bar__partbit-2 .colunit .member {
    font-size:12.5px
  }
  .bottom-bar__widget.portion {
    padding:13px 12px;
    border-radius:13px
  }
}

.site-head__badge .bit-brand-lead {
  color:var(--b7pgn1)
}

.sidebox__navbar .unitpart-5,
.campaigns .item {
  background:var(--x7aegk)
}

.area {
  border-color:var(--cqqmzt)
}

.sidebox__navbar:nth-of-type(2),
.sidebox__navbar:nth-of-type(3) {
  border-bottom-color:var(--cqqmzt)
}

.text .is-layout-flex {
  display:flex;
  flex-wrap:wrap;
  gap:2em;
  align-items:flex-start
}

.text .wp-block-columns {
  display:flex;
  flex-wrap:wrap;
  gap:2em;
  margin-bottom:var(--kjqrla)
}

.text .wp-block-column {
  flex:1 1 0;
  min-width:0
}

.text .wp-block-image {
  margin:0 0 var(--kjqrla)
}

.text .wp-block-image figure {
  margin:0
}

.text .wp-block-image img,
.text figure img {
  height:auto;
  max-width:100%;
  border-radius:var(--u31sxb)
}

.text .unitpart {
  margin-left:auto;
  margin-right:auto
}

.text figure.unitpart {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center
}

.text .wp-block-spacer {
  display:block
}

.text .wp-block-table {
  margin:0 0 var(--kjqrla);
  overflow-x:auto
}

.text .wp-block-table table {
  width:100%
}

@media(max-width:768px) {
  .text .wp-block-columns {
    flex-direction:column
  }
  .text .widget,
  .text .bit {
    float:none;
    max-width:100%;
    margin:0 auto 1em
  }
  .text figure.widget img,
  .text figure.bit img {
    width:100%
  }
}

.notice-bar .slick-slide,
.studios__component .slick-slide,
.slots__component .slick-slide,
.winners__component .slick-slide {
  display:block
}

.slots__component .machine {
  width:170px;
  flex:0 0 170px;
  height:224px
}

@media(max-width:600px) {
  .slots__component .machine {
    width:140px;
    flex:0 0 140px;
    height:184px
  }
}

.slots__component .slick-track {
  align-items:stretch
}

.slots--factor:not(.slots--graded) .slots__component .machine {
  width:268px;
  flex:0 0 268px;
  height:auto;
  aspect-ratio:3/2
}

.slots--chunk:not(.slots--graded) .slots__component .machine {
  width:200px;
  flex:0 0 200px;
  height:auto;
  aspect-ratio:1/1
}

.slots--pointpart:not(.slots--graded) .slots__component .machine {
  width:246px;
  flex:0 0 246px;
  height:auto;
  aspect-ratio:4/3
}

.slots--point:not(.slots--factor):not(.slots--pointpart) .slots__aspect {
  grid-template-columns:repeat(6,minmax(0,1fr)) !important
}

@media(max-width:940px) {
  .slots--point:not(.slots--factor):not(.slots--pointpart) .slots__aspect {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important
  }
}

@media(max-width:420px) {
  .slots--point:not(.slots--factor):not(.slots--pointpart) .slots__aspect {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important
  }
}

@media(max-width:768px) {
  .slots--point.slots--factor .slots__aspect {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important
  }
}

@media(max-width:600px) {
  .slots--point.slots--factor .slots__aspect {
    grid-template-columns:1fr !important
  }
}

.slots:not(.slots--graded):not(.slots--factor):not(.slots--pointpart):not(.slots--chunk) .slots__aspect .machine {
  height:auto;
  aspect-ratio:3/4
}

.slots--pointpart .slots__aspect {
  grid-template-columns:repeat(4,minmax(0,1fr)) !important
}

.slots--pointpart:not(.slots--graded) .slots__aspect .machine {
  height:auto;
  aspect-ratio:4/3
}

.slots--graded.slots--pointpart .machine img,
.slots--graded.slots--pointpart .machine .machine-stub,
.slots--graded.slots--pointpart .machine .widget-5,
.slots--graded.slots--pointpart .machine:before {
  aspect-ratio:4/3
}

@media(max-width:600px) {
  .slots--pointpart:not(.slots--graded) .slots__component .machine {
    width:196px;
    flex:0 0 196px
  }
}

@media(max-width:600px) {
  .slots--factor:not(.slots--graded) .slots__component .machine {
    width:214px;
    flex:0 0 214px
  }
  .slots--chunk:not(.slots--graded) .slots__component .machine {
    width:152px;
    flex:0 0 152px
  }
}

.slots--factor .slots__aspect {
  grid-template-columns:repeat(3,minmax(0,1fr)) !important
}

.slots--chunk:not(.slots--point) .slots__aspect {
  grid-template-columns:repeat(4,minmax(0,1fr)) !important
}

.slots--factor:not(.slots--graded) .slots__aspect .machine {
  height:auto;
  aspect-ratio:3/2
}

.slots--chunk:not(.slots--graded) .slots__aspect .machine {
  height:auto;
  aspect-ratio:1/1
}

.slots--graded.slots--factor .machine img,
.slots--graded.slots--factor .machine .machine-stub,
.slots--graded.slots--factor .machine .widget-5,
.slots--graded.slots--factor .machine:before {
  aspect-ratio:3/2
}

.slots--graded.slots--chunk .machine img,
.slots--graded.slots--chunk .machine .machine-stub,
.slots--graded.slots--chunk .machine .widget-5,
.slots--graded.slots--chunk .machine:before {
  aspect-ratio:1/1
}

@media(max-width:1024px) {
  .slots--pointpart:not(.slots--point) .slots__aspect,
  .slots--chunk:not(.slots--point) .slots__aspect {
    grid-template-columns:repeat(3,minmax(0,1fr)) !important
  }
}

@media(max-width:600px) {
  .slots--pointpart:not(.slots--point) .slots__aspect,
  .slots--chunk:not(.slots--point) .slots__aspect {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important
  }
}

@media(max-width:768px) {
  .slots--factor .slots__aspect {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important
  }
}

@media(max-width:480px) {
  .slots--factor .slots__aspect {
    grid-template-columns:1fr !important
  }
}

.slots .machine.machine-entity {
  background:linear-gradient(160deg,#026100 0%,#053c07 100%)
}

.slots .machine.machine-entity .spot__member {
  color:#ffffff
}

.slots .machine.machine-object {
  background:linear-gradient(160deg,#006147 0%,#043c2f 100%)
}

.slots .machine.machine-object .spot__member {
  color:#ffffff
}

.slots .machine.machine-thing {
  background:linear-gradient(160deg,#003361 0%,#04223d 100%)
}

.slots .machine.machine-thing .spot__member {
  color:#ffffff
}

.slots .machine.machine-factor {
  background:linear-gradient(160deg,#170061 0%,#10053d 100%)
}

.slots .machine.machine-factor .spot__member {
  color:#ffffff
}

.slots .machine.machine-point {
  background:linear-gradient(160deg,#600061 0%,#3a053d 100%)
}

.slots .machine.machine-point .spot__member {
  color:#ffffff
}

.slots .machine.machine-place {
  background:linear-gradient(160deg,#61001a 0%,#3a0516 100%)
}

.slots .machine.machine-place .spot__member {
  color:#ffffff
}

.slots .machine.machine-spot {
  background:linear-gradient(160deg,#612f00 0%,#3a1f07 100%)
}

.slots .machine.machine-spot .spot__member {
  color:#ffffff
}

.slots .machine.machine-fragment {
  background:linear-gradient(160deg,#4b6100 0%,#2e3c07 100%)
}

.slots .machine.machine-fragment .spot__member {
  color:#ffffff
}

.slots .machine .machine-jackpot {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:4;
  padding:34px 6px 12px;
  text-align:center;
  font-size:16px;
  font-weight:900;
  letter-spacing:.02em;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#fff;
  background:linear-gradient(to top,rgba(0,0,0,.86) 0%,rgba(0,0,0,.45) 58%,transparent 100%);
  pointer-events:none;
  text-shadow:0 1px 4px rgba(0,0,0,.8)
}

.slots .machine .entity--detailbox {
  color:#ffd66b;
  background:linear-gradient(to top,rgba(120,72,6,.95) 0%,rgba(120,72,6,.5) 60%,transparent 100%)
}

.slots .machine .entity--widget {
  color:#fca5a5;
  background:linear-gradient(to top,rgba(127,29,29,.95) 0%,rgba(127,29,29,.5) 60%,transparent 100%)
}

.slots .machine .entity--widget-2 {
  color:#6ee7b7;
  background:linear-gradient(to top,rgba(6,78,40,.95) 0%,rgba(6,78,40,.5) 60%,transparent 100%)
}

@media(max-width:600px) {
  .slots .machine .machine-jackpot {
    font-size:13px;
    padding:26px 4px 9px
  }
}

.slots .machine:hover .machine-jackpot {
  opacity:1
}

@media(prefers-reduced-motion:no-preference) {
  .slots .machine .machine-jackpot {
    animation:est-jp-pulse 3.4s ease-in-out infinite
  }
}

@keyframes est-jp-pulse {
  0%,
  100% {
    text-shadow:0 1px 4px rgba(0,0,0,.8)
  }
  50% {
    text-shadow:0 1px 4px rgba(0,0,0,.8),0 0 14px currentColor
  }
}

.slots .machine:has(.machine-jackpot) {
  position:relative
}

.slots .machine:has(.machine-jackpot) {
  box-shadow:0 0 20px -7px var(--aldjka,#f6c453)
}

.slots .machine:has(.machine-jackpot):after {
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  padding:1.5px;
  background:conic-gradient(from var(--xy3toe,0deg),transparent 0deg,var(--aldjka,#f6c453) 44deg,transparent 120deg,transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
  z-index:96;
  pointer-events:none
}

@property --xy3toe {
  syntax:"<angle>";inherits:false;initial-value:0deg
}

@media(prefers-reduced-motion:no-preference) {
  .slots .machine:has(.machine-jackpot):after {
    animation:est-jp-ring 6s linear infinite
  }
}

@keyframes est-jp-ring {
  to {
    --xy3toe:360deg
  }
}

.slots .machine:has(.entity--widget) {
  --aldjka:#ef4444
}

.slots .machine:has(.entity--widget-2) {
  --aldjka:#10b981
}

.machine-badges {
  position:absolute;
  right:7px;
  left:auto;
  top:7px;
  z-index:95;
  display:flex;
  flex-direction:row-reverse;
  gap:4px;
  pointer-events:none
}

.machine-mark {
  padding:2px 8px;
  border-radius:999px;
  font-size:9px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
  box-shadow:0 2px 8px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.28)
}

.machine-mark + .machine-mark {
  border-radius:999px
}

.object--hot {
  background:#63c926;
  color:#0e2205
}

.object--piece {
  background:#ef4444;
  color:#fff
}

.object--part {
  background:#2563eb;
  color:#fff
}

.object--thing {
  background:var(--g6ptm4);
  color:#0b0f14
}

.object--big-win {
  background:#f2560f;
  color:#2a0d02
}

.object--component {
  background:linear-gradient(135deg,#f6c453,#b8860b);
  color:#2a1a02
}

.object--element {
  background:linear-gradient(135deg,#ef4444,#b91c1c);
  color:#fff
}

.object--aspect {
  background:linear-gradient(135deg,#10b981,#059669);
  color:#04241a
}

@media(max-width:600px) {
  .machine-mark {
    font-size:9px;
    padding:2px 7px
  }
}

.object--part {
  display:inline-flex;
  align-items:center;
  gap:5px;
  background:#e91e8c
}

.object--part:before {
  content:"";
  width:5px;
  height:5px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 6px rgba(255,255,255,.9)
}

@media(prefers-reduced-motion:no-preference) {
  .object--part:before {
    animation:est-live-dot 1.8s ease-in-out infinite
  }
}

@keyframes est-live-dot {
  0%,
  100% {
    opacity:1;
    transform:scale(1)
  }
  50% {
    opacity:.45;
    transform:scale(.8)
  }
}

.slots .machine {
  transition:transform .22s ease,box-shadow .22s ease
}

.slots .machine img {
  transition:transform .35s ease
}

.slots .machine:hover {
  transform:translateY(-4px);
  box-shadow:0 14px 30px rgba(0,0,0,.45),0 0 0 1px color-mix(in srgb,var(--g6ptm4) 34%,transparent),0 0 26px -6px color-mix(in srgb,var(--g6ptm4) 50%,transparent)
}

.slots .machine:hover img {
  transform:scale(1.07)
}

@media(prefers-reduced-motion:reduce) {
  .slots .machine,
  .slots .machine img {
    transition:none
  }
  .slots .machine:hover {
    transform:none
  }
  .slots .machine:hover img {
    transform:none
  }
}

.area.item-2 {
  position:sticky;
  top:68px;
  left:auto;
  right:auto;
  z-index:120;
  border:1px solid var(--cqqmzt);
  border-radius:var(--u31sxb);
  background:var(--ztumsh)
}

body.bit-subpage .area.item-2 {
  position:static;
  top:auto
}

.sidebox-top {
  gap:6px
}

.sidebox-heading {
  color:#9CA3AF;
  font-size:11px;
  font-weight:700;
  letter-spacing:.6px;
  text-transform:uppercase;
  padding:2px 4px 6px
}

.sidebox-slotunit {
  display:flex;
  align-items:center;
  gap:10px;
  padding:6px;
  border-radius:10px;
  text-decoration:none;
  color:var(--c63kvx);
  transition:background .15s ease,transform .15s ease
}

.sidebox-slotunit:hover {
  background:var(--ehr3f4);
  transform:translateX(2px)
}

.sidebox-slotunit img {
  width:40px;
  height:40px;
  border-radius:8px;
  object-fit:cover;
  flex:0 0 40px;
  box-shadow:0 2px 6px rgba(0,0,0,.4)
}

.sidebox-slotunit span {
  font-size:13px;
  font-weight:600;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical
}

@media(max-width:1024px) {
  .area.item-2 {
    position:static;
    top:auto
  }
}

.primary:has(.area) {
  padding:50px 16px 30px
}

@media(max-width:1024px) {
  .primary:has(.area) {
    padding:50px 16px 30px
  }
}

:focus-visible {
  outline:2px solid var(--g6ptm4);
  outline-offset:2px
}

.questions__unit .detail-2 {
  outline-offset:-2px
}

.campaigns .colunit {
  cursor:pointer;
  transition:transform .15s ease,box-shadow .15s ease
}

.campaigns .colunit:hover {
  transform:translateY(-4px);
  box-shadow:0 10px 30px rgba(0,0,0,.4)
}

.campaigns .colunit:focus-within {
  outline:2px solid var(--g6ptm4);
  outline-offset:2px
}

.campaigns__part {
  position:absolute;
  inset:0;
  z-index:6;
  border-radius:var(--u31sxb)
}

.slots .machine:focus-within .widget-5 {
  opacity:1;
  visibility:visible
}

.slots .machine:focus-within:before {
  opacity:.85;
  visibility:visible
}

@media(min-width:1025px) {
  .slots--object {
    display:none
  }
}

.slots .machine {
  position:relative
}

.slots .machine .machine-stub {
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px;
  text-align:center;
  border-radius:inherit;
  overflow:hidden;
  background:linear-gradient(150deg,rgba(255,255,255,.06) 0%,rgba(0,0,0,.14) 58%,rgba(0,0,0,.28) 100%)
}

.slots .machine .machine-stub::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:40%;
  background:radial-gradient(80% 100% at 50% 0%,color-mix(in srgb,var(--g6ptm4) 32%,transparent),transparent 72%);
  pointer-events:none
}

.slots .machine .spot__member {
  position:relative;
  z-index:1;
  color:var(--fmikc8,#fff);
  font-size:15px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.2px;
  text-shadow:0 2px 8px rgba(0,0,0,.6)
}

.slots .machine {
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 8px 22px -6px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.4);
  transition:transform .18s ease,box-shadow .18s ease
}

.slots .machine img {
  border-radius:inherit;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover
}

.slots .machine:hover {
  transform:translateY(-4px);
  box-shadow:0 16px 36px -8px rgba(0,0,0,.62),0 0 0 1px color-mix(in srgb,var(--g6ptm4) 30%,transparent),0 0 26px -6px color-mix(in srgb,var(--g6ptm4) 48%,transparent)
}

.slots .machine .machine-title {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:3;
  margin:0;
  padding:22px 10px 8px;
  font-size:12px;
  font-weight:700;
  line-height:1.2;
  color:#fff;
  text-align:center;
  background:linear-gradient(to top,rgba(6,8,12,.94) 0%,rgba(6,8,12,.62) 55%,transparent 100%);
  text-shadow:0 1px 4px rgba(0,0,0,.75);
  pointer-events:none;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden
}

.expandmore {
  position:relative
}

.expandmore__place {
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none
}

.expandmore__box {
  max-height:0;
  overflow:hidden
}

.expandmore__place:checked ~ .expandmore__box {
  max-height:none;
  overflow:visible
}

.expandmore__box:has(:target) {
  max-height:none;
  overflow:visible
}

.expandmore__btn {
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:14px 0 4px;
  padding:11px 22px;
  border-radius:10px;
  border:1px solid var(--na29f8,rgba(255,255,255,.14));
  background:linear-gradient(180deg,var(--xhthcn,#20242c),var(--okuqpn,#161a20));
  color:var(--g6ptm4);
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  user-select:none;
  transition:filter .18s ease,border-color .18s ease
}

.expandmore__btn:hover {
  filter:brightness(1.12);
  border-color:var(--g6ptm4)
}

.expandmore__btn:after {
  content:"";
  width:9px;
  height:9px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translate(-2px,-2px)
}

.expandmore__place:checked ~ .expandmore__btn:after {
  transform:rotate(-135deg) translate(-2px,-2px)
}

.expandmore__place-2 {
  display:none
}

.expandmore__place:checked ~ .expandmore__btn .expandmore__unit {
  display:none
}

.expandmore__place:checked ~ .expandmore__btn .expandmore__place-2 {
  display:inline
}

.expandmore__place:focus-visible ~ .expandmore__btn {
  outline:2px solid var(--g6ptm4);
  outline-offset:2px
}

.tour {
  margin:0 0 var(--kjqrla)
}

.tour .tour__sub {
  margin:-6px 0 14px;
  color:var(--gfsid1,#9CA3AF);
  font-size:13px
}

.tour__aspect {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px
}

.tour__portion {
  display:grid;
  grid-template-columns:88px 1fr;
  grid-template-areas:"thumb info" "cta cta";
  gap:12px;
  align-items:center;
  padding:12px;
  border:1px solid var(--q8ym4j,rgba(255,255,255,.08));
  border-radius:16px;
  box-shadow:0 6px 20px -6px rgba(0,0,0,.45)
}

.tour__point {
  grid-area:thumb;
  position:relative;
  width:88px;
  height:118px;
  border-radius:12px;
  overflow:hidden
}

.tour__point img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block
}

.tour__details {
  grid-area:info;
  min-width:0
}

.tour__label {
  font-weight:800;
  font-size:14px;
  line-height:1.25;
  color:var(--c63kvx,#fff);
  margin-bottom:8px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden
}

.tour__form-row {
  display:flex;
  flex-direction:column;
  gap:4px
}

.tour__thing {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:8px;
  font-size:12px
}

.tour__text {
  color:var(--gfsid1,#9CA3AF);
  white-space:nowrap
}

.tour__areabox {
  font-weight:700;
  color:var(--c63kvx,#fff);
  font-variant-numeric:tabular-nums;
  white-space:nowrap
}

.tour__areabox--partbit {
  color:#34d399
}

.tour__action {
  grid-area:cta;
  display:block;
  text-align:center;
  padding:10px 14px;
  border-radius:10px;
  background:var(--x7aegk,var(--g6ptm4));
  color:var(--lz9o63,var(--zhmtc2,#1b1405));
  font-weight:800;
  font-size:12px;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-decoration:none;
  transition:filter .18s ease
}

.tour__action:hover {
  filter:brightness(.9)
}

@media(max-width:900px) {
  .tour__aspect {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}

@media(max-width:560px) {
  .tour__aspect {
    grid-template-columns:1fr
  }
  .tour__portion {
    grid-template-columns:64px 1fr
  }
  .tour__point {
    width:64px;
    height:86px
  }
}

.leadpromo {
  margin:0 0 var(--kjqrla)
}

.leadpromo-2 {
  position:relative;
  display:block;
  border-radius:18px;
  overflow:hidden;
  text-decoration:none;
  background:linear-gradient(120deg,var(--xhthcn,#20242c),var(--okuqpn,#161a20));
  border:1px solid var(--na29f8,rgba(255,255,255,.12));
  min-height:140px
}

.leadpromo__chunk {
  display:block;
  width:100%;
  height:auto;
  object-fit:cover
}

.leadpromo__action {
  position:absolute;
  right:0;
  top:0;
  bottom:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:18px 26px;
  background:linear-gradient(90deg,transparent,rgba(0,0,0,.55) 22%,rgba(0,0,0,.72));
  min-width:min(46%,300px);
  text-align:center
}

.leadpromo__text {
  color:#e5e7eb;
  font-size:13px;
  letter-spacing:.04em;
  text-transform:uppercase
}

.leadpromo__module {
  color:var(--g6ptm4);
  font-size:clamp(22px,3.4vw,38px);
  font-weight:900;
  line-height:1;
  font-variant-numeric:tabular-nums
}

.leadpromo__btn {
  display:inline-block;
  padding:11px 24px;
  border-radius:10px;
  background:var(--x7aegk,var(--g6ptm4));
  color:var(--lz9o63,var(--zhmtc2,#1b1405));
  font-weight:800;
  font-size:13px;
  letter-spacing:.04em;
  text-transform:uppercase;
  transition:filter .18s ease
}

.leadpromo-2:hover .leadpromo__btn {
  filter:brightness(.9)
}

@media(max-width:640px) {
  .leadpromo__action {
    position:static;
    min-width:0;
    width:100%;
    background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.72));
    padding:14px 16px
  }
  .leadpromo__module {
    font-size:26px
  }
}

.sidebox__navbar .member .nav-pic {
  width:24px;
  height:24px;
  flex:0 0 24px
}

.sidebox__navbar .member span {
  flex:1 1 auto;
  min-width:0
}

.sidebox__navbar .element-2 {
  display:block;
  margin-bottom:12px;
  border-radius:var(--u31sxb);
  overflow:hidden
}

.sidebox__navbar .element-2 img {
  width:100%;
  height:100%;
  aspect-ratio:216/120;
  object-fit:cover;
  display:block;
  border-radius:var(--u31sxb)
}

.sidebox-aspect {
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  opacity:0;
  visibility:hidden;
  z-index:199;
  transition:none
}

.sidebox-aspect.active {
  opacity:1;
  visibility:visible
}

@media(min-width:1025px) {
  .sidebox-aspect {
    display:none
  }
}

.area .member .nav-pic {
  width:22px;
  height:22px;
  flex:0 0 22px
}

.text .bit {
  float:right;
  width:auto;
  max-width:52%;
  margin:6px 0 var(--kjqrla) var(--td08h6)
}

.text .widget {
  float:left;
  width:auto;
  max-width:52%;
  margin:6px var(--td08h6) var(--kjqrla) 0
}

.text .bit img,
.text .widget img {
  width:100%;
  height:auto;
  display:block;
  border-radius:var(--u31sxb)
}

.text .unitpart {
  margin-left:auto;
  margin-right:auto
}

.text .wp-block-image.bit figure,
.text .wp-block-image.widget figure {
  margin:0
}

@media (max-width:768px) {
  .text .widget,
  .text .bit {
    float:none;
    width:100%;
    max-width:100%;
    margin:0 0 var(--kjqrla)
  }
}

.text::after {
  content:"";
  display:block;
  clear:both
}

.text .pic-lead {
  display:flex;
  gap:28px;
  margin:28px 0;
  align-items:flex-start;
  padding:22px;
  background:var(--jyywag);
  border:1px solid rgba(228,198,163,.16);
  border-radius:var(--u31sxb);
  clear:both
}

.text .pic-lead[data-lane="right"] {
  flex-direction:row-reverse
}

.text .pic-lead img {
  width:38%;
  border-radius:12px;
  flex-shrink:0;
  object-fit:cover;
  box-shadow:0 8px 26px rgba(0,0,0,.4)
}

.text .pic-lead img[src=""],
.text .pic-lead img:not([src]) {
  display:none
}

.text .pic-lead:not(:has(img)),
.text .pic-lead:has(img[src=""]),
.text .pic-lead:has(img:not([src])) {
  display:contents;
  border:none;
  padding:0;
  margin:0;
  background:none
}

.text .pic-lead>div {
  flex:1;
  min-width:0
}

.text .pic-lead>div>*:first-child {
  margin-top:0
}

.text .pic-lead>div>*:last-child {
  margin-bottom:0
}

.text .pic-piece {
  cursor:pointer
}

.text .pic-center {
  margin:28px auto;
  text-align:center;
  max-width:62%;
  clear:both
}

.text .pic-center img {
  width:100%;
  border-radius:12px;
  object-fit:cover;
  box-shadow:0 8px 26px rgba(0,0,0,.4)
}

.text .pic-pointpart {
  font-size:12px;
  color:var(--gfsid1);
  margin-top:8px;
  font-style:italic
}

@media(max-width:768px) {
  .text .pic-lead {
    flex-direction:column!important;
    padding:14px!important;
    gap:14px!important
  }
  .text .pic-lead img {
    width:100%;
    max-height:280px
  }
  .text .pic-center {
    max-width:100%
  }
}

.btn.item {
  background:var(--x7aegk);
  color:var(--lz9o63,#fff);
  border:var(--peuj5v,1px solid rgba(255,255,255,.14));
  box-shadow:0 4px 14px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.22);
  letter-spacing:.2px;
  font-weight:700;
  text-shadow:0 1px 2px rgba(0,0,0,.32);
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease
}

.btn.item:hover {
  transform:translateY(-1px);
  box-shadow:0 8px 22px rgba(0,0,0,.34),0 0 26px -6px color-mix(in srgb,var(--jimr81) 60%,transparent),inset 0 1px 0 rgba(255,255,255,.3);
  filter:brightness(1.06)
}

.btn.item:active {
  transform:translateY(0);
  box-shadow:0 2px 8px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.16)
}

.btn.item-2 {
  transition:transform .15s ease,background .15s ease,border-color .15s ease
}

.btn.item-2:hover {
  transform:translateY(-1px);
  background:rgba(255,255,255,.05)
}

.sidebox__navbar .unitpart-5 {
  box-shadow:0 4px 14px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.22);
  transition:transform .15s ease,filter .15s ease
}

.sidebox__navbar .unitpart-5:hover {
  transform:translateY(-1px);
  filter:brightness(1.06)
}

.sidebox__navbar .element-2 {
  transition:transform .15s ease,box-shadow .15s ease
}

.sidebox__navbar .element-2:hover {
  transform:translateY(-2px);
  box-shadow:0 8px 22px rgba(0,0,0,.4)
}

.text a.btn.item {
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:auto;
  min-width:0;
  height:auto;
  min-height:48px;
  padding:13px 26px;
  font-size:15px;
  line-height:1.3;
  white-space:normal;
  color:var(--lz9o63,#fff);
  text-decoration:none;
  margin:6px 0 var(--kjqrla)
}

.text a.btn.item::after {
  content:"→";
  font-size:18px;
  line-height:1;
  transition:transform .15s ease
}

.text a.btn.item:hover::after {
  transform:translateX(3px)
}

:root {
  --okuqpn:#1d3c1d;
  --xhthcn:#2b492b;
  --tmsxft:#395539;
  --q8ym4j:rgba(255,255,255,.08);
  --na29f8:rgba(255,255,255,.15);
  --j04dln:#0b0f14;
  --zhmtc2:#0b0f14;
  --fmikc8:#ffffff
}

.primary:has(.area) {
  padding-top:84px
}

.primary {
  padding-top:84px
}

@media(max-width:1024px) {
  .primary:has(.area) {
    padding-top:78px
  }
  .primary {
    padding:78px 16px 30px
  }
}

.btn.item,
.site-head .btn.item,
.text a.btn.item,
.sidebox__navbar .unitpart-5,
.campaigns .item,
.bit__bit {
  color:var(--j04dln) !important
}

.stage-bg {
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden
}

.stage-bg span {
  position:absolute;
  display:block;
  border-radius:50%;
  filter:blur(50px);
  opacity:0
}

.stage-bg__fragment {
  width:46vw;
  height:46vw;
  left:-8vw;
  top:-6vw;
  background:radial-gradient(circle,var(--g6ptm4),transparent 70%)
}

.stage-bg__detailbox {
  width:40vw;
  height:40vw;
  right:-6vw;
  top:10vh;
  background:radial-gradient(circle,var(--g6ptm4),transparent 72%)
}

.stage-bg__unitpart {
  width:36vw;
  height:36vw;
  left:28vw;
  bottom:-12vw;
  background:radial-gradient(circle,var(--ehr3f4),transparent 72%)
}

html[data-stripe="aurora"] .stage-bg span {
  opacity:.22;
  will-change:transform
}

html[data-stripe="aurora"] .stage-bg__fragment {
  animation:est-drift1 26s ease-in-out infinite
}

html[data-stripe="aurora"] .stage-bg__detailbox {
  animation:est-drift2 32s ease-in-out infinite
}

html[data-stripe="aurora"] .stage-bg__unitpart {
  animation:est-drift3 38s ease-in-out infinite
}

@keyframes est-drift1 {
  0%,
  100% {
    transform:translate(0,0)
  }
  33% {
    transform:translate(6vw,4vh)
  }
  66% {
    transform:translate(-3vw,7vh)
  }
}

@keyframes est-drift2 {
  0%,
  100% {
    transform:translate(0,0)
  }
  50% {
    transform:translate(-7vw,-5vh)
  }
}

@keyframes est-drift3 {
  0%,
  100% {
    transform:translate(0,0)
  }
  40% {
    transform:translate(5vw,-6vh)
  }
  80% {
    transform:translate(-4vw,3vh)
  }
}

@media(prefers-reduced-motion:reduce) {
  .stage-bg span {
    animation:none!important
  }
}

html[data-stripe="royal"] .stage-bg,
html[data-stripe="velvet"] .stage-bg,
html[data-stripe="damask"] .stage-bg,
html[data-stripe="deco"] .stage-bg,
html[data-stripe="carbon"] .stage-bg,
html[data-stripe="hex"] .stage-bg,
html[data-stripe="nebula"] .stage-bg,
html[data-stripe="off"] .stage-bg {
  display:none
}

html[data-stripe="royal"] body {
  background:radial-gradient(115% 75% at 50% -10%,color-mix(in srgb,var(--g6ptm4) 14%,transparent),transparent 48%),radial-gradient(120% 95% at 50% 122%,rgba(0,0,0,.5),transparent 60%),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22200%22%20viewBox%3D%220%200%20200%20200%22%3E%3Cg%20fill%3D%22rgba(255%2C255%2C255%2C0.05)%22%3E%3Ccircle%20cx%3D%2247%22%20cy%3D%2255%22%20r%3D%223.1%22%2F%3E%3Ccircle%20cx%3D%2253%22%20cy%3D%2255%22%20r%3D%223.1%22%2F%3E%3Cpath%20d%3D%22M50%2042%20L43.6%2055.4%20L56.4%2055.4%20Z%22%2F%3E%3Cpath%20d%3D%22M48.9%2056.4%20L51.1%2056.4%20L51.7%2060.6%20L48.3%2060.6%20Z%22%2F%3E%3Ccircle%20cx%3D%22147.2%22%20cy%3D%2249.8%22%20r%3D%223.1%22%2F%3E%3Ccircle%20cx%3D%22152.8%22%20cy%3D%2249.8%22%20r%3D%223.1%22%2F%3E%3Cpath%20d%3D%22M144.6%2051.2%20L155.4%2051.2%20L150%2059.4%20Z%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%22147.6%22%20r%3D%223.2%22%2F%3E%3Ccircle%20cx%3D%2248.4%22%20cy%3D%22152.4%22%20r%3D%223.2%22%2F%3E%3Ccircle%20cx%3D%2255.6%22%20cy%3D%22152.4%22%20r%3D%223.2%22%2F%3E%3Cpath%20d%3D%22M50.9%20153.6%20L53.1%20153.6%20L53.9%20158.2%20L50.1%20158.2%20Z%22%2F%3E%3Cpath%20d%3D%22M148%20142.6%20L153.2%20150%20L148%20157.4%20L142.8%20150%20Z%22%2F%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%22100%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%220%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%220%22%20cy%3D%22200%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%22200%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat,#0d210d
}

html[data-stripe="royal"] main .container {
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22200%22%20viewBox%3D%220%200%20200%20200%22%3E%3Cg%20fill%3D%22rgba(255%2C255%2C255%2C0.05)%22%3E%3Ccircle%20cx%3D%2247%22%20cy%3D%2255%22%20r%3D%223.1%22%2F%3E%3Ccircle%20cx%3D%2253%22%20cy%3D%2255%22%20r%3D%223.1%22%2F%3E%3Cpath%20d%3D%22M50%2042%20L43.6%2055.4%20L56.4%2055.4%20Z%22%2F%3E%3Cpath%20d%3D%22M48.9%2056.4%20L51.1%2056.4%20L51.7%2060.6%20L48.3%2060.6%20Z%22%2F%3E%3Ccircle%20cx%3D%22147.2%22%20cy%3D%2249.8%22%20r%3D%223.1%22%2F%3E%3Ccircle%20cx%3D%22152.8%22%20cy%3D%2249.8%22%20r%3D%223.1%22%2F%3E%3Cpath%20d%3D%22M144.6%2051.2%20L155.4%2051.2%20L150%2059.4%20Z%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%22147.6%22%20r%3D%223.2%22%2F%3E%3Ccircle%20cx%3D%2248.4%22%20cy%3D%22152.4%22%20r%3D%223.2%22%2F%3E%3Ccircle%20cx%3D%2255.6%22%20cy%3D%22152.4%22%20r%3D%223.2%22%2F%3E%3Cpath%20d%3D%22M50.9%20153.6%20L53.1%20153.6%20L53.9%20158.2%20L50.1%20158.2%20Z%22%2F%3E%3Cpath%20d%3D%22M148%20142.6%20L153.2%20150%20L148%20157.4%20L142.8%20150%20Z%22%2F%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%22100%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%220%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%220%22%20cy%3D%22200%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%22200%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

html[data-stripe="velvet"] body,
html[data-stripe="nebula"] body {
  background:radial-gradient(120% 80% at 50% -12%,color-mix(in srgb,var(--g6ptm4) 14%,transparent),transparent 46%),radial-gradient(120% 92% at 50% 122%,rgba(0,0,0,.46),transparent 60%),#0d210d
}

html[data-stripe="damask"] body {
  background:radial-gradient(110% 70% at 50% -6%,color-mix(in srgb,var(--g6ptm4) 10%,transparent),transparent 52%),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22200%22%20viewBox%3D%220%200%20200%20200%22%3E%3Cg%20fill%3D%22rgba(255%2C255%2C255%2C0.05)%22%3E%3Ccircle%20cx%3D%2247%22%20cy%3D%2255%22%20r%3D%223.1%22%2F%3E%3Ccircle%20cx%3D%2253%22%20cy%3D%2255%22%20r%3D%223.1%22%2F%3E%3Cpath%20d%3D%22M50%2042%20L43.6%2055.4%20L56.4%2055.4%20Z%22%2F%3E%3Cpath%20d%3D%22M48.9%2056.4%20L51.1%2056.4%20L51.7%2060.6%20L48.3%2060.6%20Z%22%2F%3E%3Ccircle%20cx%3D%22147.2%22%20cy%3D%2249.8%22%20r%3D%223.1%22%2F%3E%3Ccircle%20cx%3D%22152.8%22%20cy%3D%2249.8%22%20r%3D%223.1%22%2F%3E%3Cpath%20d%3D%22M144.6%2051.2%20L155.4%2051.2%20L150%2059.4%20Z%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%22147.6%22%20r%3D%223.2%22%2F%3E%3Ccircle%20cx%3D%2248.4%22%20cy%3D%22152.4%22%20r%3D%223.2%22%2F%3E%3Ccircle%20cx%3D%2255.6%22%20cy%3D%22152.4%22%20r%3D%223.2%22%2F%3E%3Cpath%20d%3D%22M50.9%20153.6%20L53.1%20153.6%20L53.9%20158.2%20L50.1%20158.2%20Z%22%2F%3E%3Cpath%20d%3D%22M148%20142.6%20L153.2%20150%20L148%20157.4%20L142.8%20150%20Z%22%2F%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%22100%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%220%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%220%22%20cy%3D%22200%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%22200%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat,#0d210d
}

html[data-stripe="damask"] main .container {
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22200%22%20height%3D%22200%22%20viewBox%3D%220%200%20200%20200%22%3E%3Cg%20fill%3D%22rgba(255%2C255%2C255%2C0.05)%22%3E%3Ccircle%20cx%3D%2247%22%20cy%3D%2255%22%20r%3D%223.1%22%2F%3E%3Ccircle%20cx%3D%2253%22%20cy%3D%2255%22%20r%3D%223.1%22%2F%3E%3Cpath%20d%3D%22M50%2042%20L43.6%2055.4%20L56.4%2055.4%20Z%22%2F%3E%3Cpath%20d%3D%22M48.9%2056.4%20L51.1%2056.4%20L51.7%2060.6%20L48.3%2060.6%20Z%22%2F%3E%3Ccircle%20cx%3D%22147.2%22%20cy%3D%2249.8%22%20r%3D%223.1%22%2F%3E%3Ccircle%20cx%3D%22152.8%22%20cy%3D%2249.8%22%20r%3D%223.1%22%2F%3E%3Cpath%20d%3D%22M144.6%2051.2%20L155.4%2051.2%20L150%2059.4%20Z%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%22147.6%22%20r%3D%223.2%22%2F%3E%3Ccircle%20cx%3D%2248.4%22%20cy%3D%22152.4%22%20r%3D%223.2%22%2F%3E%3Ccircle%20cx%3D%2255.6%22%20cy%3D%22152.4%22%20r%3D%223.2%22%2F%3E%3Cpath%20d%3D%22M50.9%20153.6%20L53.1%20153.6%20L53.9%20158.2%20L50.1%20158.2%20Z%22%2F%3E%3Cpath%20d%3D%22M148%20142.6%20L153.2%20150%20L148%20157.4%20L142.8%20150%20Z%22%2F%3E%3Ccircle%20cx%3D%22100%22%20cy%3D%22100%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%220%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%220%22%20cy%3D%22200%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%22200%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

html[data-stripe="deco"] body {
  background:radial-gradient(120% 60% at 50% -4%,color-mix(in srgb,var(--g6ptm4) 10%,transparent),transparent 55%),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22140%22%20height%3D%22140%22%20viewBox%3D%220%200%20140%20140%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22rgba%28228%2C198%2C163%2C0.09%29%22%20stroke-width%3D%221.2%22%3E%3Cpath%20d%3D%22M70%2C4%20L136%2C70%20L70%2C136%20L4%2C70%20Z%22%2F%3E%3Cline%20x1%3D%2270%22%20y1%3D%2270%22%20x2%3D%22100.0%22%20y2%3D%2270.0%22%2F%3E%3Cline%20x1%3D%2270%22%20y1%3D%2270%22%20x2%3D%2296.0%22%20y2%3D%2285.0%22%2F%3E%3Cline%20x1%3D%2270%22%20y1%3D%2270%22%20x2%3D%2285.0%22%20y2%3D%2296.0%22%2F%3E%3Cline%20x1%3D%2270%22%20y1%3D%2270%22%20x2%3D%2270.0%22%20y2%3D%22100.0%22%2F%3E%3Cline%20x1%3D%2270%22%20y1%3D%2270%22%20x2%3D%2255.0%22%20y2%3D%2296.0%22%2F%3E%3Cline%20x1%3D%2270%22%20y1%3D%2270%22%20x2%3D%2244.0%22%20y2%3D%2285.0%22%2F%3E%3Cline%20x1%3D%2270%22%20y1%3D%2270%22%20x2%3D%2240.0%22%20y2%3D%2270.0%22%2F%3E%3Cline%20x1%3D%2270%22%20y1%3D%2270%22%20x2%3D%2244.0%22%20y2%3D%2255.0%22%2F%3E%3Cline%20x1%3D%2270%22%20y1%3D%2270%22%20x2%3D%2255.0%22%20y2%3D%2244.0%22%2F%3E%3Cline%20x1%3D%2270%22%20y1%3D%2270%22%20x2%3D%2270.0%22%20y2%3D%2240.0%22%2F%3E%3Cline%20x1%3D%2270%22%20y1%3D%2270%22%20x2%3D%2285.0%22%20y2%3D%2244.0%22%2F%3E%3Cline%20x1%3D%2270%22%20y1%3D%2270%22%20x2%3D%2296.0%22%20y2%3D%2255.0%22%2F%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%2270%22%20r%3D%2211%22%2F%3E%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%2216%22%2F%3E%3Ccircle%20cx%3D%22140%22%20cy%3D%220%22%20r%3D%2216%22%2F%3E%3Ccircle%20cx%3D%220%22%20cy%3D%22140%22%20r%3D%2216%22%2F%3E%3Ccircle%20cx%3D%22140%22%20cy%3D%22140%22%20r%3D%2216%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat,#0d210d
}

html[data-stripe="deco"] main .container {
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22140%22%20height%3D%22140%22%20viewBox%3D%220%200%20140%20140%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22rgba%28228%2C198%2C163%2C0.09%29%22%20stroke-width%3D%221.2%22%3E%3Cpath%20d%3D%22M70%2C4%20L136%2C70%20L70%2C136%20L4%2C70%20Z%22%2F%3E%3Cline%20x1%3D%2270%22%20y1%3D%2270%22%20x2%3D%22100.0%22%20y2%3D%2270.0%22%2F%3E%3Cline%20x1%3D%2270%22%20y1%3D%2270%22%20x2%3D%2296.0%22%20y2%3D%2285.0%22%2F%3E%3Cline%20x1%3D%2270%22%20y1%3D%2270%22%20x2%3D%2285.0%22%20y2%3D%2296.0%22%2F%3E%3Cline%20x1%3D%2270%22%20y1%3D%2270%22%20x2%3D%2270.0%22%20y2%3D%22100.0%22%2F%3E%3Cline%20x1%3D%2270%22%20y1%3D%2270%22%20x2%3D%2255.0%22%20y2%3D%2296.0%22%2F%3E%3Cline%20x1%3D%2270%22%20y1%3D%2270%22%20x2%3D%2244.0%22%20y2%3D%2285.0%22%2F%3E%3Cline%20x1%3D%2270%22%20y1%3D%2270%22%20x2%3D%2240.0%22%20y2%3D%2270.0%22%2F%3E%3Cline%20x1%3D%2270%22%20y1%3D%2270%22%20x2%3D%2244.0%22%20y2%3D%2255.0%22%2F%3E%3Cline%20x1%3D%2270%22%20y1%3D%2270%22%20x2%3D%2255.0%22%20y2%3D%2244.0%22%2F%3E%3Cline%20x1%3D%2270%22%20y1%3D%2270%22%20x2%3D%2270.0%22%20y2%3D%2240.0%22%2F%3E%3Cline%20x1%3D%2270%22%20y1%3D%2270%22%20x2%3D%2285.0%22%20y2%3D%2244.0%22%2F%3E%3Cline%20x1%3D%2270%22%20y1%3D%2270%22%20x2%3D%2296.0%22%20y2%3D%2255.0%22%2F%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%2270%22%20r%3D%2211%22%2F%3E%3Ccircle%20cx%3D%220%22%20cy%3D%220%22%20r%3D%2216%22%2F%3E%3Ccircle%20cx%3D%22140%22%20cy%3D%220%22%20r%3D%2216%22%2F%3E%3Ccircle%20cx%3D%220%22%20cy%3D%22140%22%20r%3D%2216%22%2F%3E%3Ccircle%20cx%3D%22140%22%20cy%3D%22140%22%20r%3D%2216%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

html[data-stripe="carbon"] body {
  background:radial-gradient(120% 70% at 50% -6%,color-mix(in srgb,var(--g6ptm4) 8%,transparent),transparent 50%),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22rgba%280%2C0%2C0%2C0.16%29%22%2F%3E%3Cpath%20d%3D%22M0%2C6%20L6%2C0%20M6%2C12%20L12%2C6%20M0%2C0%20L6%2C6%20M6%2C6%20L12%2C12%22%20stroke%3D%22rgba%28255%2C255%2C255%2C0.028%29%22%20stroke-width%3D%222%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E") repeat,#0d210d
}

html[data-stripe="carbon"] main .container {
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Crect%20width%3D%2212%22%20height%3D%2212%22%20fill%3D%22rgba%280%2C0%2C0%2C0.16%29%22%2F%3E%3Cpath%20d%3D%22M0%2C6%20L6%2C0%20M6%2C12%20L12%2C6%20M0%2C0%20L6%2C6%20M6%2C6%20L12%2C12%22%20stroke%3D%22rgba%28255%2C255%2C255%2C0.028%29%22%20stroke-width%3D%222%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E")
}

html[data-stripe="hex"] body {
  background:radial-gradient(42% 42% at 16% 20%,color-mix(in srgb,var(--g6ptm4) 16%,transparent),transparent 60%),radial-gradient(46% 46% at 86% 76%,color-mix(in srgb,var(--g6ptm4) 12%,transparent),transparent 60%),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22104%22%20viewBox%3D%220%200%20120%20104%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22rgba%28255%2C255%2C255%2C0.05%29%22%20stroke-width%3D%221%22%3E%3Cpath%20d%3D%22M0%2C26%20L30%2C9%20L60%2C26%20L60%2C60%20L30%2C77%20L0%2C60%20Z%22%2F%3E%3Cpath%20d%3D%22M60%2C26%20L90%2C9%20L120%2C26%20L120%2C60%20L90%2C77%20L60%2C60%20Z%22%2F%3E%3Cpath%20d%3D%22M30%2C77%20L60%2C60%20L90%2C77%20L90%2C104%20L60%2C121%20L30%2C104%20Z%22%2F%3E%3Cpath%20d%3D%22M30%2C-18%20L60%2C-35%20L90%2C-18%20L90%2C9%20L60%2C26%20L30%2C9%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat,#0d210d
}

html[data-stripe="hex"] main .container {
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22120%22%20height%3D%22104%22%20viewBox%3D%220%200%20120%20104%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22rgba%28255%2C255%2C255%2C0.05%29%22%20stroke-width%3D%221%22%3E%3Cpath%20d%3D%22M0%2C26%20L30%2C9%20L60%2C26%20L60%2C60%20L30%2C77%20L0%2C60%20Z%22%2F%3E%3Cpath%20d%3D%22M60%2C26%20L90%2C9%20L120%2C26%20L120%2C60%20L90%2C77%20L60%2C60%20Z%22%2F%3E%3Cpath%20d%3D%22M30%2C77%20L60%2C60%20L90%2C77%20L90%2C104%20L60%2C121%20L30%2C104%20Z%22%2F%3E%3Cpath%20d%3D%22M30%2C-18%20L60%2C-35%20L90%2C-18%20L90%2C9%20L60%2C26%20L30%2C9%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

html[data-stripe="off"] body {
  background:#0d210d
}

@keyframes est-drift1 {
  0%,
  100% {
    transform:translate(0,0)
  }
  33% {
    transform:translate(6vw,4vh)
  }
  66% {
    transform:translate(-3vw,7vh)
  }
}

@keyframes est-drift2 {
  0%,
  100% {
    transform:translate(0,0)
  }
  50% {
    transform:translate(-7vw,-5vh)
  }
}

@keyframes est-drift3 {
  0%,
  100% {
    transform:translate(0,0)
  }
  40% {
    transform:translate(5vw,-6vh)
  }
  80% {
    transform:translate(-4vw,3vh)
  }
}

@keyframes est-pulse {
  0%,
  100% {
    transform:scale(1)
  }
  50% {
    transform:scale(1.1)
  }
}

@keyframes est-rotate {
  from {
    transform:scale(1.5) rotate(0)
  }
  to {
    transform:scale(1.5) rotate(360deg)
  }
}

@media(prefers-reduced-motion:reduce) {
  .stage-bg,
  .stage-bg span {
    animation:none!important
  }
}

.text h2.wp-block-heading {
  position:relative;
  padding-bottom:10px
}

.text h2.wp-block-heading::after {
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:54px;
  height:3px;
  border-radius:3px;
  background:linear-gradient(90deg,var(--jimr81),transparent)
}

.aspect__headline .el__point {
  position:relative;
  padding-left:14px
}

.aspect__headline .el__point::before {
  content:"";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:4px;
  height:70%;
  border-radius:3px;
  background:linear-gradient(180deg,var(--g6ptm4),var(--yc58bi,var(--g6ptm4)))
}

.slots,
.winners,
.studios {
  margin:0 0 42px
}

.aspect__headline {
  margin-bottom:16px
}

.slots__module .btn.item-2 {
  padding:5px 14px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
  background:transparent;
  border:1px dashed color-mix(in srgb,var(--yc58bi,var(--g6ptm4)) 45%,transparent);
  color:var(--g6ptm4);
  transition:background .18s ease,border-color .18s ease,color .18s ease
}

.slots__module .btn.item-2:hover {
  background:color-mix(in srgb,var(--yc58bi,var(--g6ptm4)) 14%,transparent);
  border-style:solid;
  border-color:color-mix(in srgb,var(--yc58bi,var(--g6ptm4)) 70%,transparent)
}

.slots__module .node-2 {
  width:30px;
  height:30px;
  flex:0 0 30px;
  border-radius:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:color-mix(in srgb,var(--yc58bi,var(--g6ptm4)) 12%,transparent);
  color:var(--g6ptm4);
  transition:background .18s ease,transform .18s ease
}

.slots__module .node-2:hover {
  background:color-mix(in srgb,var(--yc58bi,var(--g6ptm4)) 26%,transparent);
  transform:translateY(-1px)
}

.slots__module .node-2 svg {
  width:18px;
  height:18px
}

.slots__module .node-2.entity-2 svg {
  transform:rotate(180deg)
}

@media(max-width:900px) {
  .slots--point.slots--pointpart .slots__aspect {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important
  }
}

@media(max-width:430px) {
  .slots--point.slots--pointpart .slots__aspect {
    grid-template-columns:1fr !important
  }
}

.text > h2.wp-block-heading {
  margin-top:40px
}

@media(min-width:1025px) {
  .site-head__widget.navburger-thing {
    display:flex !important
  }
  html.place-3 body .sidebox.static-point {
    max-width:74px !important;
    width:74px !important;
    padding:12px 5px !important;
    overflow-x:hidden !important
  }
  html.place-3 body.static {
    padding-left:74px !important
  }
  html.place-3 body.static .site-head {
    left:74px !important;
    width:calc(100% - 74px) !important
  }
  html.place-3 body .sidebox__navbar .member > span:not(.nav-pic-2),
  html.place-3 body .sidebox-unitpart > span:not(.nav-pic-2),
  html.place-3 body .sidebox-part > span:not(.nav-pic-2),
  html.place-3 body .sidebox-slotunit > span:not(.nav-pic-2),
  html.place-3 body .locale__text,
  html.place-3 body .nav-mark,
  html.place-3 body .sidebox-heading,
  html.place-3 body .highlight-mark {
    display:none !important
  }
  html.place-3 body .sidebox-prime,
  html.place-3 body .sidebox__navbar .element-2 {
    display:none !important
  }
  html.place-3 body .sidebox-top-set,
  html.place-3 body .sidebox-bottom {
    grid-template-columns:1fr !important;
    padding-left:0 !important;
    padding-right:0 !important
  }
  html.place-3 body .sidebox-top-set > *,
  html.place-3 body .sidebox-bottom > *,
  html.place-3 body .sidebox__navbar > * {
    min-width:0 !important;
    max-width:100% !important
  }
  html.place-3 body .sidebox__navbar .member,
  html.place-3 body .sidebox-part,
  html.place-3 body .sidebox-unitpart {
    justify-content:center !important;
    padding:8px 0 !important;
    gap:0 !important
  }
  html.place-3 body .sidebox__navbar .unitpart-5 {
    font-size:0 !important;
    padding:0 !important;
    height:42px !important;
    position:relative
  }
  html.place-3 body .sidebox__navbar .unitpart-5:after {
    content:"+";
    font-size:22px;
    font-weight:800;
    color:var(--j04dln,#1b1405);
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center
  }
  html.place-3 body .locale {
    position:relative
  }
  html.place-3 body .locale__group {
    position:absolute;
    left:calc(100% + 6px);
    bottom:0;
    min-width:150px;
    z-index:210;
    box-shadow:0 10px 30px rgba(0,0,0,.45)
  }
  html.place-3 body .sidebox__navbar .member.active:before {
    display:none !important
  }
  html.place-3 body .sidebox__navbar .member.active:after {
    content:"";
    position:absolute;
    right:3px;
    top:50%;
    transform:translateY(-50%);
    width:5px;
    height:5px;
    border-radius:50%;
    background:var(--g6ptm4)
  }
  html.place-3 body .sidebox.static-point {
    transition:none !important
  }
}

@media(prefers-reduced-motion:reduce) {
  .sidebox {
    transition:none !important
  }
}

.sidebox.static-point {
  border-right:1px solid color-mix(in srgb,var(--g6ptm4) 16%,transparent);
  box-shadow:0 8px 32px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.10),inset -1px 0 0 rgba(255,255,255,.04)
}

:root {
  --ks2woc:#FFD36E;
  --zmblb2:#EFA01F;
  --rxj61x:#FF8D7C;
  --j1acbv:#E03A2D;
  --t5ib4b:#C6A8FF;
  --ocik3a:#945df0;
  --qoq3g3:#82D2FF;
  --nmtg31:#4c7fef;
  --u0s4ny:#8FEDB6;
  --r7he03:#0FA968;
  --zbv6kl:#FFA8D0;
  --cwza18:#E1418C;
  --x0rlk5:#84EAF6;
  --t2uyws:#0B96B5;
  --fw4bvl:#FFC38E;
  --x02e18:#F4741E
}

.nav-pic-2 {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  flex:0 0 30px;
  transition:transform .18s ease
}

.nav-pic-2 .nav-pic {
  width:24px;
  height:24px;
  flex:0 0 24px
}

.sidebox__navbar .member:hover .nav-pic-2,
.sidebox-unitpart:hover .nav-pic-2 {
  transform:translateY(-1px) scale(1.1)
}

.nav-mark {
  margin-left:auto;
  padding:2px 7px;
  border-radius:999px;
  background:linear-gradient(135deg,#22c55e,#16a34a);
  color:#fff;
  font-size:8px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap
}

.slots[id],
.studios[id],
.tour[id] {
  scroll-margin-top:208px
}

.text .slots[id] {
  scroll-margin-top:208px
}

@media(prefers-reduced-motion:no-preference) {
  html {
    scroll-behavior:smooth
  }
}

.sidebox__navbar .member.active {
  position:relative;
  background:color-mix(in srgb,var(--g6ptm4) 14%,transparent);
  border-radius:10px
}

.sidebox__navbar .member.active:before {
  content:"";
  position:absolute;
  left:-6px;
  top:50%;
  transform:translateY(-50%);
  width:3px;
  height:60%;
  border-radius:0 3px 3px 0;
  background:var(--g6ptm4)
}

.sidebox-bottom {
  margin-top:auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:10px 6px 4px;
  border-top:1px solid var(--q8ym4j,rgba(255,255,255,.10))
}

.sidebox-bottom .locale {
  margin:0
}

.sidebox-unitpart {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:10px 6px;
  border-radius:12px;
  background:var(--okuqpn);
  border:1px solid var(--q8ym4j);
  color:var(--c63kvx,#fff);
  font-size:11px;
  font-weight:700;
  text-decoration:none;
  text-align:center
}

.sidebox-unitpart:hover {
  border-color:var(--g6ptm4)
}

.notice-bar-col-1 .slick-track {
  display:flex;
  gap:0
}

.notice-bar-col-1 .member {
  flex:0 0 100%;
  width:100%;
  max-width:100%;
  height:420px;
  padding:var(--td08h6)
}

.notice-bar-col-1 .member picture,
.notice-bar-col-1 .member img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:var(--u31sxb)
}

.notice-bar-col-1 .member .unit {
  position:relative;
  z-index:2;
  max-width:min(56%,620px);
  padding:0
}

@media(min-width:961px) {
  .notice-bar-col-1 .member {
    padding-left:76px;
    padding-right:76px
  }
}

.notice-bar-col-1 .member .unit .top {
  font-size:16px;
  letter-spacing:.04em;
  text-transform:uppercase
}

.notice-bar-col-1 .member .unit .el {
  font-size:clamp(26px,3.4vw,44px);
  line-height:1.12
}

.notice-bar-col-1 .dotnav {
  position:static;
  padding-top:1rem
}

@media(max-width:768px) {
  .notice-bar-col-1 .member {
    height:320px
  }
  .notice-bar-col-1 .member .unit {
    max-width:100%
  }
}

.searchbar {
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 1 420px;
  max-width:420px;
  margin:0 12px 0 auto;
  padding:0 14px;
  height:40px;
  border-radius:12px;
  background:var(--okuqpn,rgba(255,255,255,.05));
  border:1px solid var(--q8ym4j,rgba(255,255,255,.10));
  color:var(--gfsid1,#9CA3AF);
  transition:border-color .18s ease
}

.searchbar:focus-within {
  border-color:var(--g6ptm4)
}

.searchbar svg {
  flex:0 0 15px
}

.searchbar__input {
  flex:1 1 auto;
  min-width:0;
  background:none;
  border:0;
  outline:0;
  color:var(--c63kvx,#fff);
  font:inherit;
  font-size:13px
}

.searchbar__input::placeholder {
  color:var(--gfsid1,#9CA3AF);
  opacity:.85
}

.place-2 {
  display:none !important
}

@media(max-width:1024px) {
  .searchbar {
    flex:1 1 auto;
    max-width:none;
    margin:0 10px
  }
}

@media(max-width:760px) {
  .searchbar {
    display:none
  }
}

.sidebox-top-set {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(0,1fr));
  gap:8px;
  padding:0 12px 10px
}

.sidebox-part {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:12px 6px;
  border-radius:14px;
  background:linear-gradient(180deg,var(--xhthcn),var(--okuqpn));
  border:1px solid var(--na29f8,rgba(255,255,255,.12));
  color:var(--c63kvx,#fff);
  font-size:12px;
  font-weight:700;
  text-decoration:none;
  text-align:center;
  transition:border-color .18s ease,transform .18s ease
}

.sidebox-part:hover {
  border-color:var(--g6ptm4);
  transform:translateY(-2px)
}

.sidebox-part .nav-pic {
  width:28px;
  height:28px;
  flex:0 0 28px
}

.sidebox-prime {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:0 12px 10px
}

.spot__portion {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  padding:10px 6px;
  border-radius:14px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--g6ptm4) 18%,transparent),var(--okuqpn));
  border:1px solid color-mix(in srgb,var(--g6ptm4) 22%,transparent);
  color:var(--c63kvx,#fff);
  font-size:11px;
  font-weight:700;
  line-height:1.2;
  text-align:center;
  text-decoration:none;
  transition:border-color .18s ease,transform .18s ease
}

.spot__portion:hover {
  border-color:var(--g6ptm4);
  transform:translateY(-2px)
}

.spot__portion img {
  width:100%;
  height:auto;
  max-height:76px;
  object-fit:contain;
  display:block
}

.spot__offer {
  display:block;
  margin-top:2px;
  color:var(--g6ptm4);
  font-size:10px;
  font-weight:800;
  line-height:1.2
}

.spot-4 {
  margin:0 0 var(--kjqrla);
  padding:28px 18px;
  border-radius:16px;
  border:1px dashed var(--na29f8,rgba(255,255,255,.14));
  background:var(--okuqpn);
  color:var(--gfsid1,#9CA3AF);
  font-size:14px;
  text-align:center
}

.sidebox-div {
  height:1px;
  margin:8px 14px;
  background:linear-gradient(90deg,transparent,var(--na29f8,rgba(255,255,255,.14)),transparent)
}

.locale {
  margin:6px 12px 12px
}

.locale__btn {
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:12px;
  background:var(--okuqpn);
  border:1px solid var(--q8ym4j);
  color:var(--c63kvx,#fff);
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  list-style:none
}

.locale__btn::-webkit-details-marker {
  display:none
}

.locale__btn::after {
  content:"";
  margin-left:auto;
  width:7px;
  height:7px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translate(-2px,-2px)
}

.locale[open] .locale__btn::after {
  transform:rotate(-135deg) translate(-2px,-2px)
}

.locale__area {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:26px;
  height:20px;
  padding:0 6px;
  border-radius:6px;
  background:var(--g6ptm4);
  color:var(--zhmtc2,#1b1405);
  font-size:10px;
  font-weight:800
}

.locale__group {
  display:none;
  flex-direction:column;
  gap:2px;
  margin-top:6px;
  padding:6px;
  border-radius:12px;
  background:var(--xhthcn);
  border:1px solid var(--q8ym4j)
}

.locale[open] .locale__group {
  display:flex
}

.locale__component {
  padding:8px 10px;
  border-radius:8px;
  color:var(--gfsid1,#9CA3AF);
  font-size:12px;
  text-decoration:none
}

.locale__component:hover {
  background:var(--tmsxft,rgba(255,255,255,.06));
  color:var(--c63kvx,#fff)
}

.locale__component.active {
  color:var(--g6ptm4);
  font-weight:700
}

.basebar-track {
  display:flex;
  justify-content:center;
  padding:0 0 14px
}

.basebar-module {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 20px;
  border-radius:999px;
  background:var(--xhthcn);
  border:1px solid var(--na29f8,rgba(255,255,255,.14));
  color:var(--c63kvx,#fff);
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  transition:border-color .18s ease,transform .18s ease
}

.basebar-module:hover {
  border-color:var(--g6ptm4);
  transform:translateY(-1px)
}

.area__component {
  gap:10px !important;
  overflow-x:auto;
  justify-content:center;
  justify-content:safe center;
  scrollbar-width:none;
  -ms-overflow-style:none;
  scroll-snap-type:x proximity;
  padding-bottom:2px
}

.area__component::-webkit-scrollbar {
  display:none
}

.area .member {
  flex:0 0 90px;
  width:90px;
  min-height:112px;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  padding:10px 6px;
  text-align:center;
  scroll-snap-align:start
}

.area .member > span {
  font-size:11px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:.01em;
  white-space:normal;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden
}

.genre-pic {
  display:flex;
  align-items:center;
  justify-content:center;
  width:56px;
  height:56px;
  flex:0 0 56px;
  border-radius:14px;
  overflow:hidden;
  transition:transform .2s ease
}

.genre-pic img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block
}

.area .member .genre-pic .nav-pic {
  width:44px;
  height:44px;
  flex:0 0 44px
}

.area .member:hover .genre-pic {
  transform:translateY(-2px) scale(1.06)
}

@media(max-width:600px) {
  .area .member {
    flex:0 0 76px;
    width:76px;
    min-height:100px;
    padding:8px 4px
  }
  .genre-pic {
    width:48px;
    height:48px;
    flex:0 0 48px;
    border-radius:12px;
    background:linear-gradient(160deg,var(--xhthcn) 0%,var(--okuqpn) 90%);
    border:1px solid var(--q8ym4j);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 3px 8px rgba(0,0,0,.28)
  }
  .area .member .genre-pic .nav-pic {
    width:34px;
    height:34px;
    flex:0 0 34px
  }
  .area .member > span {
    font-size:10px
  }
}

.area {
  background:linear-gradient(180deg,var(--xhthcn),var(--okuqpn));
  border:1px solid var(--na29f8);
  box-shadow:0 6px 20px rgba(0,0,0,.28);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  position:relative
}

@media(max-width:1024px) {
  .area::after {
    content:"";
    position:absolute;
    top:1px;
    bottom:1px;
    right:0;
    width:52px;
    pointer-events:none;
    border-radius:0 var(--u31sxb) var(--u31sxb) 0;
    background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--okuqpn) 88%,transparent))
  }
}

.area::before {
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--g6ptm4) 55%,transparent),transparent);
  pointer-events:none
}

.area .member {
  position:relative;
  border-radius:12px;
  isolation:isolate;
  overflow:hidden;
  transition:background .18s,color .18s,transform .2s ease
}

.area .member::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  background:radial-gradient(120% 130% at 50% 130%,color-mix(in srgb,var(--g6ptm4) 24%,transparent),transparent 70%);
  opacity:0;
  transform:scale(.55);
  transition:opacity .25s ease,transform .25s ease
}

.area .member:hover::before {
  opacity:1;
  transform:scale(1)
}

.area .member::after {
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:5px;
  height:2px;
  border-radius:2px;
  background:var(--g6ptm4);
  transition:left .24s ease,right .24s ease
}

.area .member:hover {
  color:var(--g6ptm4);
  transform:translateY(-2px)
}

.area .member:hover::after {
  left:16px;
  right:16px
}

.area .member::after {
  display:none
}

.area .member .nav-pic {
  transition:transform .2s ease,color .18s,filter .2s
}

.area .member:hover .nav-pic {
  transform:scale(1.2) translateY(-1px);
  filter:drop-shadow(0 0 6px color-mix(in srgb,var(--g6ptm4) 60%,transparent))
}

@media(prefers-reduced-motion:no-preference) {
  .area .member:hover .nav-pic {
    animation:est-cat-pop .42s ease
  }
}

@keyframes est-cat-pop {
  0% {
    transform:scale(1)
  }
  45% {
    transform:scale(1.34) translateY(-2px)
  }
  100% {
    transform:scale(1.2) translateY(-1px)
  }
}

.area .member.active,
.area .member[aria-current="true"] {
  background:var(--x7aegk);
  color:var(--j04dln);
  box-shadow:0 4px 12px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.25),0 0 0 1px color-mix(in srgb,var(--g6ptm4) 30%,transparent)
}

.area .member.active::after,
.area .member[aria-current="true"]::after {
  left:50%;
  right:50%
}

@media(prefers-reduced-motion:no-preference) {
  .area .member {
    animation:est-cat-in .5s cubic-bezier(.2,.7,.3,1) backwards
  }
  .area .member:nth-child(1) {
    animation-delay:.05s
  }
  .area .member:nth-child(2) {
    animation-delay:.11s
  }
  .area .member:nth-child(3) {
    animation-delay:.17s
  }
  .area .member:nth-child(4) {
    animation-delay:.23s
  }
  .area .member:nth-child(5) {
    animation-delay:.29s
  }
  .area .member:nth-child(6) {
    animation-delay:.35s
  }
}

@keyframes est-cat-in {
  from {
    opacity:0;
    transform:translateY(10px)
  }
  to {
    opacity:1;
    transform:translateY(0)
  }
}

.studios .slick-slide {
  width:180px !important
}

.studios__component .slick-track::before,
.studios__component .slick-track::after {
  display:none !important;
  content:none !important
}

.studios .member {
  display:flex !important;
  flex-direction:column;
  justify-content:flex-start;
  gap:10px;
  max-width:none;
  padding:10px !important;
  cursor:default;
  background:linear-gradient(168deg,var(--xhthcn) 0%,var(--okuqpn) 88%) !important;
  border:1px solid var(--q8ym4j);
  border-radius:16px;
  box-shadow:0 6px 20px rgba(0,0,0,.22);
  transition:transform .22s cubic-bezier(.22,.68,.34,1.18),border-color .22s ease,box-shadow .22s ease
}

.studios .provbox-aspect {
  cursor:pointer
}

.studios .provbox-brand {
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100px;
  background:linear-gradient(165deg,#fdfaf3 0%,#f1e6cf 58%,#e6d5b3 100%);
  border:1px solid rgba(0,0,0,.08);
  border-radius:11px;
  padding:14px 16px
}

.studios .provbox-brand::before {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(140px 88px at 50% 62%,color-mix(in srgb,var(--g6ptm4) 30%,transparent),transparent 74%);
  opacity:0;
  transition:opacity .25s ease;
  pointer-events:none
}

.studios .provbox-brand::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:44%;
  background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,0));
  pointer-events:none
}

.studios .provbox-brand img {
  position:relative;
  z-index:1;
  height:auto;
  max-height:52px;
  max-width:100%;
  width:auto;
  object-fit:contain;
  filter:drop-shadow(0 4px 10px rgba(0,0,0,.22));
  transition:transform .25s ease
}

.studios .provbox-title {
  width:100%;
  background:var(--x7aegk);
  color:var(--j04dln);
  border-radius:9px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.02em;
  text-align:center;
  padding:8px 10px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 3px 10px rgba(0,0,0,.3)
}

.studios .member:hover {
  transform:translateY(-5px);
  border-color:color-mix(in srgb,var(--g6ptm4) 55%,transparent);
  box-shadow:0 16px 32px rgba(0,0,0,.42),0 0 0 1px color-mix(in srgb,var(--g6ptm4) 22%,transparent)
}

.studios .member:hover .provbox-brand::before {
  opacity:1
}

.studios .member:hover .provbox-brand img {
  transform:scale(1.07)
}

@media(prefers-reduced-motion:reduce) {
  .studios .member:hover .provbox-brand img {
    transform:none
  }
}

.coins {
  margin:0 0 42px
}

.coins .coins-spot {
  display:flex;
  align-items:center;
  gap:36px;
  padding:30px 34px;
  border-radius:18px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--g6ptm4) 12%,var(--okuqpn)) 0%,var(--okuqpn) 55%);
  border:1px solid var(--q8ym4j)
}

.coins .coins-member {
  flex:0 0 280px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px
}

.coins .coins-heading {
  margin:0;
  font-size:26px;
  line-height:1.15;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:var(--b7pgn1)
}

.coins .coins-note {
  margin:0;
  font-size:14px;
  line-height:1.55;
  color:var(--c63kvx);
  opacity:.82
}

.coins .coins-item {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 24px;
  border-radius:10px;
  background:var(--x7aegk);
  color:var(--j04dln);
  font-size:14px;
  font-weight:800;
  letter-spacing:.03em;
  text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 4px 12px rgba(0,0,0,.3);
  transition:transform .2s ease,box-shadow .2s ease
}

.coins .coins-item:hover {
  transform:translateY(-2px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 8px 18px rgba(0,0,0,.38)
}

.coins .coins-element {
  flex:1;
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:flex-end;
  gap:20px 22px
}

.coins .coins-detail {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  width:76px;
  text-decoration:none
}

.coins .coins-mark {
  display:flex;
  align-items:center;
  justify-content:center;
  width:64px;
  height:64px;
  border-radius:50%;
  background:var(--c5suur,var(--g6ptm4));
  box-shadow:0 10px 22px rgba(0,0,0,.4),inset 0 2px 5px rgba(255,255,255,.25);
  transition:transform .25s ease
}

.coins .coins-mark svg {
  width:32px;
  height:32px;
  display:block
}

.coins .coins-mark i {
  font-style:normal;
  color:#fff;
  font-size:28px;
  font-weight:800;
  line-height:1;
  text-shadow:0 1px 2px rgba(0,0,0,.35)
}

.coins .pointpart--area {
  overflow:hidden;
  background:#fff
}

.coins .pointpart--area img {
  width:100%;
  height:100%;
  object-fit:contain;
  padding:10px
}

.coins .coins-title {
  font-size:12px;
  font-weight:600;
  line-height:1.2;
  text-align:center;
  color:var(--c63kvx);
  opacity:.75
}

.coins .coins-detail:hover .coins-mark {
  transform:scale(1.1)
}

@media(prefers-reduced-motion:reduce) {
  .coins .coins-detail:hover .coins-mark {
    transform:none
  }
  .coins .coins-item:hover {
    transform:none
  }
}

@media(max-width:960px) {
  .studios .slots__module .node-2 {
    display:flex
  }
}

@media(max-width:640px) {
  .studios__component .slick-track {
    display:grid !important;
    grid-auto-flow:column;
    grid-template-rows:repeat(2,auto);
    grid-auto-columns:calc(50% - 6px);
    gap:12px;
    width:auto !important
  }
  .studios .slick-track .slick-slide {
    margin-right:0
  }
  .studios .slick-slide {
    width:auto !important
  }
  .studios .provbox-brand {
    height:84px;
    padding:10px 12px
  }
  .studios .provbox-brand img {
    max-height:44px
  }
}

@media(max-width:900px) {
  .coins .coins-spot {
    flex-direction:column;
    align-items:flex-start;
    gap:20px;
    padding:22px 20px
  }
  .coins .coins-member {
    flex:none;
    width:100%
  }
  .coins .coins-heading {
    font-size:21px
  }
  .coins .coins-element {
    justify-content:flex-start;
    gap:16px
  }
  .coins .coins-detail {
    width:64px
  }
  .coins .coins-mark {
    width:52px;
    height:52px
  }
  .coins .coins-mark svg {
    width:26px;
    height:26px
  }
  .coins .coins-mark i {
    font-size:23px
  }
  .coins .pointpart--area img {
    padding:8px
  }
}

.text table {
  border-collapse:separate;
  border-spacing:0;
  width:100%;
  background:var(--okuqpn);
  border:1px solid var(--q8ym4j);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 6px 20px rgba(0,0,0,.22)
}

.text table th {
  background:linear-gradient(180deg,var(--tmsxft),var(--xhthcn));
  color:var(--b7pgn1);
  font-weight:700;
  text-align:left;
  padding:14px 18px;
  border-bottom:2px solid var(--g6ptm4)
}

.text table td {
  padding:13px 18px;
  border-top:1px solid var(--q8ym4j);
  color:var(--c63kvx)
}

.text table tr:nth-child(even) td {
  background:rgba(255,255,255,.025)
}

.text table tr:hover td {
  background:rgba(255,255,255,.05)
}

@media(max-width:1024px) {
  .text table {
    display:block;
    width:fit-content;
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    border-radius:12px
  }
  .text table td,
  .text table th {
    padding:10px 12px !important;
    min-width:84px;
    white-space:normal
  }
  .text table td:first-child,
  .text table th:first-child {
    min-width:108px
  }
  .text table thead th {
    white-space:nowrap
  }
}

@media(max-width:600px) {
  .text table:has(tbody tr td:nth-child(2):last-child) {
    width:100%
  }
  .text table:has(tbody tr td:nth-child(2):last-child) td:first-child,
  .text table:has(tbody tr td:nth-child(2):last-child) th:first-child {
    width:34%;
    min-width:0
  }
}

.questions__group .questions__unit:after {
  content:"" !important;
  font-size:0 !important;
  width:8px;
  height:8px;
  border:solid var(--g6ptm4);
  border-width:0 2px 2px 0;
  right:22px;
  top:20px;
  transform:rotate(45deg);
  transition:transform .25s ease
}

.questions__group .questions__unit.active:after {
  transform:rotate(-135deg);
  top:24px
}

.tableview-unitpart-part .tableview-unitpart-part-heading::after {
  content:"" !important;
  font-size:0 !important;
  width:7px;
  height:7px;
  border:solid var(--g6ptm4);
  border-width:0 2px 2px 0;
  right:22px;
  top:7px;
  transform:rotate(-135deg);
  transition:transform .25s ease
}

.tableview-unitpart-part.collapsed .tableview-unitpart-part-heading::after {
  transform:rotate(45deg);
  top:4px
}

.area .area__component:nth-child(1) {
  min-width:0;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none
}

.area .area__component:nth-child(1)::-webkit-scrollbar {
  display:none
}

.area .member {
  flex-shrink:0
}

.winners__component .luckyone {
  display:flex;
  align-items:center;
  gap:14px;
  width:266px;
  min-width:266px;
  max-width:266px;
  height:auto;
  margin-right:14px;
  padding:12px 14px;
  background:linear-gradient(160deg,var(--xhthcn,rgba(255,255,255,.04)),var(--okuqpn,rgba(255,255,255,.015)));
  border:1px solid var(--q8ym4j,rgba(255,255,255,.08));
  border-radius:16px;
  box-shadow:0 6px 18px -4px rgba(0,0,0,.45);
  transition:transform .16s ease,border-color .16s ease
}

.winners__component .luckyone:hover {
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--jimr81) 42%,transparent)
}

.winners__component .luckyone__chunk {
  width:64px;
  height:64px;
  min-width:64px;
  border-radius:12px;
  overflow:hidden;
  flex-shrink:0;
  box-shadow:0 2px 8px rgba(0,0,0,.4)
}

.winners__component .luckyone__chunk img {
  width:100%;
  height:100%;
  object-fit:cover
}

.winners__component .luckyone__inner {
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:2px;
  min-width:0;
  flex:1;
  overflow:hidden
}

.winners__component .luckyone__label {
  font-size:12px;
  font-weight:600;
  color:#9CA3AF;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  order:1
}

.winners__component .luckyone__detail {
  font-size:19px;
  font-weight:800;
  color:var(--jimr81);
  letter-spacing:.2px;
  line-height:1.15;
  order:2;
  text-shadow:0 1px 6px color-mix(in srgb,var(--jimr81) 32%,transparent)
}

.winners__component .luckyone__detailbox {
  font-size:12px;
  color:#cbd5e1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  order:3
}

@media(max-width:1024px) {
  .slots__component .slick-list,
  .winners__component .slick-list,
  .studios__component .slick-list {
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -ms-overflow-style:none
  }
  .slots__component .slick-list::-webkit-scrollbar,
  .winners__component .slick-list::-webkit-scrollbar,
  .studios__component .slick-list::-webkit-scrollbar {
    display:none
  }
  .slots__component .slick-track,
  .winners__component .slick-track,
  .studios__component .slick-track {
    transform:none !important;
    width:max-content;
    max-width:none
  }
  .slots__component .slick-track > *,
  .winners__component .slick-track > *,
  .studios__component .slick-track > * {
    scroll-snap-align:start
  }
}

@media(max-width:1024px) {
  .sidebox {
    transform:none !important;
    left:-105% !important;
    right:auto !important;
    visibility:hidden;
    transition:none !important
  }
  .sidebox.active {
    left:0 !important;
    visibility:visible !important
  }
}

.point {
  display:flex;
  align-items:center;
  gap:16px;
  margin:0 8px 0 20px;
  min-width:0;
  flex:0 1 auto;
  overflow:hidden
}

.point a.member {
  color:var(--c63kvx,#c6c6c6);
  font-size:14px;
  font-weight:600;
  white-space:nowrap;
  flex:0 0 auto;
  transition:color .18s ease
}

.point a.member:hover,
.point a.member.active {
  color:var(--g6ptm4,#e4c6a3)
}

@media(min-width:1025px) {
  .site-head .searchbar {
    flex:0 1 320px;
    max-width:320px
  }
}

@media(max-width:1280px) {
  .point {
    gap:14px;
    margin-left:14px
  }
}

@media(max-width:1024px) {
  .point {
    display:none
  }
}

.langflag {
  display:flex;
  align-items:center;
  margin-left:14px
}

.langflag svg {
  width:26px;
  height:20px;
  border-radius:4px;
  display:block;
  box-shadow:0 1px 4px rgba(0,0,0,.4)
}

.langflag--fold {
  position:relative
}

.langflag--fold summary {
  display:flex;
  align-items:center;
  gap:6px;
  list-style:none;
  cursor:pointer;
  color:var(--c63kvx,#c6c6c6)
}

.langflag--fold summary::-webkit-details-marker {
  display:none
}

.langflag--fold summary:hover {
  color:var(--g6ptm4,#e4c6a3)
}

.langflag__detailbox {
  width:0;
  height:0;
  border:4px solid transparent;
  border-top:5px solid currentColor;
  transition:transform .2s ease
}

.langflag--fold[open] .langflag__detailbox {
  transform:rotate(180deg)
}

.langflag__bar {
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  z-index:60;
  min-width:140px;
  margin:0;
  padding:6px;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:2px;
  background:var(--okuqpn,#1c1c20);
  border:1px solid var(--q8ym4j,rgba(255,255,255,.08));
  border-radius:12px;
  box-shadow:0 12px 32px rgba(0,0,0,.5)
}

.langflag__bar a {
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border-radius:8px;
  font-size:13px;
  font-weight:600;
  color:var(--fmikc8,var(--c63kvx,#c6c6c6));
  text-decoration:none;
  white-space:nowrap;
  transition:background .15s ease,color .15s ease
}

.langflag__bar a:hover {
  background:var(--xhthcn,rgba(255,255,255,.06));
  color:var(--g6ptm4,#e4c6a3)
}

.langflag__bar a.active {
  color:var(--g6ptm4,#e4c6a3)
}

.langflag__bar svg {
  width:22px;
  height:16px;
  border-radius:3px;
  flex:0 0 auto;
  box-shadow:0 1px 3px rgba(0,0,0,.35)
}

button.site-head__widget,
button.sidebox__spot {
  padding:0;
  color:inherit;
  font:inherit
}

.sidebox-entity {
  display:none
}

@media(max-width:1024px) {
  .sidebox-entity {
    display:flex;
    gap:10px;
    padding:2px 2px 14px
  }
  .sidebox-entity .btn {
    flex:1;
    justify-content:center;
    text-align:center
  }
}

.slots .machine {
  background:var(--okuqpn);
  overflow:hidden;
  transition:transform .18s,box-shadow .18s
}

.slots .machine img {
  position:absolute;
  top:0;
  left:0;
  transition:transform .25s ease
}

.slots .machine .machine-link {
  position:absolute;
  inset:0;
  z-index:90;
  display:block
}

.slots .machine:hover {
  transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(0,0,0,.42)
}

.slots .machine:hover img {
  transform:scale(1.06)
}

@media(prefers-reduced-motion:reduce) {
  .slots .machine:hover img {
    transform:none
  }
}

.slots .machine:before {
  background:rgba(0,0,0,.5)
}

.slots .machine .el {
  color:#fff;
  text-shadow:0 1px 3px rgba(0,0,0,.7)
}

@media(prefers-reduced-motion:no-preference) {
  html {
    scroll-behavior:smooth
  }
}

.text [id] {
  scroll-margin-top:84px
}

.proscons-partbit {
  display:flex;
  flex-wrap:wrap;
  gap:18px
}

.proscons {
  flex:1 1 280px;
  min-width:0;
  background:linear-gradient(180deg,var(--xhthcn),var(--okuqpn));
  border:1px solid var(--q8ym4j);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 6px 20px rgba(0,0,0,.22)
}

.proscons--plus {
  border-top:3px solid var(--g6ptm4)
}

.proscons--con {
  border-top:3px solid #e26d6d
}

.proscons__header {
  font-size:18px;
  font-weight:800;
  padding:16px 20px 12px;
  letter-spacing:.3px
}

.proscons__header--plus {
  color:var(--g6ptm4)
}

.proscons__header--con {
  color:#e26d6d
}

.proscons__group {
  list-style:none;
  margin:0;
  padding:0 20px 16px
}

.proscons__unit {
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:11px 0;
  border-top:1px solid var(--q8ym4j)
}

.proscons__unit:first-child {
  border-top:0
}

.proscons__point {
  color:var(--c63kvx);
  line-height:1.5
}

.proscons__tick {
  flex-shrink:0;
  width:22px;
  height:22px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:700;
  margin-top:1px
}

.proscons__tick--plus {
  background:var(--tmsxft);
  color:var(--g6ptm4)
}

.proscons__tick--con {
  background:rgba(226,109,109,.18);
  color:#e26d6d
}

.sidebox__navbar .element-2 {
  position:relative;
  box-shadow:0 8px 22px rgba(0,0,0,.34);
  overflow:hidden
}

.sidebox__navbar .element-2::after {
  content:"";
  position:absolute;
  inset:0;
  border-radius:var(--u31sxb);
  background:linear-gradient(180deg,transparent 26%,rgba(0,0,0,.55) 58%,rgba(0,0,0,.86));
  pointer-events:none
}

.sidebox__navbar .element-2:hover img {
  transform:scale(1.05)
}

.sidebox__navbar .element-2 img {
  transition:transform .3s ease
}

.sidebox__navbar .element-2 {
  position:relative
}

.sidebox__navbar .element-2 .highlight-mark {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:26px 12px 11px;
  background:linear-gradient(to top,rgba(8,10,14,.94) 0%,rgba(8,10,14,.72) 52%,rgba(8,10,14,0) 100%)
}

.sidebox__navbar .element-2 .module__member {
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.4px;
  line-height:1.1;
  text-transform:uppercase;
  text-shadow:0 1px 4px rgba(0,0,0,.8)
}

.sidebox__navbar .element-2 .module__offer {
  color:var(--jimr81);
  font-size:15px;
  font-weight:800;
  line-height:1.15;
  text-shadow:0 1px 5px rgba(0,0,0,.85)
}

.sidebox__navbar .element-2 .module__unitpart {
  color:#e9e9e9;
  font-size:11px;
  font-weight:600;
  line-height:1.25;
  text-shadow:0 1px 4px rgba(0,0,0,.8)
}

.sidebox__navbar .element-2 .module__rules {
  color:rgba(255,255,255,.66);
  font-size:9px;
  font-weight:600;
  letter-spacing:.3px;
  text-shadow:0 1px 3px rgba(0,0,0,.8)
}

.sidebox-part,
.sidebox-unitpart {
  transition:border-color .18s ease,transform .18s ease,box-shadow .2s ease
}

.sidebox-part .nav-pic,
.sidebox-unitpart .nav-pic {
  transition:transform .2s ease
}

.sidebox-part:hover,
.sidebox-unitpart:hover {
  border-color:var(--g6ptm4);
  box-shadow:0 8px 22px rgba(0,0,0,.35),0 0 22px -6px color-mix(in srgb,var(--g6ptm4) 55%,transparent)
}

.sidebox-part:hover .nav-pic,
.sidebox-unitpart:hover .nav-pic {
  transform:translateY(-2px) scale(1.14)
}

.sidebox .sidebox__navbar .member .nav-pic {
  transition:transform .18s ease
}

.sidebox .sidebox__navbar .member:hover .nav-pic {
  transform:scale(1.16) rotate(-5deg)
}

.sidebox-slotunit img {
  transition:box-shadow .18s ease,transform .18s ease
}

.sidebox-slotunit:hover img {
  box-shadow:0 0 0 2px color-mix(in srgb,var(--g6ptm4) 70%,transparent),0 3px 8px rgba(0,0,0,.45)
}

.sidebox__navbar .element-2 {
  border:1px solid color-mix(in srgb,var(--g6ptm4) 42%,transparent)
}

.sidebox__navbar .element-2::before {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-60%;
  width:45%;
  z-index:1;
  transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
  pointer-events:none;
  transition:left .6s ease
}

.sidebox__navbar .element-2:hover::before {
  left:135%
}

.sidebox__navbar .unitpart-5 {
  position:relative;
  overflow:hidden
}

.sidebox__navbar .unitpart-5::before {
  content:"";
  position:absolute;
  top:-20%;
  bottom:-20%;
  left:-60%;
  width:45%;
  transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
  pointer-events:none
}

@media(prefers-reduced-motion:no-preference) {
  .sidebox__navbar .unitpart-5::before {
    animation:est-cta-sheen 4.2s ease-in-out infinite
  }
}

.notice-bar-col-2 .member {
  border-radius:18px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--g6ptm4) 26%,transparent);
  box-shadow:0 16px 40px rgba(0,0,0,.45),0 0 0 1px color-mix(in srgb,var(--g6ptm4) 12%,transparent),0 0 36px -8px color-mix(in srgb,var(--g6ptm4) 42%,transparent)
}

.notice-bar .btn.item {
  position:relative;
  overflow:hidden;
  min-height:52px;
  padding:0 32px;
  font-size:16px;
  font-weight:800;
  border-radius:12px;
  background:linear-gradient(180deg,#ffe9ae 0%,#f3c14f 46%,#dd9f2a 76%,#b97c14 100%);
  color:#2e1d04;
  border:1px solid rgba(255,224,150,.6);
  text-shadow:0 1px 0 rgba(255,255,255,.35);
  box-shadow:0 6px 18px rgba(0,0,0,.4),0 0 30px -6px rgba(243,193,79,.5),inset 0 1px 0 rgba(255,255,255,.65),inset 0 -2px 5px rgba(146,94,10,.35)
}

.notice-bar .btn.item::before {
  content:"";
  position:absolute;
  top:-20%;
  bottom:-20%;
  left:-60%;
  width:45%;
  transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);
  pointer-events:none
}

.notice-bar .btn.item:hover {
  animation:none;
  filter:brightness(1.06)
}

@media(prefers-reduced-motion:no-preference) {
  .notice-bar .btn.item {
    animation:est-cta-pulse 2.8s ease-in-out infinite
  }
  .notice-bar .btn.item::before {
    animation:est-cta-sheen 3.6s ease-in-out infinite
  }
  @keyframes est-cta-sheen {
    0%,
    52% {
      left:-60%
    }
    88%,
    100% {
      left:135%
    }
  }
  @keyframes est-cta-pulse {
    0%,
    100% {
      box-shadow:0 6px 18px rgba(0,0,0,.4),0 0 30px -6px rgba(243,193,79,.5),inset 0 1px 0 rgba(255,255,255,.65),inset 0 -2px 5px rgba(146,94,10,.35)
    }
    50% {
      box-shadow:0 8px 24px rgba(0,0,0,.44),0 0 44px -4px rgba(243,193,79,.78),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 5px rgba(146,94,10,.35)
    }
  }
}

.notice-bar-col-2 .member::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(100deg,rgba(0,0,0,.64) 0%,rgba(0,0,0,.32) 40%,rgba(0,0,0,0) 70%);
  pointer-events:none
}

.notice-bar-col-2 .member .unit {
  position:relative;
  z-index:50
}

.notice-bar-col-2 .member .unit .top,
.notice-bar-col-2 .member .unit .el {
  text-shadow:0 2px 12px rgba(0,0,0,.6)
}

.notice-bar-col-2 .member .unit .spot-2 {
  text-shadow:0 1px 7px rgba(0,0,0,.6)
}

.notice-bar .notice-bar__widget {
  background:rgba(20,16,12,.5);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  border:1px solid var(--na29f8);
  transition:transform .16s ease,background .16s ease,border-color .16s ease
}

.notice-bar .notice-bar__widget svg {
  color:#fff
}

.notice-bar .thing:hover {
  background:var(--x7aegk);
  border-color:var(--g6ptm4);
  transform:translateY(-50%) scale(1.1)
}

.notice-bar .entity-2:hover {
  background:var(--x7aegk);
  border-color:var(--g6ptm4);
  transform:translateY(-50%) rotate(180deg) scale(1.1)
}

.notice-bar .dotnav li {
  border-radius:3px;
  transition:width .22s ease,background .22s ease,box-shadow .22s ease
}

.notice-bar .dotnav .slick-active {
  background:var(--g6ptm4);
  width:54px;
  box-shadow:0 0 10px color-mix(in srgb,var(--g6ptm4) 70%,transparent)
}

.site-head .site-head__badge {
  position:relative;
  right:auto;
  left:auto
}

.site-head__badge {
  position:relative;
  display:inline-flex;
  align-items:center;
  border-radius:8px;
  transition:transform .2s ease,filter .2s ease
}

.site-head__badge:hover {
  transform:scale(1.06);
  filter:drop-shadow(0 0 12px color-mix(in srgb,var(--g6ptm4) 55%,transparent))
}

.site-head__badge:active {
  transform:scale(1.0)
}

.logo-area {
  position:relative;
  display:inline-flex;
  align-items:center;
  overflow:hidden;
  border-radius:8px
}

.logo-area::before {
  content:"";
  position:absolute;
  top:0;
  left:-45%;
  width:38%;
  height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);
  transform:skewX(-18deg);
  opacity:0;
  pointer-events:none;
  z-index:2
}

@media(prefers-reduced-motion:no-preference) {
  .site-head__badge:hover .logo-area::before {
    animation:est-logo-gloss .75s ease
  }
}

@keyframes est-logo-gloss {
  0% {
    left:-45%;
    opacity:0
  }
  28% {
    opacity:.9
  }
  100% {
    left:135%;
    opacity:0
  }
}

.site-head__badge[data-mode]::after {
  content:attr(data-mode);
  position:absolute;
  top:calc(100% + 9px);
  left:50%;
  transform:translateX(-50%) translateY(5px);
  background:var(--tmsxft);
  color:var(--b7pgn1);
  font-size:12px;
  font-weight:600;
  white-space:nowrap;
  padding:6px 11px;
  border-radius:8px;
  border:1px solid var(--na29f8);
  box-shadow:0 8px 22px rgba(0,0,0,.45);
  opacity:0;
  visibility:hidden;
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
  z-index:300;
  pointer-events:none
}

.site-head__badge[data-mode]:hover::after {
  opacity:1;
  visibility:visible;
  transform:translateX(-50%) translateY(0)
}

.sidebox__navbar .member {
  position:relative;
  border-radius:10px;
  overflow:hidden;
  transition:background .18s ease,color .18s ease,transform .18s ease
}

.sidebox__navbar .member::before {
  content:"";
  position:absolute;
  left:0;
  top:18%;
  bottom:18%;
  width:3px;
  border-radius:3px;
  background:var(--jimr81);
  transform:scaleY(0);
  transform-origin:center;
  transition:transform .2s ease
}

.sidebox__navbar .element-2::before,
.sidebox__navbar .unitpart-5::before,
.sidebox__navbar .spot-5::before {
  display:none
}

.sidebox__navbar .member:not(.element-2):not(.unitpart-5):not(.spot-5):hover {
  background:var(--okuqpn) !important;
  color:var(--b7pgn1);
  transform:translateX(3px)
}

.sidebox__navbar .member:not(.element-2):not(.unitpart-5):not(.spot-5):hover::before {
  transform:scaleY(1)
}

.sidebox__navbar .member .nav-pic {
  transition:transform .2s ease,color .18s
}

.sidebox__navbar .member:not(.element-2):not(.unitpart-5):not(.spot-5):hover .nav-pic {
  transform:scale(1.15)
}

.sidebox__navbar .element-2:hover,
.sidebox__navbar .unitpart-5:hover,
.sidebox__navbar .spot-5:hover {
  transform:translateY(-2px)
}

.site-head__navbar .member:not(.areabox-unit) {
  transition:background .16s,color .16s
}

.site-head__navbar .member:not(.areabox-unit):hover {
  background:var(--okuqpn);
  color:var(--g6ptm4)
}

.site-head__navbar .member.active {
  background:var(--okuqpn);
  color:var(--g6ptm4)
}

.sidebox__navbar .member.active {
  background:var(--okuqpn) !important;
  color:var(--b7pgn1)
}

.sidebox__navbar .member.active::before {
  transform:scaleY(1)
}

.site-head {
  border-bottom:1px solid var(--q8ym4j);
  box-shadow:0 2px 16px rgba(0,0,0,.32)
}

.questions__group .questions__unit {
  border:1px solid var(--q8ym4j);
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
  cursor:pointer
}

.questions__group .questions__unit .place {
  cursor:default
}

.questions__group .questions__unit:hover {
  border-color:color-mix(in srgb,var(--g6ptm4) 55%,transparent);
  transform:translateY(-1px)
}

.questions__group .questions__unit.active {
  border-color:var(--g6ptm4)
}

.questions__group .questions__unit:after {
  transition:transform .25s ease,color .18s
}

.text a:not(.btn) {
  text-decoration:none;
  transition:color .15s ease
}

.text a:not(.btn):hover {
  text-decoration:underline;
  text-decoration-color:var(--g6ptm4);
  text-decoration-thickness:1px;
  text-underline-offset:3px
}

a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
[tabindex]:focus-visible,
input:focus-visible {
  outline:2px solid var(--g6ptm4);
  outline-offset:2px;
  border-radius:6px
}

.component .appstory-partbit {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  align-items:center
}

.appstory-advpart {
  padding-right:44px
}

.appstory-advpart h2.wp-block-heading {
  margin:0 0 24px
}

.appstory-items {
  list-style:none;
  margin:0 0 28px;
  padding:0;
  display:grid;
  gap:20px
}

.appstory-unit {
  display:flex;
  align-items:flex-start;
  gap:14px;
  font-size:1.12rem;
  font-weight:600;
  line-height:1.3;
  color:var(--c63kvx)
}

.appstory-staricon {
  flex-shrink:0;
  margin-top:2px;
  fill:none;
  stroke:var(--g6ptm4);
  stroke-width:1.8
}

.appstory-action {
  display:inline-flex
}

.appstory-apppiece {
  text-align:left;
  padding-left:44px;
  border-left:1px solid var(--cqqmzt);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;
  gap:24px
}

.appstory-apppiece-leftcol {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0
}

.appstory-apppiece>.appstory-artwork {
  min-width:0
}

.appstory-apppiece h2.wp-block-heading {
  margin:0 0 22px
}

.appstory-badges {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
  margin:0 0 8px
}

.appstory-mark {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:200px;
  padding:12px 22px;
  border-radius:12px;
  background:#fff;
  color:#111;
  font-weight:700;
  text-decoration:none;
  transition:transform .15s ease,filter .15s ease
}

.appstory-mark:hover {
  transform:translateY(-2px);
  filter:brightness(.97)
}

.appstory-artwork {
  margin-top:22px
}

.appstory-artwork img {
  width:100%;
  height:auto;
  max-height:440px;
  object-fit:contain;
  display:block;
  border-radius:var(--u31sxb)
}

.appstory-phoneframe {
  position:relative;
  width:min(250px,72%);
  margin:0 auto;
  aspect-ratio:9 / 19.5;
  background:#0b0b0f;
  border-radius:42px;
  padding:9px;
  box-shadow:0 16px 44px rgba(0,0,0,0.45)
}

.appstory-phoneframe::before {
  content:"";
  position:absolute;
  top:13px;
  left:50%;
  transform:translateX(-50%);
  width:36%;
  height:20px;
  background:#0b0b0f;
  border-radius:0 0 13px 13px;
  z-index:2
}

.appstory-artwork .appstory-phoneframe img {
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
  border-radius:33px;
  display:block
}

.appstory-padframe {
  position:relative;
  width:min(440px,100%);
  margin:0 auto;
  aspect-ratio:16 / 10;
  background:#0b0b0f;
  border-radius:20px;
  padding:12px 14px;
  box-shadow:0 16px 44px rgba(0,0,0,0.45),inset 0 0 0 2px rgba(255,255,255,0.05)
}

.appstory-padframe::before {
  content:"";
  position:absolute;
  top:50%;
  left:6px;
  transform:translateY(-50%);
  width:6px;
  height:6px;
  border-radius:50%;
  background:rgba(255,255,255,0.2);
  z-index:2
}

.appstory-artwork .appstory-padframe img {
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
  border-radius:9px;
  display:block
}

.appstory-browserbox {
  width:100%;
  max-width:560px;
  margin:0 auto;
  border-radius:12px;
  overflow:hidden;
  background:#15151b;
  box-shadow:0 16px 44px rgba(0,0,0,0.45),inset 0 0 0 1px rgba(255,255,255,0.06)
}

.appstory-browserbox-track {
  display:block;
  height:26px;
  background:#1e1e26;
  position:relative
}

.appstory-browserbox-track::before {
  content:"";
  position:absolute;
  top:50%;
  left:14px;
  transform:translateY(-50%);
  width:8px;
  height:8px;
  border-radius:50%;
  background:#ff5f57;
  box-shadow:15px 0 0 #febc2e,30px 0 0 #28c840
}

.appstory-artwork .appstory-browserbox img {
  width:100%;
  height:auto;
  max-height:400px;
  object-fit:cover;
  border-radius:0;
  display:block
}

@media (max-width:760px) {
  .component .appstory-partbit {
    grid-template-columns:1fr
  }
  .appstory-advpart {
    padding-right:0
  }
  .appstory-apppiece {
    text-align:center;
    padding-left:0;
    padding-top:28px;
    margin-top:4px;
    border-left:none;
    border-top:1px solid var(--cqqmzt);
    grid-template-columns:1fr;
    align-items:center;
    gap:20px
  }
  .appstory-apppiece-leftcol {
    align-items:center
  }
  .appstory-badges {
    align-items:center
  }
}

.regform {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  align-items:center
}

.regform.join-nopic {
  grid-template-columns:1fr;
  max-width:640px;
  margin-left:auto;
  margin-right:auto
}

.join-rightimg .join-artwork {
  order:2
}

.join-artwork img {
  width:100%;
  height:auto;
  object-fit:contain;
  display:block;
  border-radius:var(--u31sxb)
}

.join-aspect {
  position:relative;
  cursor:pointer;
  border:1px solid var(--na29f8);
  border-radius:16px;
  background:linear-gradient(180deg,var(--xhthcn),var(--okuqpn));
  padding:32px 28px;
  box-shadow:0 6px 20px rgba(0,0,0,.22)
}

.join-veil {
  position:absolute;
  inset:0;
  z-index:3;
  border-radius:16px
}

.join-aspect:hover {
  box-shadow:0 0 0 1px var(--g6ptm4),0 14px 38px rgba(0,0,0,.45)
}

.join-aspect:hover .join-action {
  filter:brightness(1.08)
}

.join-member {
  text-align:center;
  font-size:22px;
  font-weight:800;
  color:var(--b7pgn1);
  margin:0 0 22px;
  line-height:1.3
}

.join-inputs {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin:0 0 18px
}

.join-field {
  pointer-events:none;
  width:100%;
  padding:15px 18px;
  border-radius:12px;
  background:rgba(0,0,0,.25);
  border:1px solid var(--q8ym4j);
  color:var(--c63kvx);
  font-size:14px;
  outline:none;
  box-sizing:border-box
}

.join-field::placeholder {
  color:#9CA3AF
}

.join-action {
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:52px;
  white-space:normal;
  text-align:center
}

@media (max-width:980px) {
  .regform {
    grid-template-columns:1fr;
    max-width:680px;
    margin-left:auto;
    margin-right:auto;
    gap:28px
  }
  .join-rightimg .join-artwork {
    order:0
  }
  .join-artwork {
    text-align:center
  }
  .join-artwork img {
    max-height:300px;
    width:auto;
    margin:0 auto
  }
}

@media (max-width:560px) {
  .join-inputs {
    grid-template-columns:1fr;
    gap:12px
  }
  .join-aspect {
    padding:24px 18px
  }
  .join-member {
    font-size:20px;
    margin-bottom:18px
  }
  .join-artwork img {
    max-height:230px
  }
}

.stage-bg-fragment {
  text-align:center;
  max-width:720px;
  margin:0 auto 26px;
  opacity:.8;
  line-height:1.6
}

.stage-bg-header {
  text-align:center
}

.stage-bg-partbit {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,258px),1fr));
  gap:20px
}

.stage-bg-aspect {
  background:rgba(255,255,255,0.03);
  border:1px solid var(--cqqmzt);
  border-radius:16px;
  padding:26px 24px;
  display:flex;
  flex-direction:column;
  gap:12px;
  transition:transform .2s
}

.stage-bg-aspect:hover {
  transform:translateY(-3px)
}

.stage-bg-icon {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:54px;
  height:54px;
  border-radius:14px;
  background:rgba(255,255,255,0.04);
  background:color-mix(in srgb,var(--g6ptm4) 13%,transparent);
  border:1px solid var(--cqqmzt);
  color:var(--g6ptm4)
}

.stage-bg-heading {
  font-size:20px;
  margin:4px 0 0
}

.stage-bg-hipoint {
  align-self:flex-start;
  font-weight:700;
  color:var(--g6ptm4);
  border:1px solid var(--g6ptm4);
  border-radius:999px;
  padding:4px 13px;
  font-size:14px
}

.stage-bg-text {
  margin:0;
  opacity:.78;
  line-height:1.55;
  font-size:15px
}

.stage-bg-data {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:auto
}

.stage-bg-element {
  font-size:12px;
  font-weight:600;
  padding:3px 9px;
  border-radius:6px;
  border:1px solid var(--cqqmzt);
  opacity:.85
}

.stage-bg-codeunit {
  color:var(--g6ptm4)
}

.stage-bg-action {
  align-self:flex-start;
  font-weight:700;
  color:var(--g6ptm4);
  text-decoration:none;
  font-size:14px
}

.stage-bg-action::after {
  content:" \2192"
}

.notice-bar-spot {
  display:grid;
  border-radius:var(--u31sxb);
  overflow:hidden
}

.notice-bar-fragment {
  grid-area:1/1;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block
}

.notice-bar-ov {
  grid-area:1/1;
  z-index:1;
  align-self:center;
  margin:clamp(12px,3%,40px);
  width:min(56%,520px);
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:clamp(18px,3.5%,34px);
  background:rgba(10,12,18,0.62);
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
  border-radius:16px
}

.notice-bar-leftcol .notice-bar-ov {
  justify-self:start;
  align-items:flex-start;
  text-align:left
}

.notice-bar-rightunit .notice-bar-ov {
  justify-self:end;
  align-items:flex-end;
  text-align:right
}

.notice-bar-center .notice-bar-ov {
  justify-self:center;
  align-items:center;
  text-align:center
}

.notice-bar-heading {
  font-size:clamp(22px,3.4vw,40px);
  font-weight:800;
  line-height:1.12;
  margin:0;
  color:#fff
}

.notice-bar-note {
  margin:0;
  color:rgba(255,255,255,0.88);
  font-size:clamp(14px,1.5vw,17px);
  line-height:1.45
}

.notice-bar-action {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  background:var(--g6ptm4);
  color:var(--zhmtc2,#fff);
  padding:12px 30px;
  border-radius:999px;
  font-weight:700;
  text-decoration:none;
  font-size:clamp(14px,1.5vw,17px)
}

.notice-bar-center .notice-bar-action {
  align-self:center
}

.notice-bar-rightunit .notice-bar-action {
  align-self:flex-end
}

@media (max-width:760px) {
  .notice-bar-ov {
    width:auto;
    justify-self:stretch;
    align-self:end;
    margin:10px;
    align-items:center;
    text-align:center
  }
  .notice-bar-ov .notice-bar-action {
    align-self:center
  }
}

.ladder-partbit {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));
  gap:22px
}

.ladder-aspect {
  position:relative;
  display:flex;
  flex-direction:column;
  background:linear-gradient(180deg,rgba(255,255,255,0.045),rgba(255,255,255,0.012));
  border:1px solid var(--cqqmzt);
  border-radius:18px;
  padding:24px;
  text-align:center;
  transition:border-color .2s,transform .2s,box-shadow .2s
}

.ladder-aspect:hover {
  transform:translateY(-3px);
  box-shadow:0 14px 34px -18px color-mix(in srgb,var(--g6ptm4) 40%,transparent)
}

.spot--starred {
  border-color:var(--g6ptm4);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--g6ptm4) 60%,transparent),0 20px 46px -18px color-mix(in srgb,var(--g6ptm4) 45%,transparent)
}

.spot--starred::before {
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:4px;
  border-radius:18px 18px 0 0;
  background:var(--g6ptm4)
}

.ladder-artwork {
  height:240px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  margin-bottom:4px;
  background:radial-gradient(ellipse 62% 48% at 50% 92%,color-mix(in srgb,var(--g6ptm4) 16%,transparent),transparent 70%)
}

.ladder-artwork img {
  max-height:100%;
  max-width:90%;
  object-fit:contain
}

.ladder-content {
  flex:1;
  display:flex;
  flex-direction:column
}

.ladder-heading {
  font-size:clamp(22px,2.3vw,28px);
  font-weight:800;
  line-height:1.15;
  margin:0 0 14px;
  min-height:2.3em;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center
}

.ladder-amount {
  color:var(--g6ptm4);
  font-size:1.22em;
  font-weight:900
}

.ladder-hr {
  height:3px;
  width:100%;
  border-radius:2px;
  margin:0 0 16px;
  background:linear-gradient(90deg,var(--g6ptm4),transparent)
}

.ladder-text {
  margin:0 0 22px;
  opacity:.8;
  line-height:1.6;
  font-size:15px
}

.ladder-action {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:auto;
  align-self:center;
  min-width:78%;
  background:var(--g6ptm4);
  color:var(--zhmtc2,#fff);
  padding:13px 28px;
  border-radius:999px;
  font-weight:700;
  text-decoration:none
}

@media (max-width:560px) {
  .stage-bg-partbit {
    gap:14px
  }
  .stage-bg-aspect {
    padding:20px 18px;
    gap:10px;
    border-radius:14px
  }
  .stage-bg-icon {
    width:46px;
    height:46px;
    border-radius:12px
  }
  .stage-bg-heading {
    font-size:18px
  }
  .stage-bg-text {
    font-size:14px
  }
  .ladder-partbit {
    gap:16px
  }
  .ladder-aspect {
    padding:18px;
    border-radius:16px
  }
  .ladder-artwork {
    height:176px
  }
  .ladder-heading {
    font-size:21px;
    min-height:0;
    margin-bottom:10px
  }
  .ladder-text {
    margin-bottom:18px;
    font-size:14px
  }
  .ladder-action {
    min-width:100%;
    padding:12px 24px
  }
}

:root {
  --ibwrlz:"Jost","Poppins",sans-serif;
  --o9t908:"Jost","Poppins",sans-serif
}

* {
  font-family:inherit
}

body {
  font-family:var(--o9t908)
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:var(--ibwrlz)
}

:root {
  --yc58bi:#00cb68
}

.text table {
  border-top:3px solid transparent;
  border-image:linear-gradient(90deg,var(--g6ptm4),var(--yc58bi),var(--g6ptm4)) 1
}

.text th {
  background:color-mix(in srgb,var(--yc58bi) 18%,transparent);
  border-bottom:2px solid color-mix(in srgb,var(--yc58bi) 55%,transparent)
}

.text tbody tr:nth-child(even) {
  background:color-mix(in srgb,var(--yc58bi) 6%,transparent)
}

.text tbody tr:hover {
  background:color-mix(in srgb,var(--yc58bi) 11%,transparent)
}

.text ol > li::marker {
  color:var(--yc58bi);
  font-weight:700
}

.text ul > li::marker {
  color:var(--yc58bi)
}

.tableview-unitpart-part-items ol li::before {
  color:var(--yc58bi)
}

.our-app__element-2 {
  background:linear-gradient(168deg,var(--xhthcn) 0%,var(--okuqpn) 88%);
  border:1px solid var(--q8ym4j);
  border-radius:16px;
  box-shadow:0 10px 28px rgba(0,0,0,.35);
  color:var(--c63kvx);
  padding:20px 22px
}

.our-app__piece {
  color:var(--b7pgn1);
  margin:0 0 1rem
}

.grade .our-app__unitpart {
  gap:0.75rem
}

.grade .our-app__fragment {
  width:auto;
  flex:0 0 clamp(110px,30%,220px)
}

.our-app__pointpart-2 {
  display:block;
  background:color-mix(in srgb,var(--c63kvx) 12%,transparent)
}

.our-app__partbit {
  display:block
}

.our-app__fragment {
  color:var(--gfsid1)
}

.our-app__widget-2 {
  width:2.5rem;
  text-align:right;
  font-size:0.875rem;
  font-weight:600;
  color:var(--c63kvx)
}

.grade__areabox {
  font-size:0.8125rem;
  color:var(--gfsid1);
  text-align:center
}

.reviewlist .our-app__widget-3 {
  margin-bottom:0.5rem
}

.our-app__part-2 {
  color:color-mix(in srgb,var(--c63kvx) 20%,transparent)
}

.our-app__part-2.is-filled {
  color:var(--g6ptm4)
}

.our-app__node {
  position:relative;
  background:color-mix(in srgb,var(--c63kvx) 4%,transparent);
  border:1px solid var(--q8ym4j);
  border-radius:12px;
  padding:14px 16px
}

.our-app__node::before {
  content:"\201C";
  position:absolute;
  top:2px;
  right:12px;
  font-size:46px;
  line-height:1;
  font-weight:700;
  color:color-mix(in srgb,var(--g6ptm4) 26%,transparent);
  pointer-events:none
}

.our-app .our-app__node-2 {
  color:var(--c63kvx)
}

.our-app .our-app__bit {
  color:var(--b7pgn1)
}

.appcard .our-app__btn-row {
  display:flex;
  gap:var(--kjqrla);
  flex-wrap:wrap
}

.appcard .our-app__detailbox {
  flex:1 1 200px;
  width:auto
}

.appcard .our-app__details strong {
  font-size:20px;
  font-weight:700;
  color:var(--b7pgn1)
}

@media (max-width:560px) {
  .grade .our-app__fragment {
    flex-basis:100%
  }
  .grade .our-app__unitpart {
    flex-wrap:wrap
  }
}

.journey {
}

.bigpromo-strip {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px
}

.bigpromo-aspect {
  display:inline-flex;
  align-items:center;
  color:#FFFFFF;
  opacity:0.4;
  flex-shrink:0
}

.bigpromo-unitpart {
  width:20px;
  height:20px;
  display:block
}

.journey--item .bigpromo-pillpart {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 18px;
  border-radius:999px;
  background:var(--jozl3g,#04CB00);
  color:var(--dima3e,#fff);
  font-weight:700;
  font-size:15px;
  line-height:1.2;
  white-space:nowrap;
  border:2px solid rgba(0,0,0,0.28)
}

.journey--item .bigpromo-icon {
  display:inline-flex
}

.journey--item .bigpromo-icon svg {
  width:17px;
  height:17px;
  display:block
}

.journey--item .bigpromo-pillpart.bigpromo-curbit {
  outline:3px solid #04CB00;
  outline-offset:2px
}

.journey--factor .bigpromo-strip {
  align-items:stretch
}

.bigpromo-aspect-2 {
  position:relative;
  flex:1 1 160px;
  max-width:220px;
  min-width:150px;
  background:var(--yrjs9w,rgba(255,255,255,0.04));
  border:1px solid var(--wa84lk,rgba(255,255,255,0.09));
  border-radius:var(--wc78wt,14px);
  padding:20px 16px
}

.bigpromo-aspect-2.bigpromo-curbit {
  border-color:#04CB0059
}

.bigpromo-figure {
  position:absolute;
  top:14px;
  right:14px;
  font-size:12px;
  font-weight:700;
  color:#FFFFFF;
  opacity:0.35
}

.bigpromo-bit {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border-radius:12px;
  background:var(--n4om5e,#04CB0018);
  color:#04CB00;
  margin-bottom:14px
}

.bigpromo-bit svg {
  width:23px;
  height:23px;
  display:block
}

.bigpromo-aspect-2 .bigpromo-member {
  font-size:15px;
  font-weight:700;
  color:#FFFFFF;
  margin-bottom:5px;
  line-height:1.25
}

.bigpromo-element {
  font-size:12.5px;
  color:#FFFFFF;
  opacity:0.7;
  line-height:1.55
}

.bigpromo-partbit {
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  justify-content:center;
  gap:10px
}

.bigpromo-partbit-2 {
  position:relative;
  flex:1 1 150px;
  max-width:190px;
  min-width:130px;
  text-align:center;
  background:var(--yrjs9w,rgba(255,255,255,0.04));
  border:1px solid var(--wa84lk,rgba(255,255,255,0.09));
  border-radius:var(--wc78wt,14px);
  padding:20px 16px
}

.bigpromo-partbit-2.bigpromo-curbit {
  border:2px solid #04CB00;
  background:#04CB0014
}

.bigpromo-aspect-3 {
  position:absolute;
  top:-11px;
  left:50%;
  transform:translateX(-50%);
  background:var(--jozl3g,#04CB00);
  color:var(--dima3e,#fff);
  font-size:11px;
  font-weight:700;
  padding:2px 12px;
  border-radius:999px;
  white-space:nowrap
}

.bigpromo-spot {
  display:inline-flex;
  color:#04CB00;
  margin-bottom:8px
}

.bigpromo-spot svg {
  width:30px;
  height:30px;
  display:block
}

.bigpromo-partbit-2 .bigpromo-member {
  font-size:15px;
  font-weight:700;
  color:#FFFFFF;
  margin-bottom:2px
}

.bigpromo-note {
  font-size:12px;
  color:#FFFFFF;
  opacity:0.55
}

.bigpromo-fragment {
  font-size:12.5px;
  color:#FFFFFF;
  opacity:0.8;
  line-height:1.5;
  border-top:1px solid var(--wa84lk,rgba(255,255,255,0.08));
  margin-top:10px;
  padding-top:10px
}

.bigpromo-action-spot {
  text-align:center;
  margin-top:22px
}

@media (max-width:768px) {
  .journey--item .bigpromo-strip,
  .journey--factor .bigpromo-strip {
    flex-direction:column
  }
  .journey--item .bigpromo-aspect .bigpromo-unitpart,
  .journey--factor .bigpromo-aspect .bigpromo-unitpart {
    transform:rotate(90deg)
  }
  .bigpromo-aspect-2 {
    max-width:100%;
    width:100%
  }
  .bigpromo-partbit-2 {
    flex-basis:calc(50% - 5px);
    max-width:none
  }
}