:root {
  --p:       #E9A23B;
  --p2:      #F6C46A;
  --p3:      rgba(246, 196, 106, 0.13);
  --pg:      linear-gradient(135deg, #E38A2C 0%, #F6C46A 100%);
  --acc:     #8CC9E6;
  --borderp: rgba(246, 196, 106, 0.45);
  --frost:   rgba(170, 190, 225, 0.11);
  --major:   #F0904A;
  --minor:   #7CC8E0;
  --live:    #46D99B;
  --ink:     #0B0F1A;
  --surf:    rgba(12, 16, 27, 0.86);
  --surf2:   rgba(17, 22, 36, 0.92);
  --line:    rgba(255, 240, 215, 0.075);
}
body { opacity: 1 !important; background: #070A12 !important; }

@view-transition { navigation: auto; }
.arc-sky { view-transition-name: arc-sky; }
::view-transition-group(arc-sky) { animation-duration: .35s; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: .22s; }
.arc-sky { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; background: #0A0D16; }
.arc-sky-stage { position: absolute; inset: -2%; transform-origin: 50% 42%; will-change: transform; transform: scale(1.03); }
.arc-sky-layer { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; opacity: 0; will-change: opacity; }
.arc-sky-layer[data-scene="morning"] { opacity: 1; }
.arc-sky-shade {
  position: absolute; inset: 0;
  background:
    linear-gradient(180deg, rgba(7, 10, 18, 0.38) 0%, rgba(7, 10, 18, 0.12) 18%, rgba(7, 10, 18, 0.42) 46%, rgba(7, 10, 18, 0.7) 78%, rgba(6, 8, 14, 0.86) 100%),
    radial-gradient(120% 80% at 50% 30%, transparent 40%, rgba(5, 7, 12, 0.55) 100%);
}
.arc-sky-bars::before, .arc-sky-bars::after { content: ''; position: absolute; left: 0; right: 0; height: 0; background: #000; }
.arc-sky-grain {
  position: absolute; inset: -50%; opacity: 0.075; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1.4 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  animation: arc-grain 0.9s steps(6) infinite;
}
@keyframes arc-grain {
  0% { transform: translate(0, 0); } 20% { transform: translate(-4%, 3%); } 40% { transform: translate(3%, -5%); }
  60% { transform: translate(-6%, -2%); } 80% { transform: translate(5%, 4%); } 100% { transform: translate(0, 0); }
}
.arc-sky-moving .arc-sky-grain { animation-play-state: paused; }
.arc-shield { position: fixed; inset: 0; z-index: 2; display: none; }
.arc-shield.on { display: block; }
@media (prefers-reduced-motion: reduce) { .arc-sky-grain { animation: none; } }

.store-welcome .store-welcome-t, .store-title { text-shadow: 0 2px 30px rgba(0, 0, 0, 0.6); }
.store-sub { color: #D2D8E6; text-shadow: 0 1px 14px rgba(0, 0, 0, 0.7); }
.store-eyebrow { color: var(--p2); text-shadow: 0 1px 12px rgba(0, 0, 0, 0.6); }

.svc { background: linear-gradient(180deg, rgba(19, 24, 38, 0.94), rgba(11, 14, 23, 0.96)); border-color: var(--line); }
.svc:hover { box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5), 0 0 28px rgba(246, 196, 106, 0.12); }
.i1, .i2, .i3, .i4, .i5 { background: radial-gradient(120% 90% at 50% 0%, rgba(246, 196, 106, 0.07), transparent 55%), linear-gradient(170deg, #161C2C 0%, #0D111C 100%); }
.svc[class*=" r-"] .svc-img::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--rar); box-shadow: 0 0 14px var(--rar); }
.svc.r-common { --rar: #9AA3B5; } .svc.r-uncommon { --rar: #52C77A; } .svc.r-rare { --rar: #4DA6FF; }
.svc.r-epic { --rar: #B66CFF; } .svc.r-legendary { --rar: #F6C46A; } .svc.r-amplified { --rar: #E8852E; }
.svc .rar-chip { position: absolute; right: 10px; top: 10px; z-index: 3; font-size: 9px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase;
  color: var(--rar); background: rgba(8, 10, 16, 0.78); border: 1px solid color-mix(in srgb, var(--rar) 45%, transparent); border-radius: 6px; padding: 2px 7px; }
.btn-buy { background: var(--pg); color: #1B1205; }
.sec-hd::before { color: var(--p2); }
.sec-sub2 { color: var(--p2); font-weight: 600; text-shadow: 0 1px 10px rgba(0, 0, 0, 0.7); }

.sec.has-find .sec-hd { padding-right: 280px; }
.sec-find { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 260px; height: 40px; display: flex; align-items: center; gap: 9px; padding: 0 12px;
  border: 1px solid var(--frost); border-radius: 10px; background: rgba(9, 12, 20, 0.82); cursor: text; transition: border-color .15s, box-shadow .15s; }
.sec-find:focus-within { border-color: var(--borderp); box-shadow: 0 0 0 3px rgba(246, 196, 106, 0.1); }
.sec-find svg { flex: none; width: 16px; height: 16px; fill: none; stroke: #7C89AD; stroke-width: 2.2; stroke-linecap: round; }
.sec-find:focus-within svg { stroke: var(--p2); }
.sec-find input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: transparent; color: #fff; font: 600 13px 'Plus Jakarta Sans', sans-serif; -webkit-appearance: none; appearance: none; }
.sec-find input::placeholder { color: #7C89AD; }
.sec-find input::-webkit-search-cancel-button { -webkit-appearance: none; width: 14px; height: 14px; cursor: pointer; opacity: .7;
  background: linear-gradient(45deg, transparent 44%, #AAB3C8 44%, #AAB3C8 56%, transparent 56%), linear-gradient(-45deg, transparent 44%, #AAB3C8 44%, #AAB3C8 56%, transparent 56%); }
.sec-none { padding: 22px 0 6px; text-align: center; color: #7C89AD; font-size: 13px; font-weight: 600; }
#v-store .svc[hidden], #v-store .grid4[hidden], #v-store .grp-t[hidden], .sec-none[hidden] { display: none !important; }
#v-store .grp-t.sub { font-size: 12px; margin-top: 18px; opacity: .95; }
#v-store .grp-t.sub span { color: #7C89AD; font-weight: 700; margin-left: 6px; }
#v-store .grp-t + .grp-t.sub { margin-top: 6px; }
@media (max-width: 768px) {
  .sec.has-find .sec-hd { padding-right: 0; }
  .sec-find { position: static; transform: none; width: 100%; margin-top: 8px; }
}

.store-sub .store-tag { display: inline-block; margin-left: 6px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; font-size: .82em; color: var(--p2); white-space: nowrap; }

.mc { position: relative; z-index: 1; margin-top: 26px; border: 1px solid var(--line); border-radius: 18px; padding: 18px 20px 20px;
  background: linear-gradient(180deg, rgba(14, 18, 30, 0.9), rgba(9, 12, 20, 0.93)); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45); }
.mc-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.mc-eyebrow { display: flex; align-items: center; gap: 8px; font-size: 10px; font-weight: 800; letter-spacing: 1.6px; text-transform: uppercase; color: var(--live); }
.mc-dot { position: relative; width: 7px; height: 7px; border-radius: 50%; background: var(--live); }
.mc-dot::after { content: ''; position: absolute; inset: 0; border-radius: 50%; background: rgb(70, 217, 155); opacity: 0; pointer-events: none; animation: mc-pulse 2s infinite; }
@keyframes mc-pulse { 0% { transform: scale(1); opacity: .55; } 70% { transform: scale(3); opacity: 0; } 100% { transform: scale(1); opacity: 0; } }
.mc-title { font: 800 22px 'Plus Jakarta Sans', sans-serif; color: #fff; letter-spacing: -0.3px; margin: 4px 0 0; }

.mc-regions { position: relative; display: inline-flex; padding: 4px; border-radius: 12px; background: rgba(255, 255, 255, 0.035); border: 1px solid var(--line); max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.mc-regions::-webkit-scrollbar { display: none; }
.mc-thumb { position: absolute; left: 0; top: 4px; bottom: 4px; width: 0; border-radius: 9px; background: var(--pg); box-shadow: 0 4px 14px rgba(233, 162, 59, .3);
  transition: transform .38s cubic-bezier(.3, 1.25, .5, 1), width .38s cubic-bezier(.3, 1.25, .5, 1); }
.mc-reg { position: relative; z-index: 1; border: 0; background: transparent; color: #A9B3CC; border-radius: 9px; padding: 7px 12px; white-space: nowrap;
  font: 700 12px 'Plus Jakarta Sans', sans-serif; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; transition: color .25s; }
.mc-reg:hover { color: #fff; }
.mc-reg-s { display: none; }
.mc-reg.on { color: #1B1205; }
.mc-reg:focus-visible { outline: 2px solid var(--p2); outline-offset: 1px; }
.mc-reg i { width: 6px; height: 6px; border-radius: 50%; background: var(--live); box-shadow: 0 0 6px var(--live); }
.mc-reg.on i { background: #1B1205; box-shadow: none; }

.mc-rows { transition: opacity .17s ease, transform .17s ease; }
.mc-rows.mc-out { opacity: 0; transform: translateY(4px); }
.mc-row { margin-top: 16px; }
.mc-row-h { display: flex; align-items: center; gap: 10px; margin-bottom: 9px; }
.mc-lbl { display: inline-flex; align-items: center; gap: 7px; font-size: 10.5px; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase; }
.mc-lbl::before { content: ''; width: 6px; height: 6px; border-radius: 50%; }
.mc-lbl.live { color: var(--live); } .mc-lbl.live::before { background: var(--live); }
.mc-lbl.next { color: var(--p); } .mc-lbl.next::before { background: var(--p); }
.mc-sub { font-size: 11.5px; color: #7C87A6; font-weight: 600; }
.mc-sub b { color: var(--p2); font-variant-numeric: tabular-nums; }

.mc-track { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 10px; }
.mc-card { position: relative; display: grid; grid-template-columns: 78px 1fr; border-radius: 13px; overflow: hidden; border: 1px solid var(--line); background: var(--surf2); }
.mc-card::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--minor); z-index: 2; }
.mc-card.major { border-color: rgba(240, 144, 74, 0.32); }
.mc-card.major::before { background: var(--major); }
.mc-art { position: relative; }
.mc-art img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mc-art::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, transparent 35%, rgba(17, 22, 36, 1)); }
.mc-body { padding: 10px 12px 11px; min-width: 0; }
.mc-top { display: flex; align-items: center; gap: 7px; margin-bottom: 5px; }
.mc-ico { width: 17px; height: 17px; object-fit: contain; }
.mc-type { font-size: 9px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; padding: 2px 6px; border-radius: 5px; }
.mc-type.major { color: var(--major); background: rgba(240, 144, 74, .13); }
.mc-type.minor { color: var(--minor); background: rgba(124, 200, 224, .12); }
.mc-cd { margin-left: auto; font: 800 13px 'Plus Jakarta Sans', sans-serif; color: var(--live); font-variant-numeric: tabular-nums; }
.mc-cd::after { content: ' left'; font-size: 10px; font-weight: 700; color: #6E7A97; }
.mc-name { font: 800 14.5px 'Plus Jakarta Sans', sans-serif; color: #fff; line-height: 1.2; }
.mc-map { font-size: 11.5px; font-weight: 700; color: var(--p2); margin: 2px 0 5px; }
.mc-d { font-size: 11px; line-height: 1.45; color: #8E99B6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mc-bar { height: 3px; border-radius: 3px; background: rgba(255, 255, 255, 0.07); margin: 8px 0 8px; overflow: hidden; }
.mc-bar i { display: block; height: 100%; transform-origin: 0 50%; background: linear-gradient(90deg, var(--live), #9BF0C9); transition: transform 1s linear; }
.mc-foot { font-size: 11px; color: #7C87A6; font-weight: 600; }

.mc-track-mini { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
.mc-mini { position: relative; display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 10px; padding: 9px 10px 9px 12px; border-radius: 12px; overflow: hidden;
  border: 1px solid var(--line); background: linear-gradient(90deg, rgba(17, 22, 36, .97) 50%, rgba(17, 22, 36, .72)), var(--art) right center / 55% auto no-repeat, var(--surf2); }
.mc-mini::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--minor); }
.mc-mini.major::before { background: var(--major); }
.mc-mini-ico { width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; background: rgba(124, 200, 224, .1); }
.mc-mini.major .mc-mini-ico { background: rgba(240, 144, 74, .12); }
.mc-mini-ico img { width: 19px; height: 19px; object-fit: contain; }
.mc-mini-txt { min-width: 0; }
.mc-mini-name { font: 800 13px 'Plus Jakarta Sans', sans-serif; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mc-mini-map { font-size: 11px; font-weight: 700; color: #8E99B6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mc-mini-in { text-align: right; line-height: 1.1; }
.mc-mini-in span { display: block; font-size: 9.5px; font-weight: 700; color: #6E7A97; text-transform: uppercase; letter-spacing: .8px; }
.mc-mini-in b { font: 800 13px 'Plus Jakarta Sans', sans-serif; color: var(--p2); font-variant-numeric: tabular-nums; }
.mc-empty { padding: 16px; border-radius: 12px; border: 1px dashed var(--line); color: #8E99B6; font-size: 12.5px; text-align: center; }

@media (max-width: 640px) {
  .mc { padding: 16px 14px 16px; }
  .mc-head { align-items: flex-start; }
  .mc-regions { width: 100%; overflow: visible; }
  .mc-reg { flex: 1 1 auto; justify-content: center; padding: 7px 3px; font-size: 11px; gap: 3px; letter-spacing: -0.1px; }
  .mc-regions { padding: 3px; }
  .mc-reg-l { display: none; }
  .mc-reg-s { display: inline; }
  .mc-track, .mc-track-mini { grid-template-columns: 1fr; gap: 8px; }
}
@media (prefers-reduced-motion: reduce) { .mc-dot::after { animation: none; } .mc-thumb, .mc-bar i, .mc-rows { transition: none; } }

.cc, .ab-step, .ab-stat, .ab-why-i, .fq-item { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
.fq-item { background: rgba(12, 16, 28, 0.86); }
.cc { background: linear-gradient(180deg, rgba(17, 22, 36, 0.97), rgba(10, 13, 22, 0.98)); border-color: var(--line); }
.cc-cta { background: linear-gradient(180deg, rgba(10, 13, 22, 0), rgb(10, 13, 22) 14px); }
.arc-sky[data-mode="clock"] .arc-sky-shade {
  background:
    linear-gradient(180deg, rgba(7, 10, 18, 0.62) 0%, rgba(7, 10, 18, 0.45) 22%, rgba(7, 10, 18, 0.6) 55%, rgba(6, 8, 14, 0.82) 100%),
    radial-gradient(120% 80% at 50% 30%, transparent 40%, rgba(5, 7, 12, 0.55) 100%);
}
.breadcrumb { color: #C9D0E2; text-shadow: 0 1px 10px rgba(0, 0, 0, 0.8); }
.breadcrumb a { color: var(--p2); }
.gd-chips { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px; }
.gd-chip { border: 1px solid var(--frost); border-radius: 999px; padding: 7px 14px; font: 700 12px 'Plus Jakarta Sans', sans-serif; color: #A9B5D1; background: transparent; cursor: pointer; }
.gd-chip:hover { color: #fff; border-color: var(--borderp); }
.gd-chip.on { border-color: var(--borderp); color: var(--p2); background: var(--p3); }
.gd-chip span { margin-left: 5px; color: #6C769B; }
.gd-chip.on span { color: var(--p2); }
.gd-feat { display: grid; grid-template-columns: 1.35fr 1fr; gap: 16px; margin-bottom: 16px; }
.gd-card { display: block; text-decoration: none; color: inherit; border: 1px solid rgba(143, 179, 232, 0.09); border-radius: 14px;
  overflow: hidden; background: rgba(14, 21, 36, 0.95); transition: border-color .18s, transform .18s; }
.gd-card:hover { border-color: var(--borderp); transform: translateY(-3px); }
.gd-img { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #0C1220; }
.gd-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gd-cat { position: absolute; left: 12px; top: 12px; background: rgba(7, 11, 22, 0.82); border: 1px solid var(--frost); color: var(--p2);
  font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; border-radius: 6px; padding: 4px 8px; }
.gd-body { padding: 14px 16px 16px; }
.gd-t { font: 800 15.5px 'Plus Jakarta Sans', sans-serif; color: #fff; line-height: 1.3; margin-bottom: 6px; }
.gd-d { font-size: 12.5px; color: #8E99B8; line-height: 1.6; }
.gd-feat .gd-card.big .gd-img { aspect-ratio: 16 / 8.2; }
.gd-feat .gd-card.big .gd-t { font-size: 21px; }
.gd-side { display: grid; grid-template-rows: 1fr 1fr; gap: 16px; }
.gd-side .gd-card { display: grid; grid-template-columns: 44% 1fr; }
.gd-side .gd-img { aspect-ratio: auto; height: 100%; }
.gd-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.gd-grid .gd-card[hidden], .gd-feat[hidden] { display: none; }
.gd-more { display: flex; justify-content: center; margin-top: 18px; }
.gd-more[hidden] { display: none; }
.gd-more button { border: 1px solid var(--frost); border-radius: 10px; padding: 10px 18px; font: 800 12.5px 'Plus Jakarta Sans', sans-serif;
  color: #B9C4DE; cursor: pointer; background: rgba(255, 255, 255, 0.02); }
.gd-more button:hover { color: #fff; border-color: var(--borderp); }
@media (max-width: 900px) { .gd-feat { grid-template-columns: 1fr; } .gd-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) { .gd-grid { grid-template-columns: 1fr; } .gd-side .gd-card { grid-template-columns: 1fr; } }
.ask-all { display: flex; justify-content: center; margin-top: 16px; }
.ask-all button { border: 1px solid var(--frost); border-radius: 10px; padding: 10px 18px; font: 800 12.5px 'Plus Jakarta Sans', sans-serif;
  color: #B9C4DE; cursor: pointer; background: rgba(255, 255, 255, 0.02); }
.ask-all button:hover { color: #fff; border-color: var(--borderp); }

@media (max-width: 768px) { .store-head { padding-top: 138px; } }
.store-welcome { align-items: flex-end; }
.tk { --tk-w: clamp(56px, 4.6vw, 68px); contain: layout style;
  position: relative; flex-shrink: 0; width: var(--tk-w); height: calc(var(--tk-w) * 0.6364); margin: 0 0 0 16px;
  padding: 0; border: 0; background: none; cursor: crosshair; -webkit-tap-highlight-color: transparent; }
.tk:focus { outline: none; }
.tk:focus-visible { outline: 2px solid var(--p2); outline-offset: 4px; border-radius: 10px; }
.tk-walker { position: absolute; left: 0; bottom: 0; width: 100%; will-change: transform; }
.tk-svg { display: block; width: 100%; height: auto; overflow: visible; filter: drop-shadow(0 2px 5px rgba(0, 0, 0, .5)); }
.tk-svg * { transform-box: view-box; }
.tk-fem, .tk-tib { transform-origin: 0 0; }
.tk-eye { animation: tk-eye 3.2s ease-in-out infinite; }
@keyframes tk-eye { 0%, 100% { opacity: .3; } 50% { opacity: .7; } }
.tk-burnt .tk-plate { fill: url(#tkBurnt); }
.tk-burnt .tk-slot, .tk-burnt .tk-mesh { fill: #0B0B0C; }
.tk-burnt .tk-eye { animation: none; opacity: 0; }
.tk-fx { position: absolute; left: 0; bottom: 0; height: calc(var(--tk-w) * 0.6364 + 110px); overflow: hidden; pointer-events: none; }
.tk-fx > * { position: absolute; left: 0; top: 0; pointer-events: none; will-change: transform, opacity; }
.tk-spark { height: 1.5px; border-radius: 2px; transform-origin: 100% 50%;
  background: linear-gradient(90deg, rgba(255, 190, 90, 0), #FFE2A6 60%, #FFFFFF); box-shadow: 0 0 4px rgba(255, 220, 160, .9); }
.tk-ember { border-radius: 50%; background: #FFD27A; box-shadow: 0 0 5px 1px rgba(255, 150, 50, .85); }
.tk-flash { border-radius: 50%; mix-blend-mode: screen;
  background: radial-gradient(circle, #FFFFFF 0%, #FFD0D4 12%, #FF4A52 30%, rgba(235, 30, 45, .55) 48%, rgba(200, 20, 30, 0) 70%); }
.tk-smoke { border-radius: 50%; filter: blur(5px);
  background: radial-gradient(circle, rgba(225, 225, 230, .7) 0%, rgba(170, 172, 178, .45) 45%, rgba(130, 132, 138, 0) 72%); }
.tk-trail { border-radius: 50%; filter: blur(4px);
  background: radial-gradient(circle, rgba(90, 92, 98, .7) 0%, rgba(70, 72, 78, .4) 45%, rgba(50, 52, 56, 0) 72%); }
.tk-flame { border-radius: 50% 50% 45% 45%; filter: blur(1px); mix-blend-mode: screen; transform-origin: 50% 90%;
  background: radial-gradient(ellipse at 50% 70%, #FFF3C2 0%, #FFB43C 32%, #F2611C 58%, rgba(200, 50, 10, 0) 75%); }
.tk-dust { border-radius: 50%; filter: blur(4px);
  background: radial-gradient(circle, rgba(200, 196, 186, .5), rgba(150, 146, 136, 0) 70%); }
.tk-hit i { position: absolute; left: 50%; top: 50%; width: 2px; height: 34%; margin-left: -1px; background: #fff; border-radius: 1px;
  box-shadow: 0 0 3px rgba(0, 0, 0, .8); transform-origin: 50% 0; }
.tk-hit i:nth-child(1) { transform: rotate(180deg) translateY(30%); } .tk-hit i:nth-child(2) { transform: rotate(60deg) translateY(30%); }
.tk-hit i:nth-child(3) { transform: rotate(-60deg) translateY(30%); }
.tk-xp { white-space: nowrap; font-family: 'Plus Jakarta Sans', sans-serif; line-height: 1.15; }
.tk-xp b { display: block; font-size: 9.5px; font-weight: 800; letter-spacing: 1.4px; color: #fff; text-transform: uppercase; text-shadow: 0 1px 6px rgba(0, 0, 0, .9); }
.tk-xp span { display: block; font-size: 13px; font-weight: 800; color: var(--p2); text-shadow: 0 0 12px rgba(246, 196, 106, .5), 0 1px 5px rgba(0, 0, 0, .9); }
@media (max-width: 560px) { .tk { --tk-w: 52px; margin-left: 12px; } }
.price-row:has(.new-p) { justify-content: space-between; gap: 10px; }
.price-row .new-p { font: 800 19px 'Plus Jakarta Sans', sans-serif; color: #fff; letter-spacing: -0.3px; }
.price-row .p-per { font-size: 12px; font-weight: 700; color: #8E99B6; }
.svc.bp .svc-img, .bp-tile, .xi-thumb.bp { background:
    radial-gradient(70% 60% at 50% 42%, rgba(40, 60, 150, 0.35), transparent 75%),
    linear-gradient(rgba(82, 84, 178, 0.55) 1px, transparent 1px) 0 0 / var(--bp-cell, 22px) var(--bp-cell, 22px),
    linear-gradient(90deg, rgba(82, 84, 178, 0.55) 1px, transparent 1px) 0 0 / var(--bp-cell, 22px) var(--bp-cell, 22px),
    #06153F; }
.svc.bp .svc-img::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 40px; z-index: 2; background: #090C19; }
.svc.bp .svc-img::after, .svc.bp .glow { display: none; }
.svc.bp .svc-ico { height: 96px; margin-bottom: 40px; filter: drop-shadow(0 6px 10px rgba(0, 0, 0, 0.55)); }
.svc.bp .svc-ico.gun { height: auto; width: 86%; aspect-ratio: 2 / 1; object-fit: cover; }
.bp-book { width: 22px; height: 18px; color: #F9EEDF; }
.svc.bp .bp-book { position: absolute; left: 12px; bottom: 11px; z-index: 3; }
@media (max-width: 768px) { .svc.bp .svc-ico { height: 74px; } .svc.bp .svc-ico.gun { height: auto; } }

.fta { scroll-margin-top: 96px; }
.fta-in { padding: 34px 38px 38px; border-radius: 20px; background: var(--surf2); border: 1px solid var(--line); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35); color: #d9dbe8; font-size: 15.5px; line-height: 1.75; }
.fta-in > :first-child { margin-top: 0; }
.fta h3 { font-size: 22px; line-height: 1.3; color: var(--p2); margin: 36px 0 10px; font-weight: 800; }
.fta-split > div > h3:first-child { margin-top: 0; }
.fta p { margin: 0 0 12px; }
.fta a { color: var(--p2); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.fta b { color: #fff; }
.fta-list, .fta-steps { margin: 6px 0 14px; padding-left: 22px; }
.fta-list { list-style: disc; }
.fta-steps { list-style: decimal; }
.fta-list li, .fta-steps li { display: list-item; margin: 8px 0; padding-left: 4px; }
.fta-list li::marker, .fta-steps li::marker { color: var(--p2); font-weight: 800; }
.fta-list b, .fta-steps b, .fta b.g { color: var(--p2); }
.fta-split { display: grid; grid-template-columns: minmax(0, 1fr) 440px; gap: 36px; align-items: start; margin-top: 36px; }
.fta-split.flip { grid-template-columns: 440px minmax(0, 1fr); }
.fta-split.flip > figure { order: -1; }
.fta-board { margin: 0; }
.fta-zoom { display: block; width: 100%; padding: 0; border: 0; background: none; cursor: zoom-in; border-radius: 14px; overflow: hidden; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45); transition: transform .2s ease, box-shadow .2s ease; }
.fta-zoom:hover { transform: translateY(-3px) rotate(-0.4deg); box-shadow: 0 24px 50px rgba(0, 0, 0, 0.55); }
.fta-zoom:focus-visible { outline: 2px solid var(--p2); outline-offset: 3px; }
.fta-zoom img { display: block; width: 100%; height: auto; }
.fta-board figcaption { margin-top: 8px; text-align: center; font-size: 12px; font-weight: 800; letter-spacing: 1.4px; text-transform: uppercase; color: #8f95ad; }
.fta-boards { display: grid; gap: 22px; margin: 18px 0 6px; }
.fta-boards.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fta-boards.two { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 860px; margin-left: auto; margin-right: auto; }
.fta-t { overflow-x: auto; margin: 14px 0 18px; border: 1px solid var(--line); border-radius: 14px; }
.fta-t table { width: 100%; border-collapse: collapse; font-size: 14.5px; }
.fta-t th { text-align: left; color: var(--p2); font-weight: 800; padding: 11px 14px; border-bottom: 1px solid rgba(246, 196, 106, 0.3); background: rgba(246, 196, 106, 0.06); white-space: nowrap; }
.fta-t td { padding: 11px 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.06); vertical-align: top; }
.fta-t tr:last-child td { border-bottom: 0; }
.fta-t td:first-child { color: #fff; font-weight: 700; white-space: nowrap; }
.fta-faq details { border: 1px solid var(--line); background: rgba(255, 255, 255, 0.02); border-radius: 12px; padding: 14px 18px; margin: 10px 0; }
.fta-faq summary { cursor: pointer; color: #fff; font-weight: 700; }
.fta-faq summary::marker { color: var(--p2); }
.fta-faq details p { margin: 10px 0 0; color: #c9cbe0; }
.fta-lb { position: fixed; inset: 0; margin: auto; padding: 0; border: 0; background: transparent; width: fit-content; height: fit-content; max-width: min(94vw, 980px); max-height: 92vh; overflow: visible; }
.fta-lb::backdrop { background: rgba(4, 6, 12, 0.88); backdrop-filter: blur(3px); }
.fta-lb img { display: block; max-width: min(94vw, 980px); max-height: 92vh; width: auto; height: auto; border-radius: 16px; border: 1px solid rgba(255, 240, 215, 0.12); box-shadow: 0 30px 90px rgba(0, 0, 0, 0.65); }
.fta-lb-x { position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--borderp); background: rgba(14, 18, 30, 0.88); box-shadow: 0 6px 18px rgba(0, 0, 0, 0.5); display: grid; place-items: center; cursor: pointer; }
.fta-lb-x svg { width: 18px; height: 18px; fill: none; stroke: var(--p2); stroke-width: 2.4; stroke-linecap: round; }
@media (max-width: 1000px) {
  .fta-split, .fta-split.flip { grid-template-columns: 1fr; gap: 20px; }
  .fta-split.flip > figure { order: 0; }
  .fta-split > figure { max-width: 520px; width: 100%; margin: 0 auto; }
  .fta-boards.three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .fta-in { padding: 22px 16px; font-size: 15px; }
  .fta h3 { font-size: 19px; }
  .fta-boards.three, .fta-boards.two { grid-template-columns: 1fr; }
  .fta-t td:first-child { white-space: normal; }
  .fta-lb-x { top: 8px; right: 8px; width: 36px; height: 36px; }
}

.kill-tag { position: absolute; left: 10px; bottom: 9px; z-index: 2; font: 800 10px/1 'Plus Jakarta Sans', sans-serif; letter-spacing: 1.4px; text-transform: uppercase; color: var(--p2); background: rgba(0, 0, 0, 0.62); border: 1px solid rgba(246, 196, 106, 0.42); border-radius: 6px; padding: 5px 7px; white-space: nowrap; }
.kill-drop { position: absolute; right: 9px; bottom: 7px; z-index: 2; width: 42px; height: 42px; border-radius: 9px; background: rgba(0, 0, 0, 0.62); border: 1px solid rgba(255, 255, 255, 0.16); display: grid; place-items: center; }
.kill-drop img { width: 34px; height: 34px; object-fit: contain; }
.find-sug { position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 30; max-height: 360px; overflow-y: auto; margin: 0; padding: 6px; list-style: none;
  border: 1px solid var(--borderp); border-radius: 12px; background: rgba(10, 14, 25, 0.98); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5); }
.find-sug[hidden] { display: none; }
.find-sug li { display: flex; flex-direction: column; gap: 2px; padding: 9px 11px; border-radius: 8px; cursor: pointer; }
.find-sug li:hover, .find-sug li.on { background: rgba(246, 196, 106, 0.1); }
.find-sug li b { color: #fff; font: 700 13.5px 'Plus Jakarta Sans', sans-serif; line-height: 1.35; }
.find-sug li span { color: #7C89AD; font-size: 11.5px; font-weight: 700; }
.find-sug mark { background: none; color: var(--p2); }
.find-sug li.none { cursor: default; color: #7C89AD; font-size: 13px; font-weight: 600; }
.find-sug li.none:hover { background: none; }
#s-guides .sec-hd { position: relative; z-index: 6; }
.gd-find { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 300px; z-index: 40; }
.gd-find .sec-find { position: relative; right: auto; top: auto; transform: none; width: 100%; }
@media (max-width: 768px) { .gd-find { position: relative; transform: none; width: 100%; margin-top: 8px; } }