.how-to-play-holder{padding:15vh 0;background:url(/kys/landing/bg.webp) center center;background-size:cover;position:relative}.how-to-play-holder:after{display:block;content:"";block-size:10vh;position:absolute;inset-block-end:0;inline-size:100%;inset-inline-start:0;background:#0e3155;background:linear-gradient(0deg,#0e3155,#0e315500)}.how-to-play-holder:before{display:block;content:"";block-size:10vh;position:absolute;inset-block-start:0;inline-size:100%;inset-inline-start:0;background:#0e3155;background:linear-gradient(180deg,#0e3155,#0e315500)}.how-to-play{--padding: 6rem 2rem;--h2-size: 3rem;--h2-margin: 0 0 2rem;padding:var(--padding);text-align:center;display:flex;flex-direction:column;align-items:center;inline-size:100%;max-inline-size:80rem;margin:0 auto}.how-to-play>h2{font-size:var(--h2-size);margin:var(--h2-margin);font-weight:900}.how-to-play p{margin:0 0 1.5rem}.how-to-play .with-icon{display:flex;align-items:center;flex-direction:column;gap:1.5rem;font-weight:900;text-transform:uppercase;font-size:1.8rem;background:var(--secondary);padding:3rem 2rem;border-radius:var(--border-radius)}.how-to-play .payer-type-icon{inline-size:5rem;block-size:5rem;border-radius:50%;background:var(--pink);display:flex;justify-content:center;align-items:center}.how-to-play .payer-type-icon img{inline-size:3rem;block-size:3rem}@media screen and (min-width: 820px){.how-to-play{--padding: 12rem 2rem;--h2-size: 5rem;--h2-margin: 0 0 2rem}}#result{grid-area:result}#runs{grid-area:runs}#three{grid-area:three}.works-grid{display:grid;grid-template-columns:repeat(1,1fr);grid-template-areas:"result" "runs" "three";gap:.5rem}.three h3{margin:2rem 0 1rem}.three-cols{display:flex;gap:.5rem;flex-direction:column}@media screen and (min-width: 600px){.works-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-areas:"result runs" "three three";gap:1.5rem}.three-cols{display:flex;flex-direction:row;gap:1.5rem}.three-cols>div{flex:1}}.prize{margin:3rem 0 0;background:var(--secondary);border-radius:var(--border-radius);padding:4rem;background:var(--pink);color:var(--secondary)}.prize img{margin:0 0 2rem}.prize h3{margin:0 0 1.5rem;font-size:3rem;font-weight:900;line-height:1}.prize-arrow{transform:rotate(90deg);transform-origin:center center;inline-size:5rem;block-size:5rem;color:var(--gold);margin:3rem 0 0}@media screen and (min-width: 600px){.prize{display:flex;gap:2rem;align-items:center}.prize img{margin:0}.prize-text{text-align:start}}