:root {
  --jvjzcm:#ffffff;
  --s7rg6n:#cccccc;
  --qd9594:#888888;
  --vyj3wp:#2a2a2a;
  --v06mvf:#4ba614;
  --ip6f0q:#f44336;
  --c55m13:#ff0000;
  --kpas4j:#f38120
}

* {
  margin:0;
  padding:0;
  box-sizing:border-box;
  outline:0;
  -webkit-tap-highlight-color:rgba(0,0,0,0)
}

html,
body {
  height:100%;
  overflow:hidden;
  position:relative;
  background:var(--at5go4)
}

body {
  font-family:Poppins,"Times New Roman",Times,serif;
  font-size:15px;
  line-height:1.3;
  color:var(--jvjzcm);
  display:flex;
  flex-direction:column;
  padding-top:env(safe-area-inset-top);
  padding-bottom:env(safe-area-inset-bottom)
}

::-webkit-scrollbar {
  display:none
}

table {
  border-collapse:collapse
}

img {
  display:block;
  border:0;
  max-width:100%
}

a {
  text-decoration:none;
  color:inherit;
  cursor:pointer
}

svg {
  display:block
}

[hidden] {
  display:none!important
}

@keyframes spin {
  0% {
    transform:translateX(0)
  }
  100% {
    transform:translateX(-100%)
  }
}

@keyframes zoom-in {
  0%,
  38% {
    opacity:0
  }
  39%,
  100% {
    opacity:1
  }
}

@keyframes sweep {
  0% {
    transform:scale(1)
  }
  100% {
    transform:scale(.8)
  }
}

@keyframes pulse {
  0%,
  100% {
    transform:translateY(0)
  }
  50% {
    transform:translateY(-20px)
  }
}

@keyframes pop {
  0% {
    transform:translateX(0)
  }
  100% {
    transform:translateX(-50%)
  }
}

@keyframes fade-up {
  0% {
    width:0
  }
  100% {
    width:100%
  }
}

@keyframes scale-in {
  0% {
    opacity:0;
    transform:translateY(40px)
  }
  100% {
    opacity:1;
    transform:translateY(0)
  }
}

