.hero.jh { padding: 150px 0 40px; }
.hero.jh::before { display: none; }
.jh-bg { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center 62%; }
.hero.jh::after { background:
    linear-gradient(90deg, rgba(10, 12, 34, .9) 0%, rgba(10, 12, 34, .8) 36%, rgba(10, 12, 34, .5) 68%, rgba(10, 12, 34, .38) 100%),
    linear-gradient(180deg, rgba(36, 44, 130, .28) 0%, rgba(10, 12, 34, 0) 38%, rgba(10, 12, 34, .55) 78%, var(--bg) 100%); }
.pg-juego [hidden] { display: none !important; }
.jh-grid { grid-template-columns: 1fr 1.04fr; gap: 56px; }
.jh-ed { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 22px; padding: 5px 14px 5px 5px; border-radius: 999px; background: rgba(21, 25, 56, .85); border: 1px solid var(--line); color: #E3E5F5; font-size: 14px; font-weight: 600; }
.jh-ed img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.jh h1 { max-width: 560px; font-size: 60px; }
.jh .hero-text { max-width: 540px; }

.jh-art { position: relative; padding: 84px 0 34px; }
.jh-art::before { content: ""; position: absolute; z-index: 0; left: 22%; right: -6%; top: 4%; bottom: 0; border-radius: 50%; background: radial-gradient(closest-side, rgba(110, 123, 255, .34), rgba(110, 123, 255, .1) 55%, transparent 100%); }
.jh-frame { position: relative; z-index: 1; margin-left: 10%; aspect-ratio: 864 / 505; border-radius: 22px; overflow: hidden; border: 1px solid #2E3466; background: var(--card); box-shadow: 0 40px 80px -36px rgba(3, 4, 16, .9); }
.jh-frame::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10, 12, 34, 0) 45%, rgba(10, 12, 34, .6) 100%), linear-gradient(90deg, rgba(10, 12, 34, .3), transparent 45%); }
.jh-scene { width: 100%; height: 100%; object-fit: cover; }
.jh-char { position: absolute; z-index: 2; width: 116%; max-width: none; left: 2%; bottom: 12px; pointer-events: none; filter: drop-shadow(0 26px 34px rgba(3, 4, 16, .6)); }
.jh-card { position: absolute; z-index: 3; left: 0; bottom: 0; display: flex; align-items: center; gap: 12px; padding: 12px 18px 12px 12px; border-radius: 14px; background: var(--card); border: 1px solid #2E3466; box-shadow: 0 20px 40px -20px rgba(3, 4, 16, .9); }
.jh-card img { width: 44px; height: 44px; border-radius: 10px; object-fit: cover; }
.jh-card b { display: block; color: #fff; font-size: 15px; font-weight: 600; line-height: 1.3; }
.jh-card span { display: block; color: var(--text); font-size: 13.5px; line-height: 1.35; }

.jh-soft { margin-top: 56px; padding: 16px 18px 18px; background: var(--card); border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 20px 50px -30px rgba(3, 4, 16, .8); }
.jh-soft-k { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; margin: 0 4px 12px; color: #fff; font-weight: 600; font-size: 15px; line-height: 1.3; }
.jh-soft-k small { color: var(--muted); font-weight: 400; font-size: 13.5px; }
.jh-soft ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.jh-soft li { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 10px 12px 10px 10px; border-radius: 12px; background: var(--bg-2); border: 1px solid var(--line); }
.jh-soft li img { flex: none; width: 42px; height: 42px; border-radius: 10px; object-fit: cover; }
.jh-soft li span { min-width: 0; color: var(--muted); font-size: 13px; line-height: 1.3; overflow-wrap: anywhere; }
.jh-soft li b { display: block; color: #fff; font-size: 15px; font-weight: 600; }

.jh-soft.jv .jv-main { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.jh-soft li img { background: #2D314E; }
.jv-more-btn { display: flex; align-items: center; gap: 8px; height: 40px; margin: 12px auto 0; padding: 0 12px 0 16px; border-radius: 999px; border: 1px solid #3A4180; background: var(--bg-2); color: #fff; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; transition: border-color .15s ease, background-color .15s ease; }
.jv-more-btn svg { width: 16px; height: 16px; color: var(--accent); transition: transform .2s ease; }
.jv-more-btn:hover { border-color: var(--accent); }
.jv-more-btn[aria-expanded="true"] svg { transform: rotate(180deg); }
.jv-more-btn:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
.jh-soft li.jv-jar { border: 1px dashed rgba(250, 191, 38, .6); background: rgba(250, 191, 38, .06); }
.jv-jar-ic { flex: none; width: 42px; height: 42px; border-radius: 10px; display: grid; place-items: center; background: rgba(250, 191, 38, .16); color: #FABF26; }
.jv-jar-ic svg { width: 22px; height: 22px; }
.jv-more { margin-top: 12px; padding: 14px 4px 2px; border-top: 1px solid var(--line); }
.jv-more-k { margin: 0 0 10px; color: var(--muted); font-size: 13.5px; }
.jh-soft .jv-more ul { grid-template-columns: repeat(auto-fill, minmax(156px, 1fr)); gap: 8px; }
.jh-soft .jv-more li { gap: 10px; padding: 6px 10px 6px 6px; border-radius: 10px; color: #fff; font-size: 14px; font-weight: 600; line-height: 1.25; }
.jh-soft .jv-more li img { width: 30px; height: 30px; border-radius: 7px; }

.jp {
  --card: #2E2E3D; --brand: #2E2E3D; --line: #494B63; --line-soft: rgba(86, 98, 140, .19);
  --accent: #FABF26; --accent-2: #FFD700; --accent-soft: #524B33;
  --text: #BCBCC2; --muted: #A3A3AD; --ok: #66FF66; --no: #FF6666; --ink: #000; --track: #666666;
  padding-top: 80px;
}
.jp-switch { scroll-margin-top: 0; }
.jp .btn-primary { color: var(--ink); }
.jp .rs-track { background: var(--track); }
.jp .rs-fill { background: var(--accent-2); }
.jp .rs-dot { background: #8A8A8F; }
.jp .rs-dot.on { background: #6B5400; }
.jp #ram-slider::-webkit-slider-thumb { background: #fff; border-color: var(--accent-2); box-shadow: 0 6px 16px rgba(0, 0, 0, .55); }
.jp #ram-slider::-moz-range-thumb { background: #fff; border-color: var(--accent-2); box-shadow: 0 6px 16px rgba(0, 0, 0, .55); }
.jp .rs-ticks span.sel b { color: var(--accent-2); }
.jp .plan-top { border-bottom-color: var(--line); }
.jp .plan-ram { color: var(--accent-2); }
.jp :focus-visible { outline-color: var(--accent); }

.jp-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px 40px; flex-wrap: wrap; }
.jp-head .sec-sub { max-width: 640px; }
.jp-promo { display: inline-flex; align-items: center; gap: 12px; max-width: 420px; padding: 12px 16px; border-radius: 12px; background: rgba(250, 191, 38, .08); border: 1px dashed rgba(250, 191, 38, .55); color: #E6E6EA; font-size: 14.5px; line-height: 1.45; }
.jp-promo svg { flex: none; width: 22px; height: 22px; color: var(--accent); }
.jp-promo b { color: var(--accent-2); font-family: var(--f-title); letter-spacing: .05em; }

.jp-switch { margin-top: 36px; padding: 18px 20px 20px; border-radius: 18px; background: rgba(46, 46, 61, .55); border: 1px solid var(--line-soft); }
.jp-k { margin: 0 0 12px; color: #fff; font-size: 15px; font-weight: 600; }
.jp-row { display: grid; grid-template-columns: auto minmax(260px, 1fr); gap: 12px; align-items: center; }
.jp-tabs { display: flex; flex-wrap: wrap; gap: 10px; }
.jp-tab {
  display: grid; grid-template-columns: 40px auto 24px; align-items: center; gap: 12px; height: 64px; margin: 0; padding: 0 14px 0 11px;
  border-radius: 14px; border: 1.5px solid var(--line); background: rgba(10, 12, 34, .5); color: #fff; font: inherit; text-align: left; cursor: pointer;
  transition: border-color .15s ease, background-color .15s ease;
}
.jp-tab img { width: 40px; height: 40px; border-radius: 10px; object-fit: cover; }
.jp-tab-t { line-height: 1.25; }
.jp-tab-t b { display: block; font-size: 15px; font-weight: 600; white-space: nowrap; }
.jp-tab-t small { display: block; color: var(--muted); font-size: 12.5px; white-space: nowrap; }
.jp-tab-ck { width: 24px; height: 24px; border-radius: 50%; border: 1.5px solid var(--line); display: grid; place-items: center; color: var(--ink); }
.jp-tab-ck svg { width: 13px; height: 13px; opacity: 0; }
.jp-tab:hover { border-color: #6B6D85; }
.jp-tab[aria-pressed="true"] { border-color: var(--accent); background: rgba(250, 191, 38, .1); }
.jp-tab[aria-pressed="true"] .jp-tab-ck { background: var(--accent); border-color: var(--accent); }
.jp-tab[aria-pressed="true"] .jp-tab-ck svg { opacity: 1; }
.jp-tab:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
.jp-ask { max-width: none; scroll-margin-top: 96px; }
.jp-ask .ask-input { height: 64px; border-radius: 14px; border-width: 1.5px; background: rgba(10, 12, 34, .5); font-size: 16px; padding-right: 18px; }
.jp-line { max-width: none; margin-top: 14px; }
.jp-line > span { flex: 1 1 0; min-width: 200px; }
.jp-line a.ask-jump { display: inline-flex; align-items: center; text-decoration: none; }

.jp .muro { margin-top: 28px; }
.jp .deck-head { margin-bottom: 4px; }
.jp .deck-slider .step-n svg { width: 15px; height: 15px; }
.jp .deck .plan.is-locked .plan-top::before { filter: blur(2.5px) brightness(.55) grayscale(.85); }
.jp-fijo .jp-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.jp-cur { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; min-width: 0; }
.jp-pick { display: grid; grid-template-columns: 40px auto 24px; align-items: center; gap: 12px; height: 64px; padding: 0 14px 0 11px; border-radius: 14px; border: 1.5px solid var(--accent); background: rgba(250, 191, 38, .1); color: #fff; }
.jp-pick img { width: 40px; height: 40px; border-radius: 10px; object-fit: cover; }
.jp-pick .jp-tab-t small { display: block; color: var(--muted); font-size: 11.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.jp-pick .jp-tab-t b { display: block; font-size: 16px; font-weight: 600; white-space: nowrap; }
.jp-pick .jp-tab-ck { background: var(--accent); border-color: var(--accent); }
.jp-pick .jp-tab-ck svg { opacity: 1; }
.jp-back, .jp-other { display: inline-flex; align-items: center; gap: 8px; height: 44px; margin: 0; padding: 0 14px; border-radius: 12px; font: inherit; font-size: 15px; cursor: pointer; transition: color .15s ease, border-color .15s ease, background-color .15s ease; }
.jp-back { border: 1px solid var(--line); background: rgba(10, 12, 34, .5); color: #fff; font-weight: 600; }
.jp-back svg { width: 18px; height: 18px; transform: rotate(180deg); color: var(--accent); }
.jp-back:hover { border-color: var(--accent); }
.jp-other { margin-left: auto; border: 1px solid transparent; background: transparent; color: var(--muted); font-weight: 500; text-decoration: underline; text-decoration-color: rgba(163, 163, 173, .5); text-underline-offset: 4px; }
.jp-other svg { width: 17px; height: 17px; }
.jp-other:hover, .jp-other[aria-expanded="true"] { color: #fff; border-color: var(--line); text-decoration-color: transparent; }
.jp-back:focus-visible, .jp-other:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
.jp-fijo .jp-ask { flex: 1 1 100%; }
.jp-fijo .jp-line { flex: 1 1 300px; max-width: none; min-height: 64px; margin: 0; }
.jp-fijo .jp-row:has(.jp-back) .jp-other { order: 2; }
.jp-fijo .jp-row:has(.jp-back) .jp-line { order: 3; flex-basis: 100%; min-height: 0; }
.jp-fijo .jp-row:has(.jp-back) .jp-ask { order: 4; }
.jp-fallback { list-style: none; margin: 0 auto; padding: 0 24px; max-width: 720px; display: grid; gap: 8px; }
.jp-fallback li { display: flex; align-items: center; gap: 16px; padding: 12px 16px; border-radius: 12px; background: var(--card); border: 1px solid var(--line); color: var(--text); }
.jp-fallback b { min-width: 64px; color: var(--accent-2); }
.jp-fallback a { margin-left: auto; color: #fff; font-weight: 600; text-decoration: underline; }

.jpn { display: grid; grid-template-columns: 370px minmax(0, 1fr); gap: 28px; align-items: start; }
.jpn-tabs { display: grid; gap: 6px; }
.jpn-tab {
  display: grid; grid-template-columns: 44px 1fr; align-items: start; gap: 14px; margin: 0; padding: 14px 16px; border-radius: 14px;
  border: 1px solid transparent; background: transparent; color: var(--text); font: inherit; text-align: left; cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease;
}
.jpn-tab b { display: block; color: #fff; font-size: 16px; font-weight: 600; line-height: 1.3; }
.jpn-tab small { display: none; margin-top: 4px; color: var(--muted); font-size: 14px; line-height: 1.5; }
.jpn-tab b { padding-top: 11px; }
.jpn-tab[aria-selected="true"] small { display: block; }
.jpn-tab[aria-selected="true"] b { padding-top: 2px; }
.jpn-ic { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: var(--accent-soft); color: var(--accent); transition: background-color .15s ease, color .15s ease; }
.jpn-ic svg { width: 22px; height: 22px; }
.jpn-tab:hover { background: rgba(21, 25, 56, .7); }
.jpn-tab[aria-selected="true"] { background: var(--card); border-color: #3A4180; box-shadow: 0 16px 36px -24px rgba(3, 4, 16, .9); }
.jpn-tab[aria-selected="true"] small { color: var(--text); }
.jpn-tab[aria-selected="true"] .jpn-ic { background: var(--accent); color: #fff; }
.jpn-shot { position: sticky; top: 100px; margin: 0; padding: 12px; border-radius: 18px; background: var(--card); border: 1px solid var(--line); box-shadow: 0 40px 80px -40px rgba(3, 4, 16, .9); }
.jpn-shot img { width: 100%; border-radius: 10px; }
.jvc { padding: 14px; border-radius: 10px; background: #232642; }
.jvc-top { display: flex; align-items: center; gap: 10px; margin: 0 2px 12px; color: #C9CCE6; font-size: 15px; }
.jvc-top b { color: #fff; font-weight: 600; }
.jvc-ic, .jvc-jar-ic { flex: none; width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; background: rgba(250, 191, 38, .18); color: #FABF26; }
.jvc-ic svg, .jvc-jar-ic svg { width: 17px; height: 17px; }
.jvc-n { margin-left: auto; color: #A9AED0; font-size: 13px; }
.jvc-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.jvc-grid li { display: grid; grid-template-columns: 26px minmax(0, 1fr); align-items: center; gap: 7px 9px; min-width: 0; padding: 9px 10px 10px; border-radius: 8px; background: #2D314E; }
.jvc-grid img { width: 26px; height: 26px; border-radius: 6px; }
.jvc-grid b { min-width: 0; color: #fff; font-size: 13px; font-weight: 600; line-height: 1.2; letter-spacing: -.005em; }
.jvc-m { grid-column: 1 / -1; display: grid; gap: 2px; color: #A9AED0; font-size: 11.5px; line-height: 1.3; white-space: nowrap; }
.jvc-m > span { display: flex; align-items: center; gap: 4px; }
.jvc-m svg { flex: none; width: 11px; height: 11px; }
.jvc-grid li.jvc-jar { grid-column: span 2; border: 1px dashed rgba(250, 191, 38, .6); background: rgba(250, 191, 38, .07); }
.jvc-jar .jvc-m { white-space: normal; }
.jvc-hint { display: none; }
.jvc-cap { margin: 10px 2px 0; color: #A9AED0; font-size: 12px; line-height: 1.4; }
.jvshot { margin: 0; padding: 12px; }
.jvshot img { width: auto !important; max-height: 600px; margin: 0 auto; border-radius: 10px; filter: none !important; }

.jpn-foot { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px 18px; margin-top: 36px; color: var(--muted); font-size: 14.5px; text-align: center; }

.jf { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.jf-group { --tone: #3F4A9E; --tile: rgba(80, 95, 220, .16); --ic: #8E99FF; background: var(--card); border: 1px solid var(--tone); border-radius: 18px; padding: 28px 26px 30px; box-shadow: 0 10px 30px -18px rgba(0, 0, 0, .6); }
.jf-group:nth-child(2) { --tone: #2E6B78; --tile: rgba(46, 150, 168, .16); --ic: #6FD3E3; }
.jf-group:nth-child(3) { --tone: #2F7360; --tile: rgba(48, 160, 120, .16); --ic: #6FE0B5; }
.jf-group h3 { font-size: 21px; }
.jf-group ul { list-style: none; margin: 22px 0 0; padding: 0; display: grid; gap: 20px; }
.jf-group li { display: grid; grid-template-columns: 42px 1fr; gap: 14px; align-items: start; font-size: 14.5px; line-height: 1.5; color: var(--text); }
.jf-group li b { display: block; color: #fff; font-size: 15.5px; font-weight: 600; line-height: 1.35; margin-bottom: 2px; }
.jf-ic { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: var(--tile); border: 1px solid var(--tone); color: var(--ic); }
.jf-ic svg { width: 21px; height: 21px; }

.jseo .row-text h3 { margin-top: 28px; font-size: 20px; line-height: 1.3; }
.jseo .row-text h3 + p { margin-top: 8px; }
.jseo code { font-family: var(--ps-mono, ui-monospace, "SFMono-Regular", Menlo, monospace); font-size: .9em; padding: 1px 6px; border-radius: 6px; background: var(--accent-soft); color: #C9CEFF; }
.jlist { list-style: none; margin: 20px 0 0; padding: 0; display: grid; gap: 12px; }
.jlist li { display: flex; align-items: flex-start; gap: 12px; color: #E3E5F5; font-size: 16px; line-height: 1.5; }
.jlist .ck { margin-top: 1px; }
.jtall { width: auto !important; max-height: 440px; margin: 0 auto; }
.jmos .row-media img { max-height: 300px; width: auto; margin: 0 auto; }
.row.flip > .jmos { order: -1; }
.jram { margin: 0; }
.jram > img { border-radius: 12px; filter: brightness(.82) saturate(1.05) !important; }
.jram-card { position: relative; z-index: 1; margin: -72px 14px 0; padding: 16px; border-radius: 14px; background: rgba(21, 25, 56, .96); border: 1px solid var(--line); box-shadow: 0 20px 40px -20px rgba(3, 4, 16, .9); }
.jram-k { display: flex; align-items: center; gap: 12px; color: var(--muted); font-size: 13.5px; line-height: 1.35; }
.jram-k img { width: 36px !important; height: 36px; border-radius: 8px; filter: none !important; }
.jram-k b { display: block; color: #fff; font-size: 15px; font-weight: 600; }
.jram-steps { list-style: none; margin: 14px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.jram-steps li { display: flex; align-items: center; justify-content: center; gap: 6px; height: 38px; border-radius: 10px; background: var(--bg-2); border: 1px solid var(--line); color: #fff; font-size: 14px; font-weight: 600; }
.jram-steps svg { width: 14px; height: 14px; color: var(--ok); }

.jhw .row { grid-template-columns: 1.15fr .85fr; }
.jsup { padding: 30px 28px; background: rgba(21, 25, 56, .94); }
.jsup h3 { font-size: 22px; }
.jsup p { margin-top: 10px; font-size: 15.5px; }
.jsup .channels { margin: 20px 0 0; }
.jsup .support-btn { margin: 22px 0 0; }

.jlink { color: #fff; text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: 3px; }
.jlink:hover { color: var(--accent); }
#faq .faq-grid > div:first-child .sec-sub { margin-top: 14px; }
@media (min-width: 961px) { #faq .faq-grid > div:first-child { position: sticky; top: 110px; } }

.deal.jdeal { padding: 104px 0; }
.jdeal-sub { margin-top: 12px; max-width: 560px; color: #D7DBFF; font-size: 16.5px; }
.jdeal-btns { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.jdeal .deal-band .jdeal-btns .btn { margin-top: 0; }
.jdeal .btn-secondary { background: rgba(10, 12, 34, .35); border-color: rgba(215, 219, 255, .35); }
.jdeal .deal-games a { display: flex; flex-direction: column; align-items: center; gap: 8px; color: inherit; }
.jdeal .deal-games a:focus-visible { outline: 3px solid #fff; outline-offset: 4px; border-radius: 10px; }

@media (max-width: 1100px) {
  .jh-soft { grid-template-columns: 1fr; }
  .jh-soft ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .jh .jh-grid { gap: 32px; }
  .jh h1 { font-size: 52px; }
  .jpn { grid-template-columns: 320px minmax(0, 1fr); }
  .jvc-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .jf { grid-template-columns: 1fr 1fr; }
  .jf-group:nth-child(3) { grid-column: 1 / -1; }
  .jf-group:nth-child(3) ul { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 960px) {
  .hero.jh { padding: 116px 0 32px; }
  .jh-grid { grid-template-columns: 1fr; gap: 24px; }
  .jh-art { max-width: 560px; width: 100%; margin: 0 auto; padding-top: 70px; }
  .jp { padding-top: 72px; }
  .jp-row { grid-template-columns: 1fr; }
  .jpn { grid-template-columns: 1fr; gap: 18px; }
  .jpn-tabs { grid-template-columns: 1fr 1fr; }
  .jpn-shot { position: static; }
  .jvc-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .hero.jh::after { background: linear-gradient(180deg, rgba(36, 44, 130, .3) 0%, rgba(10, 12, 34, .8) 30%, rgba(10, 12, 34, .74) 70%, var(--bg) 100%); }
  .row.flip > .jmos { order: 0; }
  .jhw .row { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .jh-ed { font-size: 13px; margin-bottom: 18px; }
  .jh-art { padding: 52px 0 30px; }
  .jh-frame { margin-left: 6%; border-radius: 16px; }
  .jh-card { padding: 10px 14px 10px 10px; gap: 10px; }
  .jh-card img { width: 38px; height: 38px; }
  .jh-card b { font-size: 14px; }
  .jh-card span { font-size: 12.5px; }
  .jh h1 { font-size: clamp(34px, 10vw, 42px); }
  .jh-soft { margin-top: 36px; padding: 14px 12px; }
  .jh-soft-k { margin-bottom: 10px; }
  .jh-soft ul { grid-template-columns: 1fr 1fr; gap: 8px; }
  .jh-soft li { padding: 8px; gap: 8px; align-items: flex-start; }
  .jh-soft li img { width: 34px; height: 34px; }
  .jh-soft li b { font-size: 13.5px; line-height: 1.25; }
  .jh-soft li span { font-size: 12px; }
  .jh-soft.jv .jv-main { grid-template-columns: 1fr 1fr; }
  .jh-soft .jv-more ul { grid-template-columns: 1fr 1fr; }
  .jh-soft .jv-more li { font-size: 13px; align-items: center; }
  .jh-soft .jv-more li img { width: 26px; height: 26px; }
  .jv-more-btn { width: 100%; justify-content: center; }
  .jv-jar-ic { width: 34px; height: 34px; }
  .jv-jar-ic svg { width: 19px; height: 19px; }
  .jp-cur, .jp-pick { width: 100%; }
  .jp-pick { grid-template-columns: 40px minmax(0, 1fr) 24px; height: auto; min-height: 60px; padding-top: 8px; padding-bottom: 8px; }
  .jp-pick .jp-tab-t b { white-space: normal; overflow-wrap: anywhere; }
  .jp-back { width: 100%; justify-content: center; }
  .jp-other { margin-left: 0; padding: 0 6px; height: 40px; }
  .jp-fijo .jp-line { flex-basis: 100%; min-height: 0; }
  .jvc { padding: 10px; }
  .jvc-top { font-size: 14px; margin-bottom: 10px; }
  .jvc-n { display: none; }
  .jvc-hint { display: block; margin: 8px 2px 0; color: #C9CCE6; font-size: 12.5px; font-weight: 600; text-align: center; }
  .jvc-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; max-height: 392px; overflow-y: auto; overscroll-behavior: contain; padding-right: 2px;
    -webkit-mask-image: linear-gradient(180deg, #000 86%, transparent); mask-image: linear-gradient(180deg, #000 86%, transparent); }
  .jvc-grid li { grid-template-columns: 1fr; justify-items: center; text-align: center; gap: 5px; padding: 9px 6px; }
  .jvc-grid li b { font-size: 12.5px; max-width: 100%; }
  .jvc-m { justify-items: center; font-size: 10.5px; }
  .jvc-grid li.jvc-jar { grid-column: 1 / -1; }
  .jvc-grid:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
  .jp { padding-top: 56px; }
  .jp-line > span { min-width: 0; flex-basis: calc(100% - 40px); }
  .jp-line .ask-jump { margin-left: 36px; }
  .jp-promo { max-width: none; width: 100%; }
  .jp-switch { margin-top: 28px; padding: 14px 14px 16px; }
  .jp-tabs { display: grid; grid-template-columns: 1fr; }
  .jp-tab { grid-template-columns: 40px 1fr 24px; height: 60px; }
  .jp-ask .ask-input { height: 56px; }
  .jp-ask .ask-ic { top: 17px; }
  .jpn-tabs { grid-template-columns: 1fr; gap: 4px; }
  .jpn-shot { order: -1; }
  .jpn-tab { padding: 10px 12px; gap: 12px; grid-template-columns: 38px 1fr; }
  .jpn-ic { width: 38px; height: 38px; border-radius: 10px; }
  .jpn-ic svg { width: 19px; height: 19px; }
  .jpn-shot { padding: 6px; border-radius: 14px; }
  .jf { grid-template-columns: 1fr; gap: 16px; }
  .jf-group { padding: 22px 18px 24px; }
  .jf-group:nth-child(3) ul { grid-template-columns: 1fr; }
  .jtall { max-height: 340px; }
  .jram-card { margin: -48px 6px 0; padding: 12px; }
  .jram-steps li { height: 34px; font-size: 13px; }
  .jsup { padding: 22px 18px; }
  .deal.jdeal { padding: 64px 0; }
  .jdeal-btns .btn { flex: 1 1 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .jp-tab, .jpn-tab, .jpn-ic, .jv-more-btn, .jv-more-btn svg, .jp-back, .jp-other { transition: none; }
}

.jp-head + .promo2 { margin-top: 28px; }

body.pg-juego .jp .deck .plan-top::before {
  background-image: var(--arte-plan, url(../images/minecraft-beach.webp));
  background-position: var(--arte-pos, center 42%);
  filter: blur(var(--arte-blur, 2.5px)) brightness(var(--arte-br, .82));
}
.pg-7-days-to-die { --arte-plan: url(../juegos/arte/7-days-to-die/hero.webp); --arte-br: .68; }
.pg-american-truck-simulator { --arte-plan: url(../juegos/arte/american-truck-simulator/hero.webp); --arte-br: .68; }
.pg-ark-survival-ascended { --arte-plan: url(../juegos/arte/ark-survival-ascended/hero.webp); }
.pg-ark-survival-evolved { --arte-plan: url(../juegos/arte/ark-survival-evolved/hero.webp); --arte-br: .68; }
.pg-arma-3 { --arte-plan: url(../juegos/arte/arma-3/captura-1.webp); --arte-pos: center 40%; --arte-br: .72; }
.pg-assetto-corsa { --arte-plan: url(../juegos/arte/assetto-corsa/hero.webp); }
.pg-core-keeper { --arte-plan: url(../juegos/arte/core-keeper/hero.webp); }
.pg-counter-strike-2 { --arte-plan: url(../juegos/arte/counter-strike-2/hero.webp); }
.pg-dayz { --arte-plan: url(../juegos/arte/dayz/hero.webp); --arte-br: .68; }
.pg-dont-starve-together { --arte-plan: url(../juegos/arte/dont-starve-together/hero.webp); }
.pg-eco { --arte-plan: url(../juegos/arte/eco/hero.webp); --arte-br: .68; }
.pg-empyrion-galactic-survival { --arte-plan: url(../juegos/arte/empyrion-galactic-survival/hero.webp); --arte-br: .6; }
.pg-enshrouded { --arte-plan: url(../juegos/arte/enshrouded/hero.webp); }
.pg-euro-truck-simulator-2 { --arte-plan: url(../juegos/arte/euro-truck-simulator-2/captura-1.webp); --arte-pos: center 62%; --arte-br: .74; }
.pg-factorio { --arte-plan: url(../juegos/arte/factorio/hero.webp); }
.pg-fivem { --arte-plan: url(../juegos/arte/fivem/hero.webp); }
.pg-garrys-mod { --arte-plan: url(../juegos/arte/garrys-mod/hero.webp); }
.pg-gta-san-andreas { --arte-plan: url(../juegos/gta-san-andreas.webp); --arte-pos: center 100%; --arte-br: .66; --arte-blur: 5px; }
.pg-humanitz { --arte-plan: url(../juegos/arte/humanitz/hero.webp); }
.pg-hurtworld { --arte-plan: url(../juegos/arte/hurtworld/hero.webp); }
.pg-hytale { --arte-plan: url(../juegos/arte/hytale/hero.webp); --arte-br: .68; }
.pg-icarus { --arte-plan: url(../juegos/arte/icarus/hero.webp); }
.pg-insurgency-sandstorm { --arte-plan: url(../juegos/arte/insurgency-sandstorm/hero.webp); }
.pg-killing-floor-2 { --arte-plan: url(../juegos/arte/killing-floor-2/hero.webp); }
.pg-left-4-dead-2 { --arte-plan: url(../juegos/arte/left-4-dead-2/hero.webp); }
.pg-mordhau { --arte-plan: url(../juegos/arte/mordhau/hero.webp); }
.pg-multi-theft-auto { --arte-plan: url(../juegos/multi-theft-auto.webp); --arte-br: .7; --arte-blur: 5px; }
.pg-neosvr { --arte-plan: url(../juegos/arte/neosvr/captura-1.webp); --arte-pos: center 30%; --arte-br: .74; }
.pg-palworld { --arte-plan: url(../juegos/arte/palworld/hero.webp); --arte-br: .68; }
.pg-pixark { --arte-plan: url(../juegos/arte/pixark/hero.webp); --arte-br: .68; }
.pg-project-zomboid { --arte-plan: url(../juegos/arte/project-zomboid/hero.webp); }
.pg-rage-mp { --arte-plan: url(../juegos/rage-mp.webp); --arte-blur: 5px; }
.pg-rust { --arte-plan: url(../juegos/arte/rust/hero.webp); }
.pg-satisfactory { --arte-plan: url(../juegos/arte/satisfactory/hero.webp); }
.pg-scp-secret-laboratory { --arte-plan: url(../juegos/arte/scp-secret-laboratory/hero.webp); }
.pg-skyrim-together { --arte-plan: url(../juegos/skyrim-together.webp); --arte-blur: 5px; }
.pg-space-engineers { --arte-plan: url(../juegos/arte/space-engineers/hero.webp); }
.pg-starbound { --arte-plan: url(../juegos/arte/starbound/captura-2.webp); --arte-pos: center 50%; }
.pg-stationeers { --arte-plan: url(../juegos/arte/stationeers/hero.webp); }
.pg-team-fortress-2 { --arte-plan: url(../juegos/arte/team-fortress-2/hero.webp); }
.pg-terraria { --arte-plan: url(../juegos/arte/terraria/hero.webp); --arte-br: .68; }
.pg-the-forest { --arte-plan: url(../juegos/arte/the-forest/captura-2.webp); --arte-pos: center 45%; }
.pg-unturned { --arte-plan: url(../juegos/arte/unturned/hero.webp); }
.pg-v-rising { --arte-plan: url(../juegos/arte/v-rising/hero.webp); }
.pg-valheim { --arte-plan: url(../juegos/arte/valheim/hero.webp); }
@media (max-width: 359px) {
  .jvc-grid li { padding-left: 4px; padding-right: 4px; }
  .jvc-m { white-space: normal; }
  .jvc-m > span { gap: 3px; justify-content: center; }
}
.jp .promo-text { letter-spacing: .01em; }
.jsim-h { margin: 0 0 14px; font: 700 13px/1.2 var(--f-text); letter-spacing: .14em; text-transform: uppercase; color: #D7DBFF; }
.jgd-list { list-style: none; margin: 40px 0 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.jgd-list a { display: flex; flex-direction: column; gap: 10px; height: 100%; padding: 20px 20px 18px; border-radius: 16px; background: var(--card); border: 1px solid var(--line); color: var(--text); text-decoration: none; transition: border-color .18s ease, transform .18s ease; }
.jgd-list a:hover { border-color: var(--accent); transform: translateY(-2px); }
.jgd-list a:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.jgd-k { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.jgd-list b { font: 600 16px/1.4 var(--f-title); color: #fff; overflow-wrap: anywhere; }
.jgd-go { margin-top: auto; width: 22px; height: 22px; color: var(--accent); }
.jgd-go svg { width: 100%; height: 100%; }
.jgd-all { margin-top: 24px; }
@media (max-width: 1100px) { .jgd-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .jgd-list { grid-template-columns: 1fr; gap: 12px; margin-top: 28px; } .jgd-list a { gap: 6px; padding: 14px 16px; } .jgd-go { display: none; } }
@media (prefers-reduced-motion: reduce) { .jgd-list a { transition: none; } }