:root{--ink:#111;--paper:#fff;--yellow:#f8c800;--blue:#0080d8;--white:#fff;--muted:#4a4a4a;--title:"Bangers", "Impact", sans-serif;--body:"Nunito", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);font:17px/1.6 var(--body);background-color:var(--paper);background-image:radial-gradient(#11111114 1.6px,#0000 1.7px);background-size:14px 14px;margin:0}a{color:var(--blue);font-weight:700}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--title);letter-spacing:.03em;margin:0 0 .4em;font-weight:400;line-height:1.05}h1{font-size:clamp(44px,9vw,84px)}h2{font-size:clamp(34px,6vw,52px)}h3{font-size:30px}.wrap{max-width:1100px;margin:0 auto;padding:0 16px}.top{z-index:5;background:var(--ink);border-bottom:4px solid var(--yellow);position:sticky;top:0}.top .wrap{align-items:center;gap:16px;min-height:68px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;margin-right:auto;text-decoration:none;display:flex}.brand img{width:auto;height:46px}.top nav{align-items:center;gap:6px;display:flex}.top nav a{font-family:var(--title);letter-spacing:.04em;color:var(--white);padding:2px 10px;font-size:22px;font-weight:400;text-decoration:none}.top nav a:not(.btn):hover{color:var(--yellow)}.top nav a.btn{color:var(--ink);white-space:nowrap}.langs{border:3px solid var(--yellow);border-radius:10px;flex-shrink:0;display:flex;overflow:hidden;transform:rotate(-2deg)}.langs button{font:400 18px/1 var(--title);letter-spacing:.05em;color:var(--white);background:var(--ink);cursor:pointer;border:0;padding:6px 8px 4px}.langs button+button{border-left:3px solid var(--yellow)}.langs button:hover{color:var(--yellow)}.langs button[aria-pressed=true]{background:var(--yellow);color:var(--ink)}.langs button:focus-visible{outline:3px solid var(--white);outline-offset:-5px}html.i18n-wait body{visibility:hidden}html[lang=fr] [data-lang]:not([data-lang=fr]),html[lang=en] [data-lang]:not([data-lang=en]),html[lang=es] [data-lang]:not([data-lang=es]){display:none}.btn{font-family:var(--title);letter-spacing:.05em;color:var(--white);background:var(--ink);border:4px solid var(--ink);box-shadow:5px 5px 0 var(--yellow);border-radius:12px;padding:10px 22px;font-size:24px;font-weight:400;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-block;transform:rotate(-1.5deg)}.btn:hover{box-shadow:7px 7px 0 var(--yellow);transform:rotate(0)translate(-2px,-2px)}.btn:active{box-shadow:2px 2px 0 var(--yellow);transform:translate(3px,3px)}.btn.blue{background:var(--blue);box-shadow:5px 5px 0 var(--ink)}.btn.yellow{background:var(--yellow);color:var(--ink);box-shadow:5px 5px 0 var(--ink)}.btn.small{padding:6px 14px;font-size:20px}.panel{background:var(--white);border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);border-radius:6px;padding:24px;position:relative}.panel.yellow{background:var(--yellow)}.panel.blue{background:var(--ink);color:var(--white)}.panel.blue a:not(.btn){color:var(--yellow)}.caption{font-family:var(--title);letter-spacing:.05em;background:var(--yellow);border:3px solid var(--ink);margin-bottom:12px;padding:0 10px;font-size:20px;display:inline-block;transform:rotate(-2deg)}.bubble{background:var(--white);border:4px solid var(--ink);border-radius:40px;padding:12px 22px;font-size:18px;font-weight:800;display:inline-block;position:relative}.bubble:after{content:"";background:var(--white);border-left:4px solid var(--ink);border-bottom:4px solid var(--ink);border-bottom-left-radius:4px;width:28px;height:22px;position:absolute;bottom:-22px;left:40px;transform:skew(-35deg)}.hero{padding:48px 0 72px;position:relative;overflow:hidden}.hero .wrap{grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid;position:relative}.hero h1{color:var(--yellow);-webkit-text-stroke:2.5px var(--ink);text-shadow:5px 5px 0 var(--ink)}.hero h1 em{color:var(--white);font-style:normal}.hero p.lead{max-width:34ch;font-size:20px;font-weight:700}.hero .actions{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.hero .logo{width:min(520px,100%);margin:0 auto;animation:3.5s ease-in-out infinite pop}.hero .bubble{margin-bottom:18px;transform:rotate(-3deg)}@keyframes pop{0%,to{transform:rotate(-2deg)scale(1)}50%{transform:rotate(2deg)scale(1.03)}}@media (prefers-reduced-motion:reduce){.hero .logo{animation:none}.btn{transition:none}}section.block{padding:56px 0;position:relative;overflow-x:clip}section.block>.wrap{position:relative}section.block>.wrap>h2{background:var(--white);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);margin-bottom:32px;padding:4px 16px 0;display:inline-block;transform:rotate(-1.5deg)}.strip{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;display:grid}.strip .panel:nth-child(2n){transform:rotate(.8deg)}.strip .panel:nth-child(odd){transform:rotate(-.6deg)}.game .art{border-bottom:4px solid var(--ink);background:var(--ink) radial-gradient(#f8c80059 2px, transparent 2.2px) 0 0 / 16px 16px;place-items:center;height:170px;margin:-24px -24px 18px;display:grid;overflow:hidden}.game .art.unicorn{background:linear-gradient(#ff4f9a 0 16.6%,#ff8a3d 16.6% 33.3%,#ffd23f 33.3% 50%,#36d399 50% 66.6%,#38bdf8 66.6% 83.3%,#a66cff 83.3%)}.game .art.unicorn img{filter:drop-shadow(5px 5px #111);width:120px;height:auto}.game .art.pop{background:#ff4f9a radial-gradient(#ffffff8c 5px,#0000 5.5px) 0 0/28px 28px}.game .art.pop img{filter:drop-shadow(5px 5px #111);width:120px;height:auto}.new-badge{font-family:var(--title);letter-spacing:.05em;background:var(--yellow);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);z-index:2;padding:0 12px;font-size:22px;position:absolute;top:12px;right:-10px;transform:rotate(8deg)}.game .art.soon{background:var(--yellow) radial-gradient(#1111112e 2px, transparent 2.2px) 0 0 / 16px 16px}.game .art .mystery{font-family:var(--title);color:var(--white);-webkit-text-stroke:4px var(--ink);text-shadow:6px 6px 0 var(--ink);font-size:110px}.game .tags{flex-wrap:wrap;gap:8px;margin:12px 0 16px;display:flex}.tag{border:2px solid var(--ink);background:var(--white);border-radius:99px;padding:1px 10px;font-size:13px;font-weight:800}.feature .icon{font-family:var(--title);background:var(--ink);width:64px;height:64px;color:var(--yellow);border:4px solid var(--ink);box-shadow:4px 4px 0 var(--yellow);border-radius:50%;place-items:center;margin-bottom:8px;font-size:34px;display:inline-grid}.cta{text-align:center}.cta .panel{max-width:760px;margin:0 auto}.doc{padding:40px 0 72px}.doc .panel{max-width:820px;margin:0 auto;padding:clamp(20px,5vw,48px)}.doc h1{color:var(--yellow);-webkit-text-stroke:2px var(--ink);text-shadow:4px 4px 0 var(--ink);font-size:clamp(40px,7vw,64px)}.doc h2{margin-top:1.4em;font-size:30px}.doc li{margin:4px 0}.doc .updated{color:var(--muted);font-weight:700}.doc table{border-collapse:collapse;width:100%;margin:12px 0;font-size:15px}.doc th,.doc td{border:2px solid var(--ink);text-align:left;vertical-align:top;padding:8px 10px}.doc th{background:var(--yellow)}.doc .table-wrap{overflow-x:auto}footer{background:var(--ink);color:var(--white);border-top:6px solid var(--yellow);padding:32px 0}footer .wrap{flex-wrap:wrap;align-items:center;gap:16px 28px;display:flex}footer a{color:var(--yellow)}footer .copy{opacity:.8;margin-left:auto}.deco{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;position:absolute}.deco.star-a{width:54px;top:20px;left:2%;transform:rotate(-12deg)}.deco.star-b{width:40px;bottom:34px;left:44%}.deco.bolt-a{width:70px;bottom:10px;left:1%}.deco.bolt-b{width:46px;top:8px;right:3%;transform:rotate(14deg)}.deco.pad{width:120px;top:-12px;right:0;transform:rotate(10deg)}.deco.puzzle{width:90px;top:-16px;right:2%;transform:rotate(-10deg)}.deco.phone{width:96px;bottom:-20px;left:-10px;transform:rotate(-14deg)}.deco.cloud{width:90px;top:-40px;right:0}.hero .wrap>*,section.block>.wrap>*{z-index:1;position:relative}section.block>.wrap>.deco{z-index:2;position:absolute}@media (width<=760px){.deco.star-b,.deco.bolt-a,.deco.phone{display:none}.deco.pad{width:84px}.deco.puzzle{width:64px}.hero .wrap{grid-template-columns:1fr}.hero .logo{order:-1;width:min(300px,80%)}.top nav a.hide-mobile{display:none}.brand img{height:38px}.top .wrap{gap:10px}.langs button{padding:5px 6px 3px;font-size:16px}.top nav a.btn.small{padding:4px 10px;font-size:18px}footer .copy{margin-left:0}}
