section{padding-block: clamp(64px,9vw,120px)}.head{display: grid;gap: 16px;max-width: 46rem;margin-bottom: clamp(36px,5vw,56px)}.head h2{font-size: clamp(2.25rem,4.8vw,3.75rem)}.head p{color: var(--mist);font-size: 1.125rem;max-width: 38rem}.band{margin-inline: calc(-1 * max(16px,env(safe-area-inset-left,0px)));background: var(--deep);border-block: 1px solid var(--line)}.band>.inner{padding-left: max(16px,env(safe-area-inset-left,0px));padding-right: max(16px,env(safe-area-inset-right,0px))}.live{display: grid;gap: clamp(48px,7vw,88px)}.game{--tint: var(--cream)}.game.t1{--tint: var(--t-o)}.game.t2{--tint: var(--t-l-text)}.game.t3{--tint: var(--t-u)}.game{display: grid;gap: clamp(20px,3vw,32px)}.game-body{display: grid;grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);gap: 24px clamp(28px,5vw,56px);align-items: center}.shot.screen img{aspect-ratio: 4 / 3}@media (min-width: 861px){.game-body{align-items: start}.game-body>.shot.screen{position: sticky;top: calc(88px + env(safe-area-inset-top,0px))}}.game-copy .buy{margin-top: 8px}@media (max-width: 860px){.game-body{grid-template-columns: minmax(0,1fr)}}.game-copy{display: grid;gap: 14px;min-width: 0}.game-tag{display: flex;align-items: center;gap: 12px}.game-tag .badge{width: 36px;height: 39px;flex: none}.game-tag .badge svg{width: 100%;height: 100%;display: block}.game h3{font-size: clamp(2rem,3.6vw,2.875rem)}.game .line{font-family: var(--display);font-weight: 600;font-size: 1.25rem;color: var(--tint)}.game p{color: var(--mist);max-width: 36rem}.status{display: inline-flex;align-items: center;gap: 8px;font: 600 0.875rem var(--display);letter-spacing: 0.04em;color: var(--tint)}.status::before{content: "";width: 9px;height: 9px;border-radius: 3px;background: currentColor;transform: rotate(-8deg)}.soon .status::before{animation: blink 1.6s ease-in-out 3}@keyframes blink{50%{opacity: 0.25}}.facts{display: flex;flex-wrap: wrap;gap: 10px 26px;margin: 4px 0 0;padding: 0}.facts div{display: flex;flex-direction: column-reverse}.facts dd{margin: 0;font: 600 1.75rem/1.1 var(--mono);font-variant-numeric: tabular-nums;color: var(--cream)}.facts dt{font-size: 0.8125rem;letter-spacing: 0.08em;text-transform: uppercase;color: var(--mist)}.buy{display: grid;gap: 16px;padding: 22px;border-radius: 22px;background: var(--raise);box-shadow: inset 0 0 0 1px var(--line)}.price{margin: 0;display: flex;align-items: baseline;justify-content: space-between;gap: 12px;flex-wrap: wrap}.price strong{font: 700 2.25rem/1 var(--display);color: var(--t-l-text)}html.a-contrast .price strong{color: #3DDCAA}.price span{font-size: 0.9375rem;color: var(--mist)}.buy .later{font-size: 0.9375rem;color: var(--mist)}.buy .store,.buy .btn{justify-self: start}.avail{display: grid;gap: 8px;padding-top: 14px;border-top: 1px solid var(--line)}.avail-t{font: 600 0.75rem var(--display);letter-spacing: 0.14em;text-transform: uppercase;color: var(--mist)}.avail-row{display: flex;flex-wrap: wrap;align-items: center;gap: 8px}.flags{display: flex;flex-wrap: wrap;gap: 6px;margin: 0;padding: 0;list-style: none}.flags img{display: block;width: 28px;height: 21px;border-radius: 4px;object-fit: cover;box-shadow: 0 0 0 1px rgba(242,235,221,.18)}.more summary{display: inline-flex;align-items: center;min-height: 28px;padding: 0 10px;border-radius: 8px;background: var(--line);font: 600 0.875rem var(--mono);cursor: pointer;list-style: none}.more summary::-webkit-details-marker{display: none}.more summary:hover{background: var(--mist);color: var(--night)}.more[open]{flex-basis: 100%}.country-list{columns: 2 150px;column-gap: 20px;max-height: 260px;overflow: auto;margin: 10px 0 0;padding: 4px 2px;list-style: none;font-size: 0.875rem;color: var(--mist)}.country-list li{break-inside: avoid;padding: 2px 0}.soon-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: clamp(20px,3vw,32px)}@media (max-width: 860px){.soon-grid{grid-template-columns: minmax(0,1fr)}}.card{display: grid;grid-template-rows: auto 1fr;border-radius: 24px;overflow: hidden;background: var(--raise);box-shadow: 0 0 0 1px var(--line)}.card .shot{border-radius: 0;box-shadow: none}.card .card-body{display: grid;gap: 12px;align-content: start;padding: 22px 24px 26px}.card h3{font-size: clamp(1.625rem,2.6vw,2rem)}.card .line{font-size: 1.0625rem}.card p{font-size: 1rem}.card .facts dd{font-size: 1.375rem}.card .btn{justify-self: start;margin-top: 4px}.a11y{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.05fr);gap: clamp(28px,5vw,64px);align-items: start}@media (max-width: 900px){.a11y{grid-template-columns: minmax(0,1fr)}}.groups{display: grid;gap: 12px;list-style: none;margin: 0;padding: 0}.groups li{display: grid;grid-template-columns: 36px minmax(0,1fr);gap: 14px;padding: 16px 18px;border-radius: 18px;background: var(--raise);box-shadow: inset 0 0 0 1px var(--line)}.groups svg{width: 36px;height: 36px}.groups h3{font-size: 1.125rem;font-weight: 600;line-height: 1.3;margin-bottom: 2px}.groups p{color: var(--mist);font-size: 0.9375rem}.panel{position: sticky;top: calc(84px + env(safe-area-inset-top,0px));display: grid;gap: 14px;min-width: 0}.panel svg.routes{display: block;width: 100%;height: auto;border-radius: 24px;background: var(--deep);box-shadow: 0 0 0 2px var(--line)}.toggles{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px}@media (max-width: 420px){.toggles{grid-template-columns: minmax(0,1fr)}}.toggle{display: flex;align-items: center;gap: 12px;min-height: 52px;padding: 10px 14px;border-radius: 14px;border: 0;background: var(--raise);box-shadow: inset 0 0 0 2px var(--line);color: var(--cream);text-align: left;font: 600 0.9375rem var(--display);cursor: pointer}.toggle .sw{position: relative;width: 34px;height: 20px;flex: none;border-radius: 999px;background: var(--line);transition: background .2s}.toggle .sw::after{content: "";position: absolute;left: 3px;top: 3px;width: 14px;height: 14px;border-radius: 4px;background: var(--cream);transition: transform .2s}.toggle[aria-pressed="true"]{box-shadow: inset 0 0 0 2px var(--t-u)}.toggle[aria-pressed="true"] .sw{background: var(--t-u)}.toggle[aria-pressed="true"] .sw::after{transform: translateX(14px)}.panel-note{font-size: 0.9375rem;color: var(--mist)}.testers{display: grid;grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);gap: 24px clamp(28px,5vw,64px);align-items: start}.testers .head{margin-bottom: 0}@media (max-width: 900px){.testers{grid-template-columns: minmax(0,1fr)}}.test-card{display: grid;gap: 18px;padding: 26px;border-radius: 22px;background: var(--raise);box-shadow: inset 0 0 0 1px var(--line)}.test-card h3{font-size: 1.375rem}.steps{list-style: none;margin: 0;padding: 0;display: grid;gap: 14px}.steps li{display: grid;grid-template-columns: 34px minmax(0,1fr);gap: 14px;align-items: start;color: var(--mist)}.step{display: grid;place-items: center;width: 34px;height: 36px;border-radius: 9px;font: 700 1rem var(--display);color: var(--night);box-shadow: inset 0 -4px 0 rgba(0,0,0,.28)}.step{transform: rotate(var(--r))}.steps li:nth-child(1) .step{background: var(--t-n);--r: -3deg}.steps li:nth-child(2) .step{background: var(--t-o);--r: 2deg}.steps li:nth-child(3) .step{background: var(--t-l);color: var(--cream);--r: -2deg}.test-card .btn{justify-self: start}.test-social{font-size: 0.9375rem;color: var(--mist)}.kit{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 16px}@media (max-width: 860px){.kit{grid-template-columns: minmax(0,1fr)}}.kit article{display: grid;gap: 10px;align-content: start;padding: 24px;border-radius: 22px;background: var(--raise);box-shadow: inset 0 0 0 1px var(--line)}.kit h3{font-size: 1.375rem}.kit p{color: var(--mist);font-size: 1rem}.kit .glyph{width: 44px;height: 44px}.credit-sample{display: inline-flex;align-items: center;gap: 10px;margin-top: 6px;padding: 12px 14px;border-radius: 14px;background: var(--night);font: 500 0.9375rem var(--display);color: var(--mist);justify-self: start}.credit-sample svg{width: 72px;height: auto;display: block;flex: none}.next{text-align: center;display: grid;justify-items: center;gap: 18px}.next h2{font-size: clamp(2.25rem,5.4vw,4.25rem);max-width: 16ch}.next p{color: var(--mist);font-size: 1.125rem;max-width: 38rem}.next .cta{justify-content: center;margin-top: 8px}footer{padding-block: 48px 40px;border-top: 1px solid var(--line)}footer .wrap{display: grid;gap: 20px}footer .row{display: flex;flex-wrap: wrap;gap: 16px 32px;align-items: center;justify-content: space-between}footer .credit{display: inline-flex;align-items: center;gap: 10px;font: 500 0.9375rem var(--display);color: var(--mist)}footer .credit svg{width: 72px;height: auto;display: block}footer small{color: var(--mist);font-size: 0.875rem}footer .foot-links{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 20px}footer .foot-links a{display: inline-flex;align-items: center;min-height: 28px;color: var(--cream);font-size: 0.875rem}footer .langs{display: flex;flex-wrap: wrap;gap: 4px 14px;margin: 0;padding: 0;list-style: none;font-size: 0.875rem}footer .langs a{display: inline-flex;align-items: center;min-height: 28px;color: var(--mist);text-decoration: none}footer .langs a:hover,footer .langs a[aria-current]{color: var(--cream);text-decoration: underline}.anim .reveal{opacity: 0;transform: translateY(28px);transition: opacity .7s ease var(--d,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}.anim .reveal.in{opacity: 1;transform: none}.anim .shot.reveal{transform: none}.anim .shot.reveal img{transform: scale(1.08);transition: transform 1.6s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}.anim .shot.reveal.in img{transform: none}.anim .hero .shot img{animation: settle 2.2s cubic-bezier(.2,.7,.2,1) .3s both}@keyframes settle{from{transform: scale(1.1)}}.anim .game.reveal .badge svg,.anim .test-card.reveal .step{opacity: 0}.anim .game.reveal.in .badge svg{animation: drop .6s cubic-bezier(.3,1.5,.5,1) calc(var(--d,0ms) + 250ms) both}.anim .test-card.reveal.in .step{animation: drop .55s cubic-bezier(.3,1.5,.5,1) both}.anim .test-card.reveal.in li:nth-child(1) .step{animation-delay: .35s}.anim .test-card.reveal.in li:nth-child(2) .step{animation-delay: .47s}.anim .test-card.reveal.in li:nth-child(3) .step{animation-delay: .59s}@keyframes drop{from{opacity: 0;transform: translateY(-40px) rotate(var(--r,0deg))}45%{opacity: 1}to{opacity: 1;transform: rotate(var(--r,0deg))}}.card{transition: box-shadow .25s ease}.card:hover{box-shadow: 0 0 0 1px var(--mist),0 24px 40px -24px rgba(0,0,0,.8)}.card:hover .shot img,.anim .card:hover .shot.reveal.in img{transform: scale(1.04);transition: transform .5s ease}.store svg{transition: transform .3s ease}.store:hover svg{transform: rotate(-8deg) scale(1.08)}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation: none !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}}html.a-calm *,html.a-calm *::before,html.a-calm *::after{animation: none !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}.cjk{font-family: system-ui,-apple-system,"Hiragino Sans","PingFang TC","PingFang SC","Apple SD Gothic Neo",sans-serif}