@font-face{font-family:Pixel;src:url(fonts/silkscreen.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215}
@font-face{font-family:Pixel;src:url(fonts/silkscreen-ext.woff2) format('woff2');font-display:swap;unicode-range:U+0100-02AF,U+1E00-1EFF}
/* Silkscreen has no ł, ą, ě or ř. Polish and Czech use Jersey 15 for every pixel heading instead of switching font mid-word. */
@font-face{font-family:Jersey;src:url(fonts/jersey.woff2) format('woff2');font-display:swap;size-adjust:125%;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215}
@font-face{font-family:Jersey;src:url(fonts/jersey-ext.woff2) format('woff2');font-display:swap;size-adjust:125%;unicode-range:U+0100-02AF,U+1E00-1EFF}
@font-face{font-family:Body;src:url(fonts/body.woff2) format('woff2');font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215}
@font-face{font-family:Body;src:url(fonts/body-ext.woff2) format('woff2');font-display:swap;unicode-range:U+0100-02AF,U+1E00-1EFF}
@font-face{font-family:Body;src:url(fonts/body-semibold.woff2) format('woff2');font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2190-2193,U+2212,U+2215}
@font-face{font-family:Body;src:url(fonts/body-semibold-ext.woff2) format('woff2');font-weight:600;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1EFF}
:root{--px:Pixel,monospace;--ink:#14121f;--ink-2:#1d1a2c;--ink-3:#2b2740;--text:#f3effb;--muted:#b7b1c9;--lime:#cfe791;--on-lime:#23300e;--gold:#ffe39c;--on-gold:#2a2008;--violet:#a98bf0;--pink:#e5a6d3;--sky:#a3d8eb;
 --notch:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px))}
:root:lang(pl),:root:lang(cs){--px:Jersey,monospace}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--ink);color:var(--text);font:400 17px/1.55 Body,system-ui,sans-serif}
img,video{display:block;max-width:100%;height:auto}
a{color:var(--lime)}
h1,h2,h3{font-family:var(--px);font-weight:400;margin:0;text-wrap:balance;line-height:1.12}
h1{font-size:clamp(46px,9vw,92px)}
h2{font-size:clamp(30px,5.2vw,50px)}
h3{font-size:21px}
p{margin:0}
strong{font-weight:600;color:#fff}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.lead{font-size:clamp(18px,2.2vw,21px);color:var(--muted);margin-top:16px;max-width:36em}
.ico{width:18px;height:18px;fill:currentColor;flex:none;shape-rendering:crispEdges}
.skip{position:absolute;left:-999px;top:8px;background:var(--lime);color:var(--on-lime);padding:10px 14px;z-index:30}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:10px 22px;border:0;font:400 16px/1.2 var(--px);text-decoration:none;cursor:pointer;clip-path:var(--notch);transition:transform .12s steps(2),filter .12s}
.btn:hover{transform:translateY(-2px);filter:brightness(1.07)}
.btn:active{transform:translateY(1px)}
.btn-lit{background:var(--lime);color:var(--on-lime)}
.btn-gold{background:var(--gold);color:var(--on-gold)}
.btn[aria-disabled=true]{background:var(--ink-3);color:var(--muted);cursor:default;transform:none;filter:none}

.brand{display:flex;align-items:center;gap:12px;padding:18px 0;position:relative;z-index:5}
.brand img{width:32px;height:auto}
.wordmark{font:400 19px var(--px);color:var(--lime);text-decoration:none}
.brand a{text-decoration:none;display:flex;align-items:center;gap:12px}
.lang-menu{margin-left:auto;position:relative}
.lang-menu summary{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 10px;list-style:none;cursor:pointer;font:600 14px Body,sans-serif;background:var(--ink-2)}
.lang-menu summary::-webkit-details-marker{display:none}
.lang-menu .ico{width:12px;height:12px}
.lang-menu nav{position:absolute;right:0;top:calc(100% + 4px);background:var(--ink-2);border:2px solid var(--ink-3);padding:6px;display:grid;min-width:170px;z-index:20}
.lang-menu nav a,.langs a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 10px;color:var(--text);text-decoration:none;font-size:15px}
.lang-menu nav a:hover,.lang-menu nav a[aria-current]{background:var(--ink-3)}
.flag{width:20px;height:14px;flex:none}
.lang-hint{margin-left:auto;font-size:14px;color:var(--muted)}
.lang-hint+.lang-menu{margin-left:8px}

