.page{z-index:1;max-width:960px;padding:28px 22px calc(env(safe-area-inset-bottom) + 64px);margin:0 auto;position:relative}.topnav-links a[aria-current=page]{border-bottom-color:var(--red)}a{color:var(--red)}.backlink{font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 22px;font-size:12px}.backlink a{color:var(--muted);text-decoration:none}.backlink a:hover{color:var(--red)}.hero{text-align:center;justify-items:center;padding:10px 0 56px;display:grid}.mark{width:88px;height:88px;animation:5s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.eyebrow{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);font-family:var(--display);letter-spacing:.3em;text-transform:uppercase;margin:18px 0 10px;padding:6px 14px;font-size:12px;font-weight:500}h1{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;color:var(--red);text-shadow:4px 4px 0 var(--mustard);margin:10px 0 14px;font-size:clamp(44px,8.5vw,92px);font-weight:700;line-height:.95}.tagline{max-width:52ch;margin:0 0 24px;font-size:clamp(17px,2.2vw,20px);font-style:italic}.facts{flex-wrap:wrap;justify-content:center;gap:14px;margin:0 0 28px;padding:0;list-style:none;display:flex}.facts li{border:3px solid var(--ink);background:var(--paper);max-width:290px;box-shadow:5px 5px 0 var(--ink);text-align:center;flex:200px;padding:12px 18px;display:grid}.facts strong{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;font-size:22px;font-weight:700}.facts span{color:var(--muted);font-size:13px}.facts span a{color:inherit;text-decoration:none}.facts .free{background:var(--red);color:#fff}.facts .free span{color:#ffffffd9}.actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.cta{border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:var(--red);color:#fff;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:13px 24px;font-size:17px;font-weight:500;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-block}.cta:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-1px,-1px)}.cta:active{box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px)}.cta.ghost{background:var(--paper);color:var(--ink)}.clip{margin:0 0 64px}.clip video{aspect-ratio:16/9;border:3px solid var(--ink);width:100%;box-shadow:8px 8px 0 var(--ink);background:#fff repeating-linear-gradient(45deg,#0000 0 14px,#c8321e1f 14px 16px);padding:12px;display:block}.clip figcaption{text-align:center;color:var(--muted);margin-top:14px;font-size:15px;font-style:italic}.section{margin-bottom:64px}.section h2{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--red);align-items:center;gap:14px;margin:0 0 24px;font-size:clamp(26px,4vw,36px);font-weight:700;display:flex}.section h2:after{content:"";background:var(--ink);flex:1;height:3px}.lead{max-width:64ch;color:var(--muted);margin:-8px 0 24px;font-size:16px;font-style:italic}.cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;display:grid}.card,.steps li,.stat,.custom-card{border:3px solid var(--ink);background:var(--paper);box-shadow:6px 6px 0 var(--ink);padding:20px 20px 18px}.card.wide{grid-column:1/-1}.card h3,.steps h3,.game h3{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px;font-size:20px;font-weight:500}.card p,.steps p,.game p,.stat p,.plain{color:var(--muted);margin:0;font-size:15px}.card b,.plain b{color:var(--ink)}.stats{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;display:grid}.stat{grid-template-rows:auto 1fr auto;gap:10px;padding-top:18px;display:grid}.stat strong{font-family:var(--display);letter-spacing:.02em;color:var(--red);text-shadow:3px 3px 0 var(--mustard);font-size:clamp(34px,4.5vw,44px);font-weight:700;line-height:1}.stat .src{border:2px solid var(--ink);background:var(--bg);color:var(--ink);font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;justify-self:start;padding:3px 9px;font-size:12px;font-weight:500;text-decoration:none}.stat .src:hover{background:var(--mustard)}.games{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;display:grid}.game{border:3px solid var(--ink);background:var(--paper);box-shadow:6px 6px 0 var(--ink);color:var(--ink);padding:10px 10px 16px;text-decoration:none;transition:transform .12s,box-shadow .12s;display:block}.game:hover{box-shadow:8px 8px 0 var(--ink);transform:translate(-2px,-2px)}.game img{aspect-ratio:16/9;object-fit:cover;border:2px solid var(--ink);background:var(--ink);width:100%;height:auto;margin-bottom:12px;display:block}.game h3,.game p{padding:0 6px}.steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid}.steps li{padding-top:24px;position:relative}.num{border:3px solid var(--ink);background:var(--mustard);width:36px;height:36px;color:var(--ink);font-family:var(--display);place-items:center;font-size:18px;font-weight:700;display:grid;position:absolute;top:-18px;left:14px}.custom-card{background:var(--mustard);padding:28px 26px 26px;position:relative}.custom-card:before{content:"Free to try";border:2px solid var(--ink);background:var(--paper);font:500 12px/1.4 var(--display);letter-spacing:.2em;text-transform:uppercase;padding:2px 10px;position:absolute;top:-14px;left:18px}.custom-lead{margin:0 0 10px;font-size:18px;font-style:italic}.custom-card .plain{color:var(--ink)}.actions.start{justify-content:flex-start;margin-top:20px}.source-list{border:2px dotted var(--ink);background:var(--paper);color:var(--muted);margin:0 0 14px;padding:18px 20px 18px 24px;font-size:14px;list-style:none}.source-list li{margin:0 0 10px;line-height:1.5}.source-list li:last-child{margin-bottom:0}.source-list li:target{background:var(--mustard);color:var(--ink)}.source-list b{color:var(--ink)}.foot{text-align:center;color:var(--muted);margin-top:46px;font-size:14px}@media (prefers-reduced-motion:reduce){.mark{animation:none}}@media (width<=700px){.actions .cta{text-align:center;flex:100%}.facts li{flex:100%;max-width:none}.clip video{box-shadow:5px 5px 0 var(--ink);padding:8px}}
