.ja-play{padding-top:clamp(64px,7vw,112px)}.ja-play-field{background:var(--field-blue);border-radius:var(--r-xl);color:var(--ink);margin-inline:var(--inset);padding-block:clamp(44px,5.6vw,84px)}.ja-play-grid{align-items:center;display:grid;gap:clamp(28px,4.4vw,72px);grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}.ja-play-copy{display:grid;gap:18px}.ja-play-copy .h2{max-width:12em}.ja-play-card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);display:grid;gap:14px;isolation:isolate;min-width:0;padding:clamp(22px,2.6vw,32px);position:relative;transition:translate .28s var(--ease-out)}.ja-play-card:before{border-radius:inherit;box-shadow:var(--shadow-lift);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .28s var(--ease-out);z-index:-1}.ja-play-meta{align-items:center;color:var(--ink-soft);display:flex;flex-wrap:wrap;font:700 14px/1.3 var(--text);gap:6px 10px}.ja-play-meta img{flex:none;height:18px;width:18px}.ja-play-name{font:800 clamp(1.4rem,1.1rem + .8vw,1.85rem)/1.2 var(--text);letter-spacing:-.01em;overflow-wrap:break-word;text-wrap:balance}.ja-play-name a{color:inherit;text-decoration:none}.ja-play-name a:after{border-radius:var(--r-lg);content:"";inset:0;position:absolute;z-index:1}.ja-play-name a:focus-visible{outline:none}.ja-play-name a:focus-visible:after{outline:3px solid var(--focus);outline-offset:4px}.ja-play-sum{color:var(--ink-soft);font-size:16px;line-height:1.5;text-wrap:pretty}.ja-play-steps{display:grid;gap:8px;grid-template-columns:repeat(var(--steps,4),minmax(0,1fr));margin-block:8px 4px}.ja-play-steps li{align-content:start;font:700 13.5px/1.25 var(--text);gap:8px;justify-items:center;min-width:0;overflow-wrap:break-word;text-align:center}.ja-play-ic,.ja-play-steps li{display:grid;position:relative}.ja-play-ic{background:var(--field-blue);border-radius:50%;color:var(--ink);height:46px;place-items:center;width:46px;z-index:1}.ja-play-ic .i{height:20px;width:20px}.ja-play-steps li+li:before{border-top:2px dotted var(--line-strong);content:"";inset-inline-end:calc(50% + 28px);position:absolute;top:22px;width:calc(100% - 48px)}.ja-play-cta{align-items:center;color:var(--accent-ink);display:inline-flex;font-size:16px;font-weight:800;gap:8px}.ja-play-cta .i{height:18px;transition:translate .2s var(--ease-out);width:18px}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.ja-play-card:hover{translate:0 -6px}.ja-play-card:hover .ja-play-cta .i{translate:3px 0}[dir=rtl] .ja-play-card:hover .ja-play-cta .i{translate:-3px 0}}@media (hover:hover) and (pointer:fine){.ja-play-card:hover:before{opacity:1}.ja-play-card:hover .ja-play-name a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.18em}}.ja-play-card:focus-within:before{opacity:1}@media (max-width:1023px){.ja-play-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:479px){.ja-play-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}.ja-play-steps li:nth-child(odd):before{display:none}}@media (prefers-reduced-motion:reduce){.ja-play-card,.ja-play-cta .i{transition:none}.ja-play-card:before{transition:opacity .16s ease}}