.phone{background:#0a0912;padding:8px;box-shadow:0 0 0 2px var(--ink-3),0 18px 50px #0009;clip-path:var(--notch)}
.screen{position:relative;overflow:hidden;background:var(--ink)}
.screen img{width:100%}

.hero{position:relative;padding:0 20px 56px;max-width:1120px;margin:0 auto;isolation:isolate}
.hero::before{content:'';position:absolute;z-index:-1;left:0;right:0;top:12%;height:80%;background:radial-gradient(50% 50% at 70% 50%,#4a3380 0,#4a338000 100%)}
.hero-grid{display:grid;gap:28px;align-items:center}
.hero-copy .lead{max-width:24em}
.hero-action{margin-top:24px;display:grid;justify-items:start;gap:10px}
.note{font-size:15px;color:var(--muted)}
.hero-phone{width:min(100%,340px);margin:0 auto}
.hero-phone .screen{aspect-ratio:390/750}
.hero-phone img{height:100%;object-fit:cover;object-position:top}
.hero-phone iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:var(--ink)}
.hero-start{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;white-space:nowrap;min-height:48px;padding:8px 16px;border:0;background:var(--gold);color:var(--on-gold);font:400 14px var(--px);cursor:pointer;clip-path:var(--notch)}
@media (min-width:860px){.hero-grid{grid-template-columns:1.1fr .9fr;gap:40px}.hero{padding-bottom:88px}.hero-phone{width:360px}}

section{padding:64px 0}
.how{background:var(--ink-2)}
.steps{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:40px}
.steps .phone{max-width:290px;margin:0 auto 20px}
.steps p{color:var(--muted);margin-top:8px}
.steps h3{font-size:22px}
@media (min-width:760px){.steps{grid-template-columns:repeat(3,1fr);gap:28px}}

.collect-grid{display:grid;gap:40px;align-items:center}
.rarity{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}
.rarity li{display:flex;gap:12px;align-items:center;color:var(--muted)}
.rarity i{width:20px;height:20px;flex:none}
.r-holo{background:linear-gradient(135deg,var(--sky),var(--violet))}
.r-prisma{background:linear-gradient(135deg,var(--gold),var(--pink),var(--sky),var(--lime))}
.fan{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:center;max-width:620px;margin:0 auto;width:100%}
.fan img{width:100%}
.fan img:nth-child(1){filter:drop-shadow(0 0 18px #a3d8eb55)}
.fan img:nth-child(2){filter:drop-shadow(0 0 22px #e5a6d377);margin-top:-22px}
.fan img:nth-child(3){filter:drop-shadow(0 8px 16px #0008)}
@media (min-width:860px){.collect-grid{grid-template-columns:.85fr 1.15fr}.fan{gap:14px}}

.shop{background:var(--ink-2)}
.shop-grid{display:grid;gap:36px;align-items:center}
.gear{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px;color:var(--muted)}
.gear li{padding-left:18px;position:relative}
.gear li::before{content:'';position:absolute;left:0;top:.55em;width:8px;height:8px;background:var(--lime)}
.shop-phones{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:520px;margin:0 auto;width:100%}
.shop-phones .phone:nth-child(2){margin-top:32px}
@media (min-width:860px){.shop-grid{grid-template-columns:1fr 1fr}}
.trailer{margin-top:72px;text-align:center}
.trailer-player{max-width:360px;margin:24px auto 0;background:#000}
.trailer video{width:100%}

.offer-grid{display:grid;gap:16px;margin-top:32px}
.offer{background:var(--ink-2);padding:26px;display:grid;gap:12px;align-content:start;justify-items:start;clip-path:var(--notch)}
.offer p{color:var(--muted)}
.offer .offer-price{font:400 38px/1.1 var(--px);color:var(--lime)}
.offer-full{background:#2a2348;box-shadow:inset 0 0 0 2px var(--violet)}
.offer-full .offer-price{color:var(--gold)}
.fine{font-size:15px}
.dl-others{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:15px}
.dl-others a{display:inline-flex;align-items:center;min-height:32px}
.platforms{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:10px;color:var(--muted);font-size:16px}
@media (min-width:760px){.offer-grid{grid-template-columns:1fr 1fr}.platforms{grid-template-columns:repeat(3,1fr);gap:20px}}

.contact{background:var(--ink-2)}
.contact-grid{display:grid;gap:32px}
@media (min-width:860px){.contact-grid{grid-template-columns:1fr 1fr;gap:48px}}
form{display:grid;gap:16px;min-width:0}
.field{display:grid;gap:6px}
label{font-weight:600;font-size:15px}
input,textarea{width:100%;font:16px Body,sans-serif;color:var(--text);background:var(--ink);border:2px solid var(--ink-3);padding:12px;min-height:48px;border-radius:0}
input:focus,textarea:focus{outline:0;border-color:var(--lime)}
[aria-invalid=true]{border-color:#ff9d8a}
.err,.status.bad{color:#ffb4a6;font-size:15px}
.status{font-size:15px;min-height:1.4em;color:var(--lime)}
.privacy{font-size:14px;color:var(--muted)}
.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
form .btn{justify-self:start}
.is-busy{opacity:.7}

.foot{padding:40px 0 110px;font-size:15px;color:var(--muted)}
.foot .wrap{display:grid;gap:20px}
.foot nav{display:flex;flex-wrap:wrap;gap:0 14px}
.foot a{color:var(--muted);display:inline-flex;align-items:center;min-height:44px}
.foot .langs a{padding:0 6px 0 0;font-size:14px}
.bar{position:fixed;left:0;right:0;bottom:0;z-index:15;display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#14121ff2;border-top:2px solid var(--ink-3)}
.bar .btn{min-height:46px;font-size:14px;padding:8px 14px}
.bar-price{color:var(--muted);text-decoration:none;text-align:right;font-size:13px;line-height:1.2}
.bar-price strong{font:400 17px var(--px);color:var(--gold)}
@media (min-width:860px){.bar{display:none}.foot{padding-bottom:40px}}

.legal-page main{max-width:760px;margin:0 auto;padding:0 20px 60px}
.legal-page h1{font-size:clamp(30px,6vw,44px);margin:12px 0 20px}
.legal-page h2{font-size:21px;margin:28px 0 8px}
.legal-page p,.legal-page li{color:var(--muted);margin-bottom:10px}
.legal-page section{padding:0}