.area-mobilepart-bannerpart {
  flex:none;
  width:100%;
  height:50px;
  background:linear-gradient(90deg,#000 0%,#151515 25%,#2a1d00 50%,#151515 75%,#000 100%);
  border-bottom:1px solid #ffd700;
  box-shadow:0 0 10px rgba(255,215,0,.25),0 0 20px rgba(255,215,0,.15);
  color:#ffd700;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 10px;
  z-index:5
}

.area-mobilepart-left {
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0
}

.area-mobilepart-el {
  width:34px;
  height:34px;
  border-radius:8px;
  flex:none;
  object-fit:cover;
  background:var(--bnh8ak)
}

.area-mobilepart-mark {
  width:34px;
  height:34px;
  border-radius:8px;
  flex:none;
  background:#000;
  border:1px solid rgba(245,169,24,.6);
  display:flex;
  align-items:center;
  justify-content:center;
  font:900 9px/1 Arial,sans-serif;
  font-style:italic;
  color:#fff;
  text-transform:uppercase;
  overflow:hidden
}

.area-mobilepart-caption {
  color:#fff;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.area-mobilepart-description {
  color:#ffbf00;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.area-mobilepart-right {
  display:flex;
  align-items:center;
  gap:8px;
  flex:none
}

.area-portion-action {
  height:30px;
  padding:0 14px;
  border-radius:999px;
  background:linear-gradient(#ffbf46,#f09630,#e4751e);
  color:#fff;
  display:flex;
  align-items:center;
  font-size:12px;
  font-weight:900
}

.area-node-action {
  width:32px;
  height:32px;
  margin:-6px;
  cursor:pointer;
  color:#fff;
  font-size:18px;
  line-height:32px;
  text-align:center;
  background:none;
  border:0
}

.area-bar {
  flex:none;
  z-index:4;
  position:relative;
  height:56px;
  background:linear-gradient(115deg,transparent 0 70%,var(--hoy6n2) 70% 70.6%,rgba(245,169,24,.16) 70.6% 100%),linear-gradient(245deg,transparent 0 70%,var(--hoy6n2) 70% 70.6%,rgba(245,169,24,.16) 70.6% 100%),linear-gradient(180deg,#000 0%,#0b0b0b 100%);
  border-bottom:1px solid rgba(245,169,24,.55);
  color:var(--hoy6n2);
  display:flex;
  align-items:center;
  justify-content:center
}

.area-thing {
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  height:23px;
  padding:0 9px 0 10px;
  border-radius:999px;
  border:0;
  background:linear-gradient(180deg,#ffb84d,#ff8a00);
  color:#1a0d00;
  font:800 9.5px/23px Arial,Helvetica,sans-serif;
  letter-spacing:.4px;
  display:flex;
  align-items:center;
  gap:6px;
  cursor:pointer;
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 2px 6px rgba(0,0,0,.6)
}

.area-thing:after {
  content:"";
  position:absolute;
  inset:-10px -8px
}

.area-thing i {
  position:relative;
  width:12px;
  height:1.5px;
  border-radius:1px;
  background:#1a0d00;
  box-shadow:0 -4px 0 #1a0d00,0 4px 0 #1a0d00
}

.area-brand-item {
  display:block;
  max-width:46%
}

.area-brand {
  height:40px;
  margin:0 auto;
  object-fit:contain
}

.area-brand-text {
  font:900 26px/40px Poppins,Arial,sans-serif;
  font-style:italic;
  letter-spacing:-.5px;
  text-transform:uppercase;
  color:#fff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  display:block
}

.area-brand-text b {
  color:var(--hoy6n2)
}

.area-member {
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  height:34px;
  padding:2px 8px;
  border-radius:6px;
  border:1.5px solid #3ddc4a;
  background:#061a06;
  color:#fff;
  text-align:center;
  display:flex;
  flex-direction:column;
  justify-content:center;
  box-shadow:0 0 8px rgba(61,220,74,.45)
}

.area-member b {
  font:italic 900 11px/12px Poppins,Arial,sans-serif;
  color:#7dff6a;
  text-transform:uppercase
}

.area-member span {
  font:700 6.5px/9px Poppins,Arial,sans-serif;
  letter-spacing:.3px;
  text-transform:uppercase
}

.area-partbit {
  flex:none;
  z-index:3;
  position:relative;
  overflow:hidden;
  height:20px;
  background:linear-gradient(180deg,#1a1300,#000);
  border-bottom:1px solid rgba(212,166,0,.5);
  color:gold;
  font-size:11px;
  letter-spacing:.5px;
  line-height:20px;
  white-space:nowrap
}

.area-partbit span {
  display:inline-block;
  padding-left:100%;
  animation:spin 14s linear infinite;
  text-transform:capitalize
}

.area-content {
  flex:1 1 auto;
  min-height:0;
  z-index:1;
  position:relative;
  overflow:hidden auto;
  width:100%;
  background:radial-gradient(ellipse at 50% 30%,#1c1403 0%,#000 65%) #000;
  color:var(--jvjzcm);
  -webkit-overflow-scrolling:touch
}

.area-place {
  overflow:hidden
}

.area-widget-2 {
  padding:0 10px 15px;
  max-width:1200px;
  margin:0 auto
}

.area-widget-place {
  display:flex;
  flex-direction:column
}

.area-detail-3,
.area-widget {
  display:contents
}

.area-widget-place .area-pointpart {
  order:1
}

.area-widget-place .area-item-unit {
  order:2
}

@media (min-width:768px) {
  .area-widget-place {
    display:grid;
    grid-template-columns:minmax(0,1fr) 370px;
    grid-template-rows:repeat(4,auto) 1fr;
    column-gap:31px;
    align-items:start;
    max-width:none;
    padding:15px
  }
  .area-widget-place>* {
    grid-column:1
  }
  .area-widget-place .area-bannerpart-unit {
    margin:0
  }
  .area-widget-place .area-detail-3 {
    display:block;
    grid-column:2;
    grid-row:1/span 5
  }
  .area-widget-place .area-chunk {
    margin-top:0
  }
  .area-widget-place .area-node {
    margin-top:15px
  }
}

@media (min-width:1200px) {
  .area-widget-place {
    grid-template-columns:370px minmax(0,1fr) 370px;
    grid-template-rows:repeat(4,auto) 1fr auto
  }
  .area-widget-place .area-detail-3 {
    display:contents
  }
  .area-widget-place .area-widget {
    display:block;
    grid-column:3;
    grid-row:1/span 5
  }
  .area-widget-place .area-point-2 {
    grid-column:2;
    grid-row:1/span 5
  }
  .area-widget-place .area-pointpart {
    grid-column:1;
    grid-row:4
  }
  .area-widget-place .area-item-unit {
    grid-column:1/-1;
    grid-row:6
  }
  .area-widget-place .area-point-thing {
    width:calc(25% - 10px)
  }
  .area-widget-place .area-component-portion-track {
    margin-top:0
  }
  .area-widget-place .area-chunk {
    margin-top:-5px
  }
}

.area-bannerpart-unit {
  margin:0 -10px;
  position:relative;
  overflow:hidden;
  container-type:inline-size
}

.area-bannerpart {
  position:relative;
  width:100%;
  padding-top:46.13%;
  background-size:cover;
  background-position:center;
  background-color:#120d00;
  background-image:linear-gradient(120deg,#000 0%,#2a1d00 55%,var(--hoy6n2) 140%);
  display:none
}

.area-bannerpart[data-rail] {
  display:block
}

.area-bannerpart-text {
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:66%;
  overflow:hidden;
  padding:0 0 0 5%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
  background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.55) 70%,rgba(0,0,0,0) 100%)
}

.area-bannerpart-area {
  font:800 13px/1.05 Poppins,Arial,sans-serif;
  font-size:clamp(11px,3.4cqw,26px);
  letter-spacing:1px;
  text-transform:uppercase;
  color:#fff
}

.area-bannerpart-gift {
  font:900 20px/1.02 Poppins,Arial,sans-serif;
  font-size:clamp(17px,5.4cqw,44px);
  font-style:italic;
  color:var(--iu9265);
  text-shadow:0 2px 0 rgba(0,0,0,.6)
}

.area-bannerpart-point {
  position:absolute;
  left:0;
  right:0;
  bottom:6px;
  display:flex;
  justify-content:center;
  gap:6px
}

.area-bannerpart-point i {
  width:6px;
  height:6px;
  border-radius:50%;
  background:rgba(255,255,255,.45)
}

.area-bannerpart-point i[data-rail] {
  background:#fff
}

.area-bannerpart-detail {
  height:3px;
  margin-top:-3px;
  position:relative;
  background:rgba(255,255,255,.12)
}

.area-bannerpart-detail-gauge {
  height:100%;
  width:0;
  background:var(--hoy6n2)
}

.area-bannerpart-detail-gauge[data-flat] {
  animation:fade-up 5s linear infinite
}

.area-node {
  margin:8px 0;
  width:100%;
  overflow:hidden;
  background:#0a0a0a;
  border:1px solid var(--w4tt2r);
  border-radius:4px;
  box-shadow:0 0 12px rgba(212,166,0,.35);
  text-transform:uppercase
}

.area-node table {
  width:100%;
  table-layout:fixed
}

.area-node td {
  position:relative;
  font-size:10px;
  line-height:1;
  padding:8px 6px;
  border-bottom:1px solid #1e1e1e;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--s7rg6n)
}

.area-node td:nth-child(1),
.area-node td:nth-child(2) {
  width:24%
}

.area-node td:nth-child(3),
.area-node td:nth-child(4) {
  width:22%
}

.area-node td:nth-child(5) {
  width:8%
}

.area-node td.area-txt-name {
  background:linear-gradient(90deg,#1a1a1a,#222);
  color:var(--w4tt2r);
  font-weight:700;
  letter-spacing:1px;
  padding:9px 8px;
  border-bottom:2px solid var(--w4tt2r)
}

.area-node td.area-txt-area {
  background:linear-gradient(90deg,#111,#1c1c1c);
  color:#fff;
  font-weight:700;
  letter-spacing:.5px;
  padding:7px 8px;
  border-bottom:1px solid var(--vyj3wp)
}

.area-node td.area-txt-unitpart {
  background:linear-gradient(90deg,#0d0d0d,#181818);
  color:#fff;
  font-weight:700;
  letter-spacing:.5px;
  padding:7px 8px;
  border-bottom:1px solid var(--vyj3wp)
}

.area-node tbody tr:nth-child(2n+1) td {
  background:#141414
}

.area-node tbody tr:nth-child(2n) td {
  background:#0d0d0d
}

.area-node tbody tr:nth-child(n+4) {
  display:none
}

.area-node td.area-txt-sum {
  color:var(--w4tt2r);
  font-weight:800;
  text-shadow:0 0 8px rgba(212,166,0,.4)
}

.area-live {
  position:absolute;
  top:6px;
  right:6px;
  background:var(--c55m13);
  padding:2px 4px;
  border-radius:2px;
  color:#fff;
  font-weight:400;
  letter-spacing:0;
  animation:zoom-in 1.5s linear infinite
}

.area-live span {
  display:block;
  width:8px;
  height:8px;
  background:#fff;
  float:right;
  border-radius:10px;
  margin:1px 1px 0 3px
}

.area-promopart-node {
  padding:10px 0;
  display:flex;
  justify-content:center
}

.area-promopart {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  max-width:355px;
  height:78px;
  overflow:hidden;
  padding:10px 14px;
  border-radius:10px;
  background:linear-gradient(110deg,#2b0a4a 0%,#5b1a8c 55%,#8a2be2 100%);
  border:1px solid rgba(255,255,255,.25);
  filter:drop-shadow(0 0 10px rgba(255,255,255,.45))
}

.area-promopart-area {
  font:800 12px/1 Poppins,Arial,sans-serif;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#d9b8ff
}

.area-promopart-spot {
  font:900 17px/1.1 Poppins,Arial,sans-serif;
  text-transform:uppercase;
  color:#fff
}

.area-promopart-spot b {
  color:#ffe14d;
  font-size:26px
}

.area-promopart-btn-area {
  flex:none;
  padding:6px 12px;
  border-radius:999px;
  background:linear-gradient(180deg,#ff6ad5,#c21ea6);
  font:800 11px/1 Poppins,Arial,sans-serif;
  text-transform:uppercase;
  color:#fff
}

.area-chunk {
  font-size:30px;
  line-height:1.3;
  font-weight:700;
  text-transform:uppercase;
  margin-top:10px;
  color:#fff
}

.area-element {
  margin-top:15px;
  padding:3px 8px 8px;
  border-radius:16px;
  background:radial-gradient(ellipse at 30% 40%,rgba(120,80,10,.28) 0%,rgba(0,0,0,0) 60%),linear-gradient(180deg,#0d0a04,#050505);
  border:2px solid var(--hoy6n2);
  box-shadow:0 0 5px #000;
  line-height:1.5;
  overflow:hidden
}

.area-item-2 {
  display:flex;
  justify-content:center;
  height:55px
}

.area-item-2 a {
  flex:0 1 50%;
  max-width:320px;
  height:55px;
  padding:6px 5px;
  display:block
}

.area-item-2 a span {
  display:block;
  height:43px;
  border-radius:7px;
  font:800 17px/43px "Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;
  font-stretch:condensed;
  letter-spacing:.3px;
  text-transform:uppercase;
  text-align:center
}

.area-component span {
  background:linear-gradient(180deg,#ffb84d 0%,#ff9a1f 55%,#ff8600 100%);
  color:#140a00;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.35),inset -14px -3px 0 -11px #ffe14d,0 2px 6px rgba(0,0,0,.6)
}

.area-signup span {
  background:linear-gradient(180deg,#2a2015 0%,#17110a 100%);
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,160,60,.75),0 0 8px rgba(255,140,30,.25)
}

.area-node-2 {
  overflow:hidden
}

.area-factor {
  float:right;
  width:135px;
  padding:0 0 5px 5px
}

.area-action {
  display:block;
  margin-top:5px;
  height:40px;
  border-radius:6px;
  font:800 10.5px/36px "Arial Black",Arial,Helvetica,sans-serif;
  letter-spacing:1.6px;
  text-transform:uppercase;
  text-align:center
}

.area-bit {
  background:linear-gradient(180deg,#ffba3a 0%,#f9a312 100%);
  color:#140a00;
  border:2px solid #7a4d05;
  box-shadow:inset 0 0 0 1px rgba(255,230,150,.55)
}

.area-entity-2,
.area-detail-2 {
  background:linear-gradient(180deg,#000 0%,#050400 55%,#3a2a06 100%);
  color:#e9d9ad;
  border:2px solid var(--hoy6n2)
}

.area-factor-2 {
  margin-top:10px
}

.area-factor-element {
  font-size:1.5em;
  margin:5px 0;
  color:gold;
  font-weight:700
}

.area-element-2 {
  font-size:15px
}

.area-element-2 b {
  color:#fff
}

.area-point-2 {
  overflow:hidden
}

.area-component-portion-track {
  position:relative;
  margin-top:15px;
  padding:0 30px;
  border-bottom:1px solid #fff
}

.area-component-portion {
  display:flex;
  overflow-x:auto;
  scrollbar-width:none
}

.area-component-switch {
  flex:0 0 73px;
  height:73px;
  border:0;
  background:none;
  color:#8f7a3a;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  font:800 7.5px/1 "Arial Black",Arial,Helvetica,sans-serif;
  letter-spacing:1px;
  text-transform:uppercase;
  cursor:pointer
}

.area-component-switch svg {
  width:26px;
  height:26px
}

.area-component-switch span {
  display:block
}

.area-component-switch[data-rail] {
  background:rgba(60,60,60,.55);
  border-radius:6px;
  color:var(--hoy6n2)
}

.area-portion-aspect {
  position:absolute;
  top:50%;
  margin-top:-14px;
  width:27px;
  height:27px;
  border-radius:50%;
  border:0;
  background:#9a9a9a;
  color:#111;
  font:700 18px/27px Arial,sans-serif;
  text-align:center;
  cursor:pointer;
  padding:0
}

.area-portion-aspect:first-of-type {
  left:0
}

.area-portion-aspect:last-of-type {
  right:0
}

.area-point-object {
  overflow:hidden;
  margin-top:15px;
  display:flex;
  flex-wrap:wrap
}

.area-point-thing {
  position:relative;
  width:calc(16.66% - 10px);
  margin:5px;
  border-radius:10px;
  border:2px solid transparent;
  background:#000;
  overflow:hidden;
  aspect-ratio:1/1;
  display:block
}

.area-point-thing img {
  width:100%;
  height:100%;
  object-fit:cover
}

.area-point-thing span {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:10px 4px 4px;
  font:700 9px/1.1 Poppins,Arial,sans-serif;
  text-align:center;
  text-transform:uppercase;
  color:#fff;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.85));
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.area-point-thing[data-kaxz-hide] {
  display:none
}

@media only screen and (max-width:1200px) {
  .area-point-thing {
    width:calc(20% - 10px)
  }
}

@media only screen and (max-width:850px) {
  .area-point-thing {
    width:calc(25% - 10px)
  }
}

@media only screen and (max-width:500px) {
  .area-point-thing {
    width:calc(33.33% - 10px)
  }
}

.area-pointpart {
  margin-top:15px;
  border-radius:8px;
  padding:0 4px 4px;
  background:radial-gradient(circle at 50% 30%,rgba(245,169,24,.35) 0%,rgba(0,0,0,0) 55%),linear-gradient(135deg,#1a1200 0%,#3a2800 50%,#1a1200 100%);
  border:1px solid rgba(212,166,0,.55);
  overflow:hidden
}

.area-pointpart-name {
  height:155px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  font:900 24px/1.1 Arial,Helvetica,sans-serif;
  font-style:italic;
  text-transform:uppercase;
  color:#fff;
  text-align:center;
  text-shadow:0 2px 0 rgba(0,0,0,.6)
}

.area-pointpart-name b {
  color:var(--iu9265);
  font-size:30px
}

.area-pointpart-factor {
  display:flex;
  flex-wrap:wrap;
  gap:8px 5px
}

.area-pointpart-factor a {
  flex:1 1 calc(50% - 5px);
  height:35px;
  border-radius:6px;
  text-align:center;
  font:800 10px/31px "Arial Black",Arial,Helvetica,sans-serif;
  letter-spacing:1.2px;
  text-transform:uppercase;
  background:linear-gradient(180deg,#000 0%,#050400 55%,#3a2a06 100%);
  color:#e9d9ad;
  border:2px solid var(--hoy6n2)
}

.area-pointpart-factor a:first-child {
  background:linear-gradient(180deg,#ffba3a 0%,#f9a312 100%);
  color:#140a00;
  border-color:#7a4d05
}

.area-item-unit {
  padding:5px 5px 10px;
  margin-top:20px;
  font-size:10px
}

.area-el {
  padding:20px 0;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center
}

.area-el-action {
  background-color:var(--o90gx9);
  color:#fff;
  border:0;
  padding:12px 24px;
  font-family:inherit;
  font-size:1rem;
  font-weight:600;
  border-radius:100px;
  cursor:pointer;
  transition:background-color .3s ease
}

.area-el-content {
  width:100%;
  text-transform:none;
  user-select:text
}

.area-el-content[data-kaxz-shut] {
  display:none
}

.area-el-content h2,
.area-el-content h3,
.area-el-content h4 {
  font-size:25px;
  line-height:1.25;
  text-align:left;
  color:var(--o90gx9);
  margin-top:20px
}

.area-el-content h3 {
  font-size:20px
}

.area-el-content h4 {
  font-size:17px
}

.area-el-content p,
.area-el-content li,
.area-el-content span {
  font-size:16px;
  line-height:1.5;
  text-align:left;
  color:#fff
}

.area-el-content p {
  margin-top:20px
}

.area-el-content strong {
  color:#fff;
  font-weight:600
}

.area-el-content a {
  color:var(--o90gx9);
  text-decoration:none
}

.area-el-content a:hover {
  text-decoration:underline
}

.area-el-content ul,
.area-el-content ol {
  padding-left:20px;
  margin-top:20px
}

.area-el-content li {
  margin-bottom:10px
}

.area-el-content img {
  height:auto;
  border-radius:8px;
  margin:20px auto 0
}

.area-el-content figure {
  margin-top:20px
}

.area-el-content img {
  max-width:100%
}

.area-el-content a:not([href]) {
  cursor:pointer
}

.area-btn-area-track {
  text-align:center
}

.area-el-content .area-btn-area {
  display:inline-block;
  min-width:200px;
  padding:13px 28px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--iu9265),var(--hoy6n2));
  font:800 15px/1.2 Poppins,Arial,sans-serif;
  letter-spacing:.5px;
  text-transform:uppercase;
  text-align:center;
  color:var(--zuy2jh);
  box-shadow:0 4px 0 rgba(0,0,0,.35)
}

.area-el-content .area-btn-area:hover {
  text-decoration:none;
  filter:brightness(1.08)
}

.area-el-content .image-centred {
  margin:20px auto 0;
  max-width:560px;
  text-align:center
}

.area-el-content .image-centred img {
  display:block;
  width:100%;
  margin:0 auto
}

.area-el-content .image-partbit {
  margin-top:6px;
  font-size:12px;
  font-style:italic;
  color:var(--qd9594);
  text-align:center
}

.area-el-content .image-text {
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-top:20px;
  padding:14px;
  border-radius:10px;
  background:rgba(255,255,255,.03);
  border:1px solid var(--vyj3wp)
}

.area-el-content .image-text img {
  width:100%;
  margin:0
}

.area-el-content .image-text>div {
  flex:1 1 0;
  min-width:0
}

.area-el-content .image-text>div>*:first-child {
  margin-top:0
}

.area-el-content .image-text:not(:has(img)) {
  display:block;
  padding:0;
  border:0;
  background:none
}

@media (min-width:768px) {
  .area-el-content .image-text {
    flex-direction:row;
    align-items:flex-start
  }
  .area-el-content .image-text[data-pic="right"] {
    flex-direction:row-reverse
  }
  .area-el-content .image-text img {
    width:38%;
    flex:none
  }
}

.area-aspect-node {
  width:100%;
  overflow-x:auto;
  margin:20px 0
}

.area-el-content table {
  width:100%;
  border-collapse:collapse
}

.area-el-content table,
.area-el-content th,
.area-el-content td {
  border:1px solid rgba(255,191,70,.2)
}

.area-el-content th {
  background-color:rgba(255,191,70,.2);
  color:var(--o90gx9);
  padding:12px;
  font-size:16px;
  text-align:left
}

.area-el-content td {
  padding:12px;
  color:var(--o90gx9);
  font-size:16px;
  text-align:left
}

.area-el-content td p,
.area-el-content th p {
  margin-top:0;
  color:inherit
}

.area-item-object {
  display:block
}

.area-item-object h3 {
  font-size:10px;
  font-weight:bold;
  color:#fff;
  margin-bottom:5px;
  text-align:center;
  padding:16px
}

.area-partbit-unit {
  overflow:hidden;
  position:relative;
  width:100%
}

.area-item-partbit {
  display:flex;
  white-space:nowrap;
  width:max-content;
  animation:pop 13s linear infinite
}

.area-item-partbit[data-state] {
  animation:none;
  width:100%;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px 0
}

.area-item-el {
  flex-shrink:0;
  min-width:85px;
  height:36px;
  padding:0 8px;
  background-color:#24242c;
  border-radius:12px;
  box-shadow:0 2px 6px rgba(0,0,0,.25);
  overflow:hidden;
  margin-right:10px;
  display:flex;
  justify-content:center;
  align-items:center;
  font:700 10px/1 Poppins,Arial,sans-serif;
  text-transform:uppercase;
  color:#fff;
  white-space:nowrap
}

.area-item-el img {
  width:60px;
  height:28px;
  object-fit:contain
}

.area-item-item {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:6px 14px;
  padding:16px 10px 0;
  font-size:11px
}

.area-item-item a {
  color:var(--s7rg6n);
  text-decoration:underline
}

.area-claim {
  color:#fff;
  font-size:10px;
  font-family:Arial,sans-serif;
  text-align:center;
  margin-top:20px;
  padding:10px 0
}

@media (min-width:768px) {
  .area-item-partbit {
    animation:none;
    width:100%;
    justify-content:center;
    flex-wrap:wrap;
    gap:16px 6px;
    padding:10px 0
  }
  .area-item-partbit [data-core] {
    display:none
  }
  .area-item-object h3 {
    font-size:12px
  }
}

.area-item {
  flex:none;
  z-index:4;
  position:relative;
  width:100%;
  height:55px;
  background:linear-gradient(180deg,#141006,#000);
  border-top:1px solid rgba(212,166,0,.6);
  box-shadow:0 -1px 5px #000;
  font-size:9px;
  display:flex
}

.area-item a {
  flex:1 1 20%;
  position:relative;
  text-align:center;
  padding:6px 0 0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-transform:capitalize;
  line-height:13px;
  color:var(--qd9594)
}

.area-item a svg {
  width:26px;
  height:26px;
  margin:0 auto 2px;
  color:var(--hoy6n2)
}

.area-item a[data-rail] {
  color:var(--iu9265)
}

.area-item a:nth-child(3) {
  overflow:visible;
  color:#fff;
  font-weight:700
}

.area-item a:nth-child(3) svg {
  width:38px;
  height:38px;
  margin-top:-16px;
  filter:drop-shadow(0 0 6px rgba(245,169,24,.6))
}

.area-label {
  position:absolute;
  background:var(--kpas4j);
  color:#fff;
  line-height:18px;
  width:18px;
  text-align:center;
  border-radius:10px;
  top:4px;
  left:50%;
  margin-left:10px;
  font-weight:700;
  font-size:11px;
  animation:sweep 1s ease-in-out infinite alternate
}

.area-detail-coverlay {
  position:absolute;
  inset:0;
  z-index:6;
  background:rgba(0,0,0,.4);
  display:none
}

.area-detail-coverlay[data-kaxz-open] {
  display:block
}

.area-detail-nav {
  position:absolute;
  top:0;
  left:-270px;
  width:250px;
  height:100%;
  z-index:7;
  transition:left .3s;
  color:#fff;
  background:linear-gradient(180deg,#0c0a04,#000);
  border-right:1px solid rgba(245,197,24,.4);
  overflow-y:auto
}

.area-detail-nav[data-kaxz-open] {
  left:0
}

.area-detail-brand {
  text-align:center;
  padding:2.5rem .8rem .4rem
}

.area-detail-brand img {
  height:48px;
  object-fit:contain;
  display:inline-block
}

.area-detail-spot {
  margin:.5rem .8rem .8rem;
  background:#0a0a0a;
  border:1px solid rgba(245,197,24,.4);
  border-radius:14px;
  overflow:hidden
}

.area-detail-unit {
  padding:.8rem;
  display:flex;
  align-items:center;
  gap:10px;
  border-bottom:1px solid rgba(255,255,255,.05)
}

.area-detail-areabox {
  flex:none;
  width:48px;
  height:48px;
  border-radius:50%;
  background:#1a1a1a;
  border:2px solid #f5c518;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  font-weight:600;
  color:#fff6cc;
  text-transform:uppercase
}

.area-detail-caption {
  font-size:14px;
  font-weight:600;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.area-detail-place {
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:3px 8px;
  border-radius:20px;
  font-size:10px;
  font-weight:600;
  margin-top:4px;
  background:#1c1c1c;
  color:#fbbf24;
  border:1px solid rgba(245,197,24,.35)
}

.area-detail-item {
  padding:.6rem .8rem;
  border-bottom:1px solid rgba(255,255,255,.05)
}

.area-detail-item small {
  display:block;
  font-size:10px;
  color:#888;
  margin-bottom:3px
}

.area-detail-item b {
  font-size:18px;
  color:#fbbf24
}

.area-detail-actions {
  display:flex;
  gap:6px;
  padding:.6rem .8rem
}

.area-detail-actions a {
  flex:1;
  padding:.5rem;
  border-radius:8px;
  font-size:12px;
  font-weight:600;
  text-align:center
}

.area-detail-actions a:first-child {
  background:linear-gradient(135deg,#f5c518,#ffe066);
  color:#000
}

.area-detail-actions a:last-child {
  background:#1c1c1c;
  color:#fbbf24;
  border:1px solid #f5c518
}

.area-detail-module {
  display:flex;
  flex-wrap:wrap;
  padding:0 .8rem .6rem
}

.area-detail-module a {
  position:relative;
  width:30%;
  margin:1.5%;
  background:#141414;
  border-radius:10px;
  padding:.8rem .4rem .6rem;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  border:1px solid transparent;
  font-size:10px;
  font-weight:500;
  color:#888;
  text-align:center
}

.area-detail-module a:first-child {
  background:#1c1c1c;
  border-color:#f5c518;
  color:#fff
}

.area-detail-module i {
  font-style:normal;
  font-size:22px;
  line-height:1
}

.area-detail-module em {
  position:absolute;
  top:-5px;
  left:50%;
  transform:translateX(-50%);
  font:bold 8px/1 Arial,sans-serif;
  padding:2px 6px;
  border-radius:10px;
  background:linear-gradient(135deg,#f5c518,#ffe066);
  color:#000;
  white-space:nowrap
}

.area-detail-list {
  padding:0 .8rem;
  display:flex;
  flex-direction:column;
  gap:6px
}

.area-detail-list a {
  display:flex;
  align-items:center;
  gap:10px;
  background:#141414;
  border-radius:10px;
  padding:.7rem .9rem;
  font-size:13px;
  font-weight:500;
  color:#ccc
}

.area-detail-list i {
  font-style:normal;
  width:34px;
  height:34px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
  font-size:17px;
  background:#1c1c1c
}

.area-detail-list span {
  flex:1
}

.area-detail-list b {
  color:#fbbf24;
  font-size:16px;
  font-weight:400
}

.area-detail-areabox-2 {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  font-size:11px;
  line-height:1.4;
  padding:.8rem 1rem 1rem
}

.area-portion-left {
  position:absolute;
  width:80px;
  bottom:130px;
  left:0;
  z-index:3;
  animation:pulse 2s ease-in-out infinite;
  transition:left .25s ease
}

.area-portion-left button {
  display:block;
  width:100%;
  background:none;
  border:0;
  cursor:pointer;
  position:relative
}

.area-portion-spot {
  position:absolute;
  top:5px;
  right:5px;
  background:rgba(0,0,0,.5);
  color:#fff;
  border-radius:50%;
  width:20px;
  height:20px;
  font-size:14px;
  text-align:center;
  line-height:20px;
  cursor:pointer;
  z-index:2
}

.area-portion-partbit {
  display:block;
  margin:-6px auto 0;
  width:max-content;
  padding:2px 6px;
  border-radius:999px;
  background:#000;
  border:1px solid var(--hoy6n2);
  font:800 7px/1 Poppins,Arial,sans-serif;
  letter-spacing:.3px;
  text-transform:uppercase;
  color:var(--iu9265)
}

.area-pillbtn-nav {
  display:none;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
  position:absolute;
  top:50%;
  left:100%;
  transform:translateY(-50%);
  margin-left:14px
}

.area-portion-left[data-kaxz-open] {
  z-index:9;
  animation:none
}

.area-portion-left[data-kaxz-peek]:not([data-kaxz-open]) {
  left:-50px;
  animation:none
}

.area-portion-left[data-kaxz-peek]:not([data-kaxz-open]) .area-portion-partbit,
.area-portion-left[data-kaxz-peek]:not([data-kaxz-open]) .area-portion-spot {
  display:none
}

@media (max-width:767px) {
  .area-element {
    padding-bottom:12px
  }
}

.area-portion-left[data-kaxz-open] .area-pillbtn-nav {
  display:flex
}

.area-pillbtn {
  display:flex;
  align-items:center;
  gap:12px;
  background:linear-gradient(135deg,#fff3d6,#f8d33c);
  border-radius:999px;
  padding:6px 20px 6px 6px;
  box-shadow:0 6px 18px rgba(245,169,24,.3),0 1px 3px rgba(0,0,0,.2);
  width:max-content;
  white-space:nowrap
}

.area-pillbtn i {
  font-style:normal;
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:50%;
  font-size:20px;
  background:#fffbea
}

.area-pillbtn span {
  font-weight:700;
  font-size:13px;
  letter-spacing:.3px;
  color:#1a1200;
  text-transform:uppercase
}

.area-pillbtn-coverlay {
  display:none;
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.65);
  z-index:8
}

.area-pillbtn-coverlay[data-kaxz-open] {
  display:block
}

.area-portion-right {
  position:absolute;
  bottom:230px;
  right:0;
  z-index:3;
  display:flex;
  align-items:center;
  transition:right .25s ease
}

.area-aspect-part:after {
  content:"";
  position:absolute;
  inset:-8px -4px -8px -10px
}

.area-aspect-part {
  position:relative;
  width:20px;
  height:46px;
  flex:none;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#f8d33c,#f5a918);
  border-radius:10px 0 0 10px;
  border:0;
  color:#000;
  font-size:13px;
  cursor:pointer
}

.area-aspect-part span {
  display:inline-block;
  transition:transform .3s ease
}

.area-portion-right[data-kaxz-shut] .area-aspect-part span {
  transform:rotate(180deg)
}

.area-aspect-chunk {
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:8px;
  border-radius:18px 0 0 18px;
  background:rgba(10,10,10,.6);
  border:1px solid rgba(245,169,24,.3);
  backdrop-filter:blur(4px);
  max-width:90px;
  overflow:hidden;
  transition:max-width .3s ease,opacity .3s ease,padding .3s ease
}

.area-portion-right[data-kaxz-shut] .area-aspect-chunk {
  max-width:0;
  padding-left:0;
  padding-right:0;
  opacity:0;
  pointer-events:none
}

.area-aspect-unit {
  position:relative;
  width:64px;
  height:64px;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 4px 12px rgba(0,0,0,.45);
  background:radial-gradient(circle at 50% 35%,#3a2800,#0a0a0a);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  font:800 8px/1 Poppins,Arial,sans-serif;
  text-transform:uppercase;
  color:var(--iu9265);
  text-align:center
}

.area-aspect-unit i {
  font-style:normal;
  font-size:28px;
  line-height:1
}

@media (max-width:480px) {
  .area-aspect-chunk {
    padding:6px;
    gap:8px
  }
  .area-aspect-unit {
    width:54px;
    height:54px;
    border-radius:12px
  }
}

body[data-kaxz-scrolling] .area-portion-right {
  right:-90px
}

body[data-kaxz-scrolling] .area-portion-left {
  left:-90px
}

.area-element-3 {
  z-index:10;
  position:absolute;
  inset:0;
  overflow:auto;
  background-color:rgba(0,0,0,.6);
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px
}

.area-element-3[data-kaxz-open] {
  display:flex
}

.area-portion {
  position:relative;
  width:75%;
  max-width:500px;
  border-radius:14px;
  padding:26px 18px 20px;
  text-align:center;
  background:radial-gradient(circle at 50% 0%,#4a3300 0%,#120c00 60%,#000 100%);
  border:1.5px solid var(--hoy6n2);
  box-shadow:0 0 30px rgba(245,169,24,.45);
  animation:scale-in .5s ease-out
}

.area-portion-spot-2 {
  position:absolute;
  top:6px;
  right:8px;
  width:28px;
  height:28px;
  border:0;
  background:none;
  color:#fff;
  font-size:22px;
  line-height:28px;
  cursor:pointer;
  opacity:.8
}

.area-portion-area {
  font:900 22px/1 Poppins,Arial,sans-serif;
  font-style:italic;
  text-transform:uppercase;
  color:#fff
}

.area-portion-area-2 {
  margin-top:14px;
  font:800 14px/1.2 Poppins,Arial,sans-serif;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#fff
}

.area-portion-gift {
  margin-top:6px;
  font:900 28px/1.08 Poppins,Arial,sans-serif;
  font-style:italic;
  color:var(--iu9265);
  text-shadow:0 2px 0 rgba(0,0,0,.6)
}

.area-portion-btn-area {
  display:inline-block;
  margin-top:16px;
  padding:10px 26px;
  border-radius:999px;
  background:linear-gradient(180deg,#ff9a3c,#e4571e);
  font:900 14px/1 Poppins,Arial,sans-serif;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#fff;
  box-shadow:0 4px 0 rgba(0,0,0,.35)
}

a:focus-visible,
button:focus-visible {
  outline:2px solid var(--iu9265);
  outline-offset:2px
}

@media (prefers-reduced-motion:reduce) {
  *,
  *:before,
  *:after {
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important
  }
}

.area-point {
  font-size:11px;
  color:var(--qd9594);
  padding:10px 0 0;
  text-transform:capitalize
}

.area-point a {
  color:var(--o90gx9)
}

.area-chunk-area {
  font-size:18px;
  text-align:center;
  margin:14px 0 4px;
  color:var(--iu9265)
}

.area-module {
  max-width:420px;
  margin:18px auto 30px;
  padding:0 22px;
  text-align:center
}

.area-module-brand {
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px
}

.area-module-brand img {
  max-height:44px;
  max-width:200px;
  object-fit:contain
}

.area-module-name {
  font:700 17px/1.2 Georgia,"Times New Roman",serif;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--hoy6n2);
  padding-bottom:10px;
  border-bottom:2px solid var(--hoy6n2);
  margin-bottom:16px
}

.area-module-label {
  display:flex;
  align-items:center;
  gap:6px;
  margin:14px 0 6px;
  font:700 14px/1.2 Georgia,"Times New Roman",serif;
  color:#fff;
  text-align:left
}

.area-module-label svg {
  width:16px;
  height:16px;
  color:#fff
}

.area-module-point {
  display:flex;
  align-items:center;
  height:42px;
  padding:0 14px;
  border-radius:6px;
  background:#1b1b1b;
  border:1px solid #333;
  color:var(--qd9594);
  font-size:13px;
  text-align:left;
  cursor:pointer
}

.area-module-detailbox {
  display:block;
  margin-top:16px;
  height:44px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--iu9265),var(--hoy6n2));
  font:800 15px/44px Georgia,"Times New Roman",serif;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--zuy2jh);
  cursor:pointer
}

.area-module-area {
  margin:26px 0 12px;
  font-size:13px;
  color:#fff;
  text-transform:capitalize
}

.area-module-object {
  display:inline-block;
  min-width:140px;
  padding:11px 26px;
  border-radius:999px;
  border:2px solid var(--hoy6n2);
  font:800 12px/1 Georgia,"Times New Roman",serif;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--hoy6n2);
  cursor:pointer
}

.area-module-areabox {
  display:block;
  margin-top:6px;
  padding:10px 0;
  font:700 13px/1 Georgia,"Times New Roman",serif;
  color:var(--hoy6n2);
  cursor:pointer
}

.area-unitpart {
  margin:14px 0 0
}

.area-unitpart-top {
  display:flex;
  align-items:center;
  gap:10px;
  height:30px;
  padding:0 10px;
  border-radius:6px;
  background:linear-gradient(90deg,#3a2a00,#0a0a0a 70%);
  border:1px solid var(--w4tt2r)
}

.area-unitpart-top b {
  font:900 13px/1 Poppins,Arial,sans-serif;
  font-style:italic;
  text-transform:uppercase;
  color:#fff
}

.area-unitpart-top span {
  font:800 11px/1 Poppins,Arial,sans-serif;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--iu9265)
}

.area-unitpart-cardrow {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding:10px 0 2px
}

.area-detail {
  flex:1 1 calc(33.33% - 6px);
  max-width:calc(50% - 4px);
  min-height:118px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:space-between;
  gap:4px;
  padding:10px 6px 8px;
  border-radius:10px;
  background:linear-gradient(180deg,#1c1c1c,#0b0b0b);
  border:1px solid #3b3b3b;
  text-align:center;
  cursor:pointer
}

.area-detail:first-child {
  border-color:var(--hoy6n2);
  box-shadow:0 0 10px rgba(245,169,24,.35)
}

.area-detail-label {
  font:700 10px/1.25 Georgia,"Times New Roman",serif;
  text-transform:uppercase;
  color:#fff
}

.area-detail-figure {
  font:800 17px/1.1 Georgia,"Times New Roman",serif;
  color:var(--iu9265);
  overflow-wrap:anywhere
}

.area-detail-pointpart {
  font-size:9px;
  line-height:1.2;
  color:var(--s7rg6n)
}

.area-detail-action {
  padding:4px 14px;
  border-radius:5px;
  background:linear-gradient(180deg,var(--iu9265),var(--hoy6n2));
  font:800 9px/1.2 Arial,sans-serif;
  letter-spacing:.5px;
  text-transform:uppercase;
  color:var(--zuy2jh)
}

@media (min-width:768px) {
  .area-thing-2 {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:0 16px
  }
  .area-computebit {
    max-width:560px;
    margin-left:auto;
    margin-right:auto
  }
}

.area-computebit {
  margin:26px 0 10px
}

.area-computebit-top h2 {
  font:800 22px/1.2 Georgia,"Times New Roman",serif;
  color:var(--hoy6n2)
}

.area-computebit-top p {
  margin-top:4px;
  font-size:12px;
  color:var(--s7rg6n)
}

.area-computebit-spot,
.area-computebit-areabox {
  margin-top:14px;
  padding:18px 16px;
  border-radius:14px;
  background:#141110;
  border:1px solid #2c2416
}

.area-computebit-spot h3,
.area-computebit-areabox h3 {
  font:800 19px/1.2 Georgia,"Times New Roman",serif;
  color:var(--hoy6n2);
  margin-bottom:10px
}

.area-computebit-label {
  margin:12px 0 6px;
  font-size:11px;
  color:var(--s7rg6n)
}

.area-computebit-sum {
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:44px;
  border-radius:8px;
  background:#fff;
  color:#111;
  overflow:hidden
}

.area-computebit-sum b {
  font:700 17px/1 Arial,sans-serif
}

.area-computebit-sum button {
  width:48px;
  height:44px;
  border:0;
  background:#e9e9e9;
  font-size:22px;
  color:#111;
  cursor:pointer
}

.area-computebit-chippart {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:8px
}

.area-computebit-chippart button {
  flex:1 0 auto;
  min-width:56px;
  height:34px;
  padding:0 8px;
  border-radius:8px;
  border:1px solid #3a3a3a;
  background:#1d1d1d;
  font:700 12px/1 Arial,sans-serif;
  color:#fff;
  cursor:pointer
}

.area-computebit-chippart button[data-rail] {
  border-color:var(--hoy6n2);
  background:var(--hoy6n2);
  color:var(--zuy2jh)
}

.area-computebit-bit {
  margin-top:16px;
  padding:14px;
  border-radius:10px;
  border:1px solid #3b2f14;
  background:#0d0b08;
  text-align:center
}

.area-computebit-bit span {
  display:block;
  font-size:11px;
  color:var(--s7rg6n)
}

.area-computebit-bit b {
  display:block;
  margin:6px 0 4px;
  font:800 20px/1 Arial,sans-serif;
  color:var(--iu9265)
}

.area-computebit-bit small {
  font-size:10px;
  color:var(--qd9594)
}

.area-computebit-rules {
  display:inline-block;
  margin-bottom:10px;
  padding:9px 14px;
  border-radius:8px;
  background:linear-gradient(180deg,#ff9a3c,#f5a918);
  font:800 11px/1 Arial,sans-serif;
  color:#000
}

.area-computebit-areabox ul {
  list-style:none
}

.area-computebit-areabox li {
  font-size:11px;
  line-height:1.5;
  color:var(--s7rg6n)
}

.area-computebit-areabox li:before {
  content:"• "
}

.area-part {
  padding:12px 0 8px
}

.area-part-part {
  margin:0 0 6px 6px;
  font:700 10px/1 Arial,sans-serif;
  text-transform:uppercase;
  color:var(--hoy6n2)
}

.area-part-point {
  max-width:290px;
  padding:14px 12px;
  border-radius:4px 16px 16px 16px;
  background:#1a1a1a;
  border:1px solid #2c2c2c
}

.area-part-above {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px
}

.area-part-above b {
  font:700 15px/1.3 Georgia,"Times New Roman",serif;
  color:#fff
}

.area-part-above em {
  font-style:normal;
  color:var(--hoy6n2)
}

.area-part-above span {
  flex:0 0 auto;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid var(--w4tt2r);
  font:700 9px/1.2 Arial,sans-serif;
  color:var(--iu9265);
  text-align:center
}

.area-part-part-2 {
  margin-top:6px;
  font:italic 12px/1.3 Georgia,"Times New Roman",serif;
  color:var(--s7rg6n)
}

.area-part-point h3 {
  margin:16px 0 8px;
  font:700 13px/1.2 Georgia,"Times New Roman",serif;
  color:#fff
}

.area-part-spot {
  margin-top:12px;
  padding:12px;
  border-radius:12px;
  background:#0d0d0d;
  border:1px solid #2a2a2a
}

.area-part-spot h3 {
  margin-top:0
}

.area-part-spot p {
  font-size:11px;
  line-height:1.45;
  color:var(--s7rg6n)
}

.area-part-mainunit,
.area-part-object {
  display:block;
  margin-top:10px;
  height:38px;
  border-radius:10px;
  font:800 12px/38px Arial,sans-serif;
  text-align:center;
  cursor:pointer
}

.area-part-mainunit {
  background:linear-gradient(180deg,var(--iu9265),var(--hoy6n2));
  color:var(--zuy2jh)
}

.area-part-object {
  border:1px solid var(--w4tt2r);
  color:var(--iu9265)
}

.area-part-thing {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px
}

.area-part-pillbtn {
  padding:8px 14px;
  border-radius:999px;
  border:1px solid var(--w4tt2r);
  font:700 11px/1 Arial,sans-serif;
  color:var(--iu9265);
  cursor:pointer
}

.area-part-chunk {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px
}

.area-part-chunk a {
  display:block;
  padding:10px;
  border-radius:10px;
  background:#0d0d0d;
  border:1px solid #2a2a2a;
  cursor:pointer
}

.area-part-chunk b {
  display:block;
  font:700 12px/1.3 Georgia,"Times New Roman",serif;
  color:var(--iu9265)
}

.area-part-chunk span {
  display:block;
  margin-top:6px;
  font-size:10px;
  line-height:1.4;
  color:var(--s7rg6n)
}

.area-part-item {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px
}

.area-part-item a {
  padding:12px 8px;
  border-radius:10px;
  border:1px solid var(--w4tt2r);
  font:700 11px/1.2 Arial,sans-serif;
  color:var(--iu9265);
  text-align:center;
  cursor:pointer
}

.area-part-rules {
  margin-top:12px;
  font-size:9px;
  color:var(--qd9594)
}

.area-part-rules a {
  color:var(--o90gx9)
}

.area-part-entry {
  position:sticky;
  bottom:0;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:46px;
  margin:10px -10px 0;
  padding:0 16px;
  background:#121212;
  border-top:1px solid #2a2a2a;
  font-size:13px;
  color:var(--qd9594);
  cursor:pointer
}

.area-part-entry svg {
  width:20px;
  height:20px;
  color:var(--hoy6n2)
}

.area-portion-2 {
  padding:0 0 10px
}

.area-portion-herobit {
  margin:8px -10px 12px;
  padding:22px 16px;
  background:linear-gradient(180deg,#1e1e22,#0c0c0e)
}

.area-portion-node {
  font:800 21px/1.2 Arial,sans-serif;
  color:#fff
}

.area-portion-herobit p {
  margin-top:6px;
  font-size:12px;
  color:var(--s7rg6n)
}

.area-portion-spot-3 {
  margin-top:10px;
  padding:6px;
  border-radius:12px;
  background:#fff;
  border:2px solid #1d1d1d
}

.area-portion-above {
  display:flex;
  align-items:center;
  gap:8px;
  height:38px;
  padding:0 4px
}

.area-portion-brand {
  flex:1 1 auto;
  display:flex;
  align-items:center;
  height:30px;
  min-width:0;
  cursor:pointer
}

.area-portion-brand img {
  max-height:28px;
  max-width:120px;
  object-fit:contain;
  background:#111;
  border-radius:6px;
  padding:2px 6px
}

.area-portion-brand b {
  font:900 15px/1 Arial,sans-serif;
  font-style:italic;
  text-transform:uppercase;
  color:#111;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
}

.area-portion-hotbit {
  flex:0 0 auto;
  padding:4px 8px;
  border-radius:6px;
  background:#e11d2a;
  font:800 10px/1 Arial,sans-serif;
  text-transform:uppercase;
  color:#fff
}

.area-portion-point {
  flex:0 0 auto;
  min-width:78px;
  padding:9px 12px;
  border-radius:999px;
  background:#16a34a;
  font:800 10px/1 Arial,sans-serif;
  text-transform:uppercase;
  color:#fff;
  text-align:center;
  cursor:pointer
}

.area-portion-chunk {
  display:flex;
  gap:6px;
  margin-top:6px
}

.area-portion-chunk a {
  flex:1 1 0;
  min-width:0;
  padding:8px 4px;
  border-radius:8px;
  background:#f3f4f6;
  text-align:center;
  cursor:pointer
}

.area-portion-chunk span {
  display:block;
  font:500 10px/1.25 Arial,sans-serif;
  color:#111
}

.area-portion-chunk b {
  display:block;
  margin-top:4px;
  font:800 16px/1.15 Arial,sans-serif;
  color:#16a34a;
  overflow-wrap:anywhere
}

.area-portion-name {
  margin:22px 0 10px;
  font:700 15px/1 Georgia,"Times New Roman",serif;
  color:#fff;
  text-align:center
}

.area-portion-entity {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px
}

.area-portion-entity span {
  flex:0 0 calc(33.33% - 6px);
  padding:12px 4px;
  border-radius:10px;
  background:#fff;
  font:800 11px/1.2 Arial,sans-serif;
  color:#111;
  text-align:center
}

@media (min-width:768px) {
  .area-portion-spot-3 {
    max-width:760px;
    margin-left:auto;
    margin-right:auto
  }
  .area-portion-chunk b {
    font-size:22px
  }
  .area-portion-entity span {
    flex-basis:140px
  }
}

.area-object {
  margin:0 -10px;
  padding:0 10px 14px;
  background:#141821
}

.area-object-gauge {
  display:flex;
  align-items:center;
  gap:12px;
  height:40px;
  margin:0 -10px;
  padding:0 10px;
  background:#1b2130
}

.area-object-gauge a {
  width:26px;
  height:26px;
  border-radius:50%;
  background:#2a3550;
  font-size:20px;
  line-height:24px;
  text-align:center;
  color:#fff
}

.area-object-gauge b {
  flex:1 1 auto;
  font:800 13px/1 Arial,sans-serif;
  text-transform:uppercase;
  color:#fff;
  text-align:center;
  padding-right:38px
}

.area-object-herobit {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:10px;
  padding:14px 12px;
  border-radius:12px;
  background:linear-gradient(135deg,#1d2740,#141821);
  border:1px solid #2a3550
}

.area-object-node {
  font:800 15px/1.2 Arial,sans-serif;
  color:#5aa9ff
}

.area-object-herobit p {
  margin-top:6px;
  font-size:10px;
  line-height:1.4;
  color:#c5cbe0
}

.area-object-node-2 {
  flex:0 0 auto;
  padding:10px 14px;
  border-radius:999px;
  background:linear-gradient(180deg,#5aa9ff,#2f6fe0);
  font:800 10px/1 Arial,sans-serif;
  color:#fff;
  cursor:pointer
}

.area-object-module {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:12px
}

.area-object-thing {
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:10px;
  border-radius:12px;
  background:#e9ebf0;
  cursor:pointer
}

.area-object-brand {
  display:flex;
  align-items:center;
  justify-content:center;
  height:32px
}

.area-object-brand img {
  max-height:30px;
  max-width:100%;
  object-fit:contain
}

.area-object-brand b {
  font:900 14px/1 Arial,sans-serif;
  font-style:italic;
  text-transform:uppercase;
  color:#111
}

.area-object-track {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:6px
}

.area-object-track i {
  font:700 9px/1.2 Arial,sans-serif;
  font-style:normal;
  color:#333
}

.area-object-track b {
  font:800 13px/1.1 Arial,sans-serif;
  color:#111;
  text-align:right;
  overflow-wrap:anywhere
}

.area-object-action {
  margin-top:auto;
  padding:7px 0;
  border-radius:8px;
  background:#1b2130;
  font:800 10px/1 Arial,sans-serif;
  text-transform:uppercase;
  color:#fff;
  text-align:center
}

.area-object-portion {
  margin-top:16px
}

.area-object-chunk {
  display:flex;
  gap:10px;
  overflow:auto
}

.area-object-chunk button {
  flex:0 0 46%;
  height:44px;
  padding:0 14px;
  border:0;
  border-radius:8px;
  background:#2a3040;
  font:800 11px/1 Arial,sans-serif;
  text-transform:uppercase;
  color:#fff;
  text-align:left;
  cursor:pointer
}

.area-object-chunk button[data-rail] {
  background:linear-gradient(180deg,#5aa9ff,#2f6fe0)
}

.area-object-content {
  margin-top:16px
}

.area-object-module-2 {
  font:800 18px/1 Arial,sans-serif;
  text-transform:uppercase;
  color:#5aa9ff
}

.area-object-spot {
  margin-top:12px;
  font:700 12px/1.3 Arial,sans-serif;
  text-transform:uppercase;
  color:#fff
}

.area-object-node-3 {
  display:block;
  margin-top:12px;
  border-radius:12px;
  overflow:hidden;
  cursor:pointer
}

.area-object-node-3 img {
  display:block;
  width:100%;
  height:auto
}

.area-object-perk {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:8px;
  padding:12px;
  border-radius:10px;
  background:#1b2130;
  border:1px solid #2a3550;
  cursor:pointer
}

.area-object-perk span {
  font:700 11px/1.3 Arial,sans-serif;
  color:#c5cbe0
}

.area-object-perk b {
  font:800 13px/1.2 Arial,sans-serif;
  color:#fff;
  text-align:right
}

.area-object-btn-area {
  display:block;
  margin-top:12px;
  height:38px;
  border-radius:8px;
  background:#fff;
  font:800 12px/38px Arial,sans-serif;
  text-transform:uppercase;
  color:#111;
  text-align:center;
  cursor:pointer
}

@media (min-width:768px) {
  .area-object-module {
    grid-template-columns:repeat(4,1fr)
  }
  .area-object-chunk button {
    flex-basis:220px
  }
  .area-object-node-3 {
    max-width:560px
  }
}

@keyframes slide-down {
  0%,
  62% {
    transform:translateX(-160%) skewX(-20deg)
  }
  100% {
    transform:translateX(260%) skewX(-20deg)
  }
}

@keyframes drift {
  to {
    transform:rotate(1turn)
  }
}

@keyframes fade-in {
  0%,
  100% {
    box-shadow:0 0 6px rgba(245,169,24,.35),inset 0 0 12px rgba(245,169,24,.08)
  }
  50% {
    box-shadow:0 0 16px rgba(245,169,24,.7),inset 0 0 18px rgba(245,169,24,.16)
  }
}

@keyframes float {
  0%,
  100% {
    left:8%;
    opacity:0
  }
  8% {
    opacity:1
  }
  14% {
    opacity:.2
  }
  20% {
    opacity:1
  }
  46% {
    left:92%;
    opacity:1
  }
  52%,
  99% {
    left:92%;
    opacity:0
  }
}

@keyframes rise {
  0%,
  100% {
    transform:scale(1)
  }
  50% {
    transform:scale(1.12)
  }
}

.area-entity .area-point-thing {
  padding:3px;
  border:0;
  border-radius:12px;
  background:linear-gradient(160deg,var(--iu9265) 0%,var(--hoy6n2) 45%,var(--w4tt2r) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 3px 8px rgba(0,0,0,.6);
  transition:transform .18s ease,box-shadow .18s ease
}

.area-entity .area-point-thing img {
  border-radius:9px;
  display:block
}

.area-entity .area-point-thing span {
  left:3px;
  right:3px;
  bottom:3px;
  border-radius:0 0 9px 9px
}

.area-entity .area-point-thing:after {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:38%;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.38),rgba(255,255,255,0));
  transform:translateX(-160%) skewX(-20deg);
  animation:slide-down 5.5s ease-in-out infinite;
  pointer-events:none
}

.area-entity .area-point-thing:nth-child(3n+2):after {
  animation-delay:1.1s
}

.area-entity .area-point-thing:nth-child(3n):after {
  animation-delay:2.2s
}

.area-entity .area-point-thing:nth-child(4n+1):after {
  animation-delay:3.3s
}

.area-entity .area-point-thing:hover,
.area-entity .area-point-thing:active {
  transform:translateY(-3px) scale(1.03);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 18px rgba(0,0,0,.7),0 0 18px var(--hoy6n2);
  z-index:1
}

.area-entity .area-point-thing:nth-child(-n+4):before {
  content:"HOT";
  position:absolute;
  top:6px;
  left:6px;
  z-index:1;
  padding:3px 6px;
  border-radius:5px;
  background:linear-gradient(180deg,#ff5a3c,#d81b1b);
  font:900 8px/1 Arial,sans-serif;
  letter-spacing:.6px;
  color:#fff;
  box-shadow:0 2px 4px rgba(0,0,0,.5);
  animation:rise 1.6s ease-in-out infinite
}

.area-entity .area-component-switch[data-rail] {
  box-shadow:inset 0 -2px 0 var(--hoy6n2),0 0 14px rgba(245,169,24,.25)
}

@media (min-width:768px) {
  .area-entity .area-point-thing {
    aspect-ratio:5/6;
    display:flex;
    flex-direction:column;
    padding:5px 5px 0
  }
  .area-entity .area-point-thing img {
    flex:1 1 0;
    min-height:0;
    height:auto
  }
  .area-entity .area-point-thing span {
    position:static;
    flex:none;
    padding:6px 2px 5px;
    border-radius:0;
    background:none;
    color:var(--zuy2jh);
    font-weight:900;
    font-size:9.5px;
    letter-spacing:.2px
  }
}

.area-entity .area-element {
  animation:fade-in 3.2s ease-in-out infinite;
  background:radial-gradient(circle at 1px 1px,rgba(245,169,24,.09) 1px,rgba(0,0,0,0) 1.5px) 0 0/14px 14px,radial-gradient(ellipse at 30% 40%,rgba(120,80,10,.28) 0%,rgba(0,0,0,0) 60%),linear-gradient(180deg,#0d0a04,#050505)
}

.area-entity .area-item-2 a span {
  position:relative;
  overflow:hidden;
  isolation:isolate
}

.area-entity .area-component span:before {
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:50%;
  width:260%;
  aspect-ratio:1/1;
  margin:-130% 0 0 -130%;
  background:conic-gradient(from 0deg,rgba(255,255,255,0) 0 78%,#fff 90%,rgba(255,255,255,0) 100%);
  animation:drift 2.8s linear infinite
}

.area-entity .area-component span:after {
  content:"";
  position:absolute;
  z-index:-1;
  inset:2px;
  border-radius:5px;
  background:linear-gradient(180deg,#ffb84d 0%,#ff9a1f 55%,#ff8600 100%)
}

.area-entity .area-signup span:after {
  content:"";
  position:absolute;
  bottom:-3px;
  left:8%;
  width:26px;
  height:6px;
  border-radius:50%;
  background:radial-gradient(ellipse at center,#fff 0%,#ffb347 35%,rgba(255,120,20,0) 70%);
  filter:blur(.4px);
  animation:float 3.6s linear infinite
}

.area-entity .area-action {
  position:relative;
  overflow:hidden;
  font-family:"Orbitron","Eurostile","Bank Gothic","Agency FB","Arial Black",Arial,sans-serif;
  transition:box-shadow .18s ease,filter .18s ease
}

.area-entity .area-action:hover {
  filter:brightness(1.12);
  box-shadow:0 0 12px var(--hoy6n2)
}

.area-entity .area-bit:after {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:38%;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.45),rgba(255,255,255,0));
  transform:translateX(-160%) skewX(-20deg);
  animation:slide-down 4.2s ease-in-out infinite;
  pointer-events:none
}

.area-entity .area-factor-element {
  text-shadow:0 0 10px rgba(255,215,0,.45)
}

:root {
  --hoy6n2:#a855f7;
  --iu9265:#c288f9;
  --o90gx9:#b56ff8;
  --w4tt2r:#8f48d2;
  --zuy2jh:#000000;
  --at5go4:#170d21;
  --p6r6ur:#20172a;
  --bnh8ak:#2a2033
}