@font-face{font-family:"Fira Sans";font-weight:400;font-display:swap;src:url(fonts/FiraSans-Regular.ttf) format("truetype")}
@font-face{font-family:"Fira Sans";font-weight:500;font-display:swap;src:url(fonts/FiraSans-Medium.ttf) format("truetype")}
@font-face{font-family:"Fira Sans";font-weight:700;font-display:swap;src:url(fonts/FiraSans-Bold.ttf) format("truetype")}
:root{--tile-dark:#3E4A41;--pip-dark:#D3E2D6;--tile-light:#E6E1D2;--pip-light:#313A33}
*{box-sizing:border-box;border-radius:0}
html{scroll-behavior:smooth}
body{display:flex;flex-direction:column;min-height:100vh;margin:0;font:400 15px/22px "Fira Sans",sans-serif;background:var(--tile-light);color:var(--pip-light)}
.ground-dark{background:var(--tile-dark);color:var(--pip-dark);--ring:var(--pip-dark)}
.ground-light{background:var(--tile-light);color:var(--pip-light);--ring:var(--pip-light)}
.wrap{max-width:1440px;margin:0 auto;padding:0 64px}
a{color:inherit}
:focus-visible{outline:3px solid var(--ring,var(--pip-light));outline-offset:3px}
.wrap.bar{padding:0;margin:0 64px;max-width:none}
.signup .wrap{margin:0 64px;padding:72px 0 0;max-width:none;border-top:2px solid var(--pip-light)}
.bar{display:flex;align-items:center;justify-content:space-between;height:96px;border-bottom:1px solid var(--pip-dark)}
footer .bar{border-bottom:0;border-top:1px solid var(--pip-dark)}
.lockup img{display:block;height:56px;width:auto}
.langs{display:flex}
.langs a{display:flex;align-items:center;justify-content:center;min-width:56px;height:48px;font:500 16px/1 "Fira Sans",sans-serif;text-decoration:none}
.langs a[aria-current="page"]{font-weight:700;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:8px}
.hero{padding:48px 0 72px}
.hero-grid{display:flex;align-items:center;justify-content:space-between;gap:48px}
.hero-grid>div{max-width:720px}
.badge{display:inline-block;margin:0 0 32px;padding:7px 14px;border:2px solid var(--pip-dark);font:500 14px/20px "Fira Sans",sans-serif}
h1{margin:0 0 32px;font:700 54px/62px "Fira Sans",sans-serif}
.sub{margin:0 0 40px;font-size:20px;line-height:30px;font-weight:500;max-width:560px}
.cta{display:inline-flex;align-items:center;min-height:56px;padding:0 48px;background:var(--pip-dark);color:var(--tile-dark);font:700 17px/1 "Fira Sans",sans-serif;text-decoration:none}
.hero-art{flex:none;width:340px;height:340px}
.games{padding:72px 0 48px}
.games-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.panel{border:2px solid var(--pip-light);background:var(--tile-light);color:var(--pip-light)}
.games-grid .panel{display:flex;gap:16px;align-items:flex-start;padding:16px 24px 32px 16px}
.pip{flex:none;width:56px;height:56px}
.panel h2{margin:0 0 6px;font:700 24px/30px "Fira Sans",sans-serif}
.panel p{margin:0}
.signup{padding:32px 0 96px}
.card{max-width:656px;margin:0 auto;padding:32px}
.card h2{margin:0 0 20px;font-size:28px;line-height:34px}
.card h2:focus{outline:none}
.card h2:focus-visible{outline:3px solid var(--pip-light);outline-offset:3px}
.purpose{margin-bottom:20px!important}
.privacy-link{display:inline-flex;margin-bottom:8px;align-items:center;min-height:48px;font-weight:700}
.privacy-link::after{content:"›";margin-left:6px;font-size:22px}
.field{margin:0 0 20px;padding:0;border:0;min-width:0}
.field>label,.field>legend{display:block;margin-bottom:6px;padding:0;font:500 14px/20px "Fira Sans",sans-serif}
input[type=email],select{width:100%;height:52px;padding:0 16px;border:2px solid var(--pip-light);background:var(--tile-light);color:var(--pip-light);font:500 16px/1 "Fira Sans",sans-serif}
input[type=email]::placeholder{color:transparent}
.seg-row{display:flex}
.segs label{flex:1;position:relative;display:block;margin-top:0}
.segs input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.segs span{display:flex;align-items:center;justify-content:center;height:52px;border:2px solid var(--pip-light);font:500 15px/1 "Fira Sans",sans-serif;margin-left:-2px}
.segs label:first-of-type span{margin-left:0}
.segs input:checked+span{background:var(--pip-light);color:var(--tile-light);font-weight:700}
.segs input:focus-visible+span{outline:3px solid var(--pip-light);outline-offset:3px}
.check-row{display:flex!important;align-items:center;gap:16px;min-height:48px;font:500 15px/22px "Fira Sans",sans-serif!important;margin:0!important}
.check-row input{appearance:none;flex:none;width:28px;height:28px;margin:0;border:2px solid var(--pip-light);background:var(--tile-light);cursor:pointer}
.check-row input:checked{background:var(--pip-light) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M6 14l6 6 10-12' fill='none' stroke='%23E6E1D2' stroke-width='3'/%3E%3C/svg%3E") center/100% no-repeat}
.err{display:flex;align-items:flex-start;gap:8px;margin:14px 0 0;font-size:14px;line-height:20px}
.err[hidden]{display:none}
.mark{flex:none;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--pip-light);color:var(--tile-light);font:700 13px/1 "Fira Sans",sans-serif}
.err.block{margin:0 0 12px;padding:12px 16px;background:var(--pip-light);color:var(--tile-light)}
.err.block .mark{background:var(--tile-light);color:var(--pip-light)}
.invalid input[type=email]{border-width:4px;padding:0 14px}
.invalid .check-row input{border-width:4px}
.submit{display:block;width:100%;min-height:56px;border:0;background:var(--tile-dark);color:var(--pip-dark);font:700 17px/1 "Fira Sans",sans-serif;cursor:pointer}
.sending input[type=email],.sending select,.sending .segs span,.sending .check-row input,.sending .submit{border:2px dashed var(--pip-light);background:transparent;color:var(--pip-light);cursor:default}
.sending .segs input:checked+span{background:transparent;color:var(--pip-light);font-weight:700}
.sending .check-row input:checked{background-color:transparent}
.pips{display:inline-flex;gap:4px;margin-right:8px;vertical-align:middle}
.pips i{display:block;width:10px;height:10px;transform:rotate(45deg);border:2px solid var(--pip-light);margin:0 2px}
.pips i.on{background:var(--pip-light)}
.success-line{display:flex;align-items:center;gap:16px;margin:0 0 12px;font-size:20px}
.check{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--tile-dark);color:var(--pip-dark)}
.check svg{display:block}
[hidden]{display:none!important}
.foot-links{display:flex;flex-wrap:wrap}
.foot-links a{display:inline-flex;align-items:center;min-height:48px;margin-right:32px;font:500 16px/1 "Fira Sans",sans-serif}
.copy{margin:0;font:500 14px/20px "Fira Sans",sans-serif}
.placeholder-page{padding:64px 0 96px;min-height:60vh}
.prose{max-width:720px}
.prose h1{font-size:34px;line-height:40px}
.placeholder{padding:16px;border:2px dashed var(--pip-light)}
@media (max-width:760px){
 .wrap{padding:0 20px}
 .bar{height:72px}
 .lockup img{height:39px}
 .langs a{min-width:44px;height:44px}
 .hero{padding:32px 0 48px}
 .hero-art{display:none}
 h1{font-size:34px;line-height:40px;margin-bottom:24px}
 .sub{font-size:17px;line-height:26px}
 .games{padding:40px 0 24px}
 .games-grid{grid-template-columns:1fr;gap:16px}
 .signup{padding-bottom:56px}
 .signup .wrap{padding-top:40px;margin:0 20px}
 .wrap.bar{margin:0 20px}
 .card{padding:20px}
 .card h2{font-size:24px;line-height:30px}
 footer .bar{height:auto;min-height:96px;flex-direction:column;align-items:flex-start;padding-top:12px;padding-bottom:12px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.doc{padding:64px 0 96px}
.doc .doc-col{max-width:720px;margin:0 auto 0 64px;padding:0}
.doc h1,.nf h1{margin:0 0 20px;font:700 44px/52px "Fira Sans",sans-serif}
.doc h1:focus,.nf h1:focus{outline:none}
.doc h2{margin:0 0 12px;font:700 22px/28px "Fira Sans",sans-serif}
.doc section{margin:48px 0 0}
.doc p,.doc li{margin:0 0 14px;font:400 17px/26px "Fira Sans",sans-serif}
.doc ul{margin:0 0 14px;padding-left:22px}
.doc .table-wrap{margin:0 0 20px;overflow-x:auto;border:2px solid var(--pip-light)}
.doc table{width:100%;min-width:560px;border-collapse:collapse;font:400 15px/22px "Fira Sans",sans-serif}
.doc th,.doc td{padding:10px 12px;text-align:left;vertical-align:top;border-top:2px solid var(--pip-light)}
.doc thead th{border-top:0;font-weight:700}
.version{margin:0 0 20px;font:500 14px/20px "Fira Sans",sans-serif}
.short{width:120px;margin:0 0 48px;border:0;border-top:3px solid var(--pip-light)}
.ph{display:inline-block;padding:0 6px;border:2px dashed var(--pip-light);font:500 15px/22px "Fira Sans",sans-serif}
.ground-dark .ph{border-color:var(--pip-dark)}
.textlink{display:inline-flex;align-items:center;min-height:48px;font-weight:700}
.nf{padding:64px 0 96px}
.nf-col{max-width:640px;margin:0 auto;padding:0 20px;text-align:center}
.nf-mark{display:block;margin:0 auto 40px;width:160px;height:160px}
.nf h1{font-size:54px;line-height:62px}
.nf p{font:500 20px/30px "Fira Sans",sans-serif;margin:0 0 40px}
.cta.dark{background:var(--tile-dark);color:var(--pip-dark);min-width:240px;justify-content:center}
.nf-links{display:flex;justify-content:center;gap:32px}
.nf-links a{display:inline-flex;align-items:center;min-height:48px;font:700 16px/1 "Fira Sans",sans-serif}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 40px;padding:0;list-style:none}
.steps li{display:flex;flex-direction:column;gap:12px;min-height:64px;padding:12px 16px;border:2px solid var(--pip-light);font:700 15px/22px "Fira Sans",sans-serif}
.n{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--tile-dark);color:var(--pip-dark);font:700 13px/1 "Fira Sans",sans-serif}
.dr{max-width:720px;margin:0 0 24px}
.dr h2{font-size:28px;line-height:34px}
.field>label.radio-row{display:flex;align-items:center;gap:16px;min-height:52px;margin:0 0 8px;padding:0 16px;border:2px solid var(--pip-light);font:500 15px/22px "Fira Sans",sans-serif;cursor:pointer;position:relative}
.radio-row input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.dot{flex:none;width:26px;height:26px;border:2px solid var(--pip-light);display:inline-flex;align-items:center;justify-content:center}
.radio-row input:checked~.dot::after{content:"";width:12px;height:12px;background:var(--pip-light);transform:rotate(45deg)}
.field>label.radio-row:has(input:checked){background:var(--pip-light);color:var(--tile-light)}
.radio-row:has(input:checked) .dot{border-color:var(--tile-light)}
.radio-row:has(input:checked) .dot::after{background:var(--tile-light)}
.radio-row:has(input:focus-visible){outline:3px solid var(--pip-light);outline-offset:3px}
.field.invalid>label.radio-row{border-width:4px;padding:0 14px}
textarea{width:100%;padding:12px 16px;border:2px solid var(--pip-light);background:var(--tile-light);color:var(--pip-light);font:500 16px/24px "Fira Sans",sans-serif;resize:vertical}
.panel .note{margin:0 0 20px;font:500 14px/20px "Fira Sans",sans-serif}
.alt{margin:0}
.sending .field>label.radio-row,.sending textarea{border:2px dashed var(--pip-light);background:transparent;color:var(--pip-light);cursor:default}
.sending .field>label.radio-row:has(input:checked){background:transparent;color:var(--pip-light)}
.sending .radio-row:has(input:checked) .dot::after{background:var(--pip-light)}
.sending .radio-row:has(input:checked) .dot{border-color:var(--pip-light)}
.ref{margin:0 0 20px!important}
.ref.real{display:inline-block;padding:8px 12px;border:2px solid var(--pip-light);font-weight:700}
.mark.big{width:36px;height:36px;font-size:22px}
#expired .cta{margin-top:12px}
@media (max-width:760px){
 .doc{padding:32px 0 56px}
 .doc .doc-col{margin:0 20px}
 .doc h1{font-size:32px;line-height:38px}
 .nf h1{font-size:34px;line-height:40px}
 .nf-mark{width:112px;height:112px;margin-bottom:32px}
 .nf p{font-size:17px;line-height:26px}
 .cta.dark{width:100%}
 .steps{grid-template-columns:1fr;gap:0}
 .steps li{flex-direction:row;align-items:center;min-height:64px;margin-top:-2px}
 .dr{margin:0 0 24px}
}
footer{flex:none}
main{flex:1 0 auto}
.variant:not([hidden]){display:flex;flex-direction:column;min-height:100vh}
.doc .doc-col.has-toc{max-width:1016px}
.doc-grid{display:block}
.has-toc .doc-grid{display:grid;grid-template-columns:248px minmax(0,720px);gap:48px;align-items:start}
.toc{position:sticky;top:24px;border:2px solid var(--pip-light)}
.toc summary{display:none;min-height:48px;align-items:center;padding:0 16px;font:700 17px/26px "Fira Sans",sans-serif;cursor:pointer}
.toc ol{margin:0;padding:12px 16px;list-style:none}
.toc li{margin:0}
.toc a{display:flex;align-items:center;min-height:36px;color:inherit;font:500 15px/22px "Fira Sans",sans-serif}
.doc-body h2{margin-top:32px;scroll-margin-top:24px}
.doc-body h2:first-child{margin-top:0}
.doc dl.rows{margin:0 0 20px}
.doc dl.rows>div{display:grid;grid-template-columns:280px minmax(0,440px);border-top:2px solid var(--pip-light);padding:12px 0}
.doc dl.rows>div:last-child{border-bottom:2px solid var(--pip-light)}
.doc dt{font:700 17px/26px "Fira Sans",sans-serif}
.doc dd{margin:0;font:400 17px/26px "Fira Sans",sans-serif;overflow-wrap:anywhere}
@media (max-width:760px){
 .doc .doc-col.has-toc{max-width:none}
 .has-toc .doc-grid{display:block}
 .toc{position:static;margin:0 0 24px}
 .toc summary{display:flex}
 .toc ol{padding:0 16px 12px}
 .doc dl.rows>div{grid-template-columns:1fr}
 .doc dd{margin-top:4px}
 .doc .table-wrap{border:0;overflow:visible}
 .doc table{min-width:0}
 .doc table,.doc tbody,.doc tr,.doc td{display:block}
 .doc thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .doc tr{margin:0 0 12px;border:2px solid var(--pip-light)}
 .doc td{border-top:0;padding:8px 12px}
 .doc td+td{border-top:2px solid var(--pip-light)}
 .doc td::before{content:attr(data-label);display:block;font-weight:700}
}
@media (max-width:760px){
 .toc summary{justify-content:space-between;list-style:none}
 .toc summary::-webkit-details-marker{display:none}
 .toc summary::after{content:"+";font-size:22px}
 .toc details[open] summary::after{content:"\2212"}
}