@font-face{font-family:'Press Start 2P';font-style:normal;font-weight:400;font-display:swap;src:url(press-start-2p.woff2) format('woff2')}
:root{--bg:#0a0a1e;--deep:#141a5c;--glow:#25307e;--panel:rgba(10,10,30,.55);--panel2:rgba(20,26,92,.7);--edge:#2a3290;--line:#dfe3ff;--ink:#080818;--gold:#ffd23f;--gold-sh:#b3541e;--cyan:#7ee0ff;--text:#e4e6ff;--muted:#a8b0e0}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;color:var(--text);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;min-height:100vh;display:flex;flex-direction:column;position:relative;
 background:radial-gradient(ellipse 90% 70% at 70% 0%,var(--glow) 0%,var(--deep) 45%,var(--bg) 100%) fixed,var(--bg)}
body:before{content:"";position:fixed;left:0;top:0;width:2px;height:2px;background:transparent;box-shadow:663px 308px 0 0px rgba(223,227,255,0.35),148px 1097px 0 0px rgba(223,227,255,0.35),1039px 439px 0 0px rgba(223,227,255,0.9),856px 143px 0 0px rgba(223,227,255,0.9),121px 1158px 0 0px rgba(223,227,255,0.5),1291px 1193px 0 1px rgba(223,227,255,0.9),101px 452px 0 0px rgba(223,227,255,0.5),593px 858px 0 0px rgba(223,227,255,0.35),1169px 631px 0 0px rgba(223,227,255,0.5),211px 1191px 0 0px rgba(223,227,255,0.5),762px 199px 0 0px rgba(223,227,255,0.35),1155px 122px 0 0px rgba(223,227,255,0.9),1393px 1088px 0 0px rgba(223,227,255,0.7),953px 1199px 0 1px rgba(223,227,255,0.7),613px 508px 0 0px rgba(223,227,255,0.5),167px 1176px 0 0px rgba(223,227,255,0.9),703px 919px 0 0px rgba(223,227,255,0.35),241px 1048px 0 0px rgba(223,227,255,0.7),311px 1001px 0 0px rgba(223,227,255,0.35),1565px 1142px 0 0px rgba(223,227,255,0.7),696px 717px 0 0px rgba(223,227,255,0.9),140px 191px 0 1px rgba(223,227,255,0.9),1427px 133px 0 0px rgba(223,227,255,0.7),1325px 1183px 0 1px rgba(223,227,255,0.9),582px 790px 0 1px rgba(223,227,255,0.7),46px 945px 0 0px rgba(223,227,255,0.35),1011px 120px 0 0px rgba(223,227,255,0.7),264px 507px 0 0px rgba(223,227,255,0.9),165px 340px 0 0px rgba(223,227,255,0.7),280px 881px 0 1px rgba(223,227,255,0.7),1446px 850px 0 1px rgba(223,227,255,0.9),472px 309px 0 0px rgba(223,227,255,0.5),475px 477px 0 0px rgba(223,227,255,0.5),538px 577px 0 0px rgba(223,227,255,0.9),1094px 756px 0 0px rgba(223,227,255,0.7),257px 1055px 0 1px rgba(223,227,255,0.35),935px 1145px 0 0px rgba(223,227,255,0.9),807px 212px 0 0px rgba(223,227,255,0.9),127px 390px 0 0px rgba(223,227,255,0.5),902px 332px 0 0px rgba(223,227,255,0.35),209px 0px 0 0px rgba(223,227,255,0.35),744px 52px 0 0px rgba(223,227,255,0.5),1257px 770px 0 0px rgba(223,227,255,0.7),711px 745px 0 0px rgba(223,227,255,0.35),999px 954px 0 0px rgba(223,227,255,0.7),175px 295px 0 0px rgba(223,227,255,0.7),1516px 542px 0 0px rgba(223,227,255,0.5),1057px 47px 0 0px rgba(223,227,255,0.7),300px 1112px 0 1px rgba(223,227,255,0.7),1316px 186px 0 0px rgba(223,227,255,0.7),1061px 751px 0 1px rgba(223,227,255,0.7),1580px 456px 0 0px rgba(223,227,255,0.7),1303px 456px 0 0px rgba(223,227,255,0.5),490px 820px 0 0px rgba(223,227,255,0.5),409px 1060px 0 0px rgba(223,227,255,0.35),57px 572px 0 0px rgba(223,227,255,0.5),1418px 705px 0 0px rgba(223,227,255,0.7),746px 164px 0 0px rgba(223,227,255,0.5),962px 402px 0 0px rgba(223,227,255,0.9),1278px 3px 0 0px rgba(223,227,255,0.7),1317px 173px 0 0px rgba(223,227,255,0.35),795px 408px 0 0px rgba(223,227,255,0.5),888px 680px 0 0px rgba(223,227,255,0.9),948px 822px 0 0px rgba(223,227,255,0.35),1484px 325px 0 0px rgba(223,227,255,0.5),56px 309px 0 0px rgba(223,227,255,0.9),1343px 299px 0 0px rgba(223,227,255,0.9),1346px 717px 0 0px rgba(223,227,255,0.5),43px 29px 0 0px rgba(223,227,255,0.35),1078px 285px 0 0px rgba(223,227,255,0.5),432px 57px 0 0px rgba(223,227,255,0.7),1026px 492px 0 0px rgba(223,227,255,0.7),531px 1114px 0 0px rgba(223,227,255,0.5),124px 724px 0 1px rgba(223,227,255,0.9),1027px 267px 0 0px rgba(223,227,255,0.35),901px 375px 0 0px rgba(223,227,255,0.5),352px 289px 0 0px rgba(223,227,255,0.35),1139px 126px 0 0px rgba(223,227,255,0.9),1590px 217px 0 1px rgba(223,227,255,0.35),508px 391px 0 0px rgba(223,227,255,0.35),1039px 926px 0 0px rgba(223,227,255,0.35),907px 666px 0 0px rgba(223,227,255,0.5),1418px 567px 0 0px rgba(223,227,255,0.9),1039px 507px 0 0px rgba(223,227,255,0.7),1145px 414px 0 0px rgba(223,227,255,0.5),853px 249px 0 0px rgba(223,227,255,0.7),148px 492px 0 0px rgba(223,227,255,0.5),1371px 620px 0 0px rgba(223,227,255,0.5),1466px 749px 0 0px rgba(223,227,255,0.5),957px 449px 0 0px rgba(223,227,255,0.35),815px 997px 0 0px rgba(223,227,255,0.5),330px 883px 0 1px rgba(223,227,255,0.9),694px 862px 0 0px rgba(223,227,255,0.7),188px 749px 0 0px rgba(223,227,255,0.9),902px 37px 0 0px rgba(223,227,255,0.7),1049px 131px 0 0px rgba(223,227,255,0.5),214px 172px 0 0px rgba(223,227,255,0.35),1595px 371px 0 0px rgba(223,227,255,0.5),864px 529px 0 0px rgba(223,227,255,0.9),1434px 669px 0 0px rgba(223,227,255,0.35),1409px 375px 0 0px rgba(223,227,255,0.35),550px 34px 0 0px rgba(223,227,255,0.7),171px 455px 0 0px rgba(223,227,255,0.35),929px 23px 0 0px rgba(223,227,255,0.9),548px 264px 0 0px rgba(223,227,255,0.5),224px 330px 0 0px rgba(223,227,255,0.5),413px 638px 0 0px rgba(223,227,255,0.5),593px 912px 0 0px rgba(223,227,255,0.5),554px 710px 0 0px rgba(223,227,255,0.7),75px 31px 0 0px rgba(223,227,255,0.5);pointer-events:none;z-index:0}
body>*{position:relative;z-index:1}
a{color:var(--cyan)}
.px{font-family:'Press Start 2P',monospace;letter-spacing:.5px;line-height:1.5}
.wrap{width:100%;max-width:1040px;margin:0 auto;padding:0 20px}
header.top{padding:20px 0}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--line)}
.brand .px{font-size:14px;color:var(--gold);text-shadow:2px 2px 0 var(--gold-sh)}
.logo{width:38px;height:38px;image-rendering:pixelated;border:3px solid var(--line);border-radius:8px}
nav a{font-family:'Press Start 2P',monospace;font-size:10px;color:var(--line);text-decoration:none;margin-left:6px;padding:9px 11px;border:2px solid transparent;border-radius:8px}
nav a:hover{border-color:var(--edge);background:var(--panel);color:var(--cyan)}
main{flex:1}
h1,h2,.tag,.btn{font-family:'Press Start 2P',monospace}
/* home hero, same layout as the share card */
.hero{display:grid;grid-template-columns:1fr 430px;gap:30px;align-items:center;padding:34px 0 50px}
.hero h1{font-size:clamp(28px,5.2vw,46px);line-height:1.25;color:var(--gold);margin:0;text-shadow:5px 5px 0 var(--gold-sh)}
.hero .head{display:flex;align-items:center;gap:18px;margin-bottom:24px}
.hero .head img{width:clamp(56px,9vw,80px);image-rendering:pixelated;border:3px solid var(--line);border-radius:12px}
.hero p{font-family:'Press Start 2P',monospace;font-size:clamp(13px,1.8vw,17px);line-height:1.8;color:var(--line);margin:0 0 24px}
.chips{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.chip{display:flex;align-items:center;gap:10px;background:var(--panel);border:3px solid var(--edge);border-radius:12px;padding:7px 14px 7px 7px;font:11px 'Press Start 2P',monospace;color:#fff;text-decoration:none;transition:border-color .15s,transform .15s}
.chip:hover{border-color:var(--cyan);transform:translateY(-2px)}
.chip img{width:36px;height:36px;image-rendering:pixelated;border-radius:7px}
.cta{font:13px 'Press Start 2P',monospace;color:var(--cyan);text-decoration:none}
.cta:hover{color:#fff}
.fan{position:relative;height:430px}
.phone{position:absolute;width:190px;height:370px;border:5px solid var(--line);outline:4px solid var(--ink);border-radius:22px;overflow:hidden;background:#000;box-shadow:0 18px 40px rgba(0,0,0,.6)}
.phone img{width:100%;height:100%;object-fit:cover;object-position:top;image-rendering:pixelated;display:block}
.fan .p1{left:0;top:40px;transform:rotate(-7deg)}.fan .p3{right:0;top:40px;transform:rotate(7deg)}.fan .p2{left:50%;top:0;margin-left:-95px;z-index:2}
.section-title{font:14px 'Press Start 2P',monospace;color:var(--line);margin:0 0 18px;display:flex;align-items:center;gap:12px}
.section-title:after{content:"";flex:1;height:3px;background:var(--edge)}
/* panels */
.win{background:var(--panel);border:3px solid var(--edge);border-radius:16px;backdrop-filter:blur(2px)}
.game{display:grid;grid-template-columns:300px 1fr;gap:34px;padding:28px;margin:0 0 26px;align-items:center;scroll-margin-top:20px}
.game .shots{position:relative;height:300px}
.game .shots img{position:absolute;width:140px;height:272px;object-fit:cover;object-position:top;border:4px solid var(--line);outline:3px solid var(--ink);border-radius:18px;image-rendering:pixelated;background:#000;box-shadow:0 12px 28px rgba(0,0,0,.55)}
.game .shots img:first-child{left:10px;top:18px;transform:rotate(-6deg)}
.game .shots img:last-child{right:10px;top:4px;transform:rotate(5deg)}
.game h2{font-size:22px;color:var(--gold);margin:0 0 8px;text-shadow:3px 3px 0 var(--gold-sh);display:flex;align-items:center;gap:14px}
.game h2 img{width:44px;height:44px;image-rendering:pixelated;border-radius:9px;border:2px solid var(--line)}
.tag{font-size:9px;color:var(--cyan);margin-bottom:14px;line-height:1.7}
.game p{margin:0 0 16px}
.feat{list-style:none;padding:0;margin:0 0 22px;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;font-size:14px;color:var(--muted)}
.feat li:before{content:"\25B8\00a0";color:var(--gold)}
.btns{display:flex;gap:12px;flex-wrap:wrap}
.btn{font-size:11px;color:var(--ink);text-decoration:none;padding:13px 18px;border-radius:10px;background:var(--gold);box-shadow:inset 0 -4px 0 var(--gold-sh),0 0 0 3px var(--ink);display:inline-block;transition:transform .12s,filter .12s}
.btn:hover{filter:brightness(1.08);transform:translateY(-2px)}
.btn.blue{background:transparent;color:var(--cyan);box-shadow:inset 0 0 0 3px var(--cyan)}
.btn.off{background:transparent;color:var(--muted);box-shadow:inset 0 0 0 3px var(--edge);cursor:default;transform:none}
.soon{padding:22px;text-align:center;margin-bottom:40px;border-style:dashed}
.soon .px{font-size:11px;color:var(--muted)}
.doc{padding:30px 32px;margin:16px 0 40px}
.doc h1{font-size:clamp(16px,4vw,24px);color:var(--gold);margin:0 0 8px;line-height:1.5;text-shadow:3px 3px 0 var(--gold-sh)}
.doc h2{font-size:12px;color:var(--cyan);margin:30px 0 10px;line-height:1.6}
.doc .date{color:var(--muted);font-size:14px;margin-bottom:22px}
.doc ul{padding-left:20px}
.doc li{margin:4px 0}
.box{background:var(--panel2);border:2px solid var(--edge);border-radius:12px;padding:14px 16px;margin:16px 0}
.box strong{color:var(--gold)}
.list{display:grid;gap:10px;margin:18px 0}
.list a.row{display:flex;align-items:center;gap:14px;padding:12px 14px;text-decoration:none;color:var(--text);background:var(--panel2);border:3px solid var(--edge);border-radius:12px;transition:border-color .15s,transform .15s}
.list a.row:hover{border-color:var(--cyan);transform:translateX(3px)}
.list a.row img{width:44px;image-rendering:pixelated;border-radius:8px}
footer{padding:26px 0 34px;color:var(--muted);font-size:13px}
footer .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:3px solid var(--edge);padding-top:18px}
footer a{color:var(--muted);margin-right:16px}
footer a:hover{color:var(--cyan)}
@media (max-width:860px){.hero{grid-template-columns:1fr;text-align:left;padding-top:10px}.fan{height:300px;max-width:340px;margin:0 auto;width:100%}.phone{width:128px;height:250px;border-width:4px;border-radius:18px}.fan .p1{left:4px;top:30px}.fan .p3{right:4px;top:30px}.fan .p2{margin-left:-64px}}
@media (max-width:700px){.cta{font-size:10px}.chips{gap:8px}.chip{font-size:9px;padding:5px 10px 5px 5px}.chip img{width:28px;height:28px}.game{grid-template-columns:1fr;padding:22px 18px}.game .shots{width:280px;margin:0 auto;height:280px}.feat{grid-template-columns:1fr}nav a{margin-left:0;padding:8px 7px}.doc{padding:22px 18px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.trio{display:inline-flex;align-items:center;flex-shrink:0}
.trio img{width:30px;height:30px;image-rendering:pixelated;border:2px solid var(--line);border-radius:7px;box-shadow:0 3px 8px rgba(0,0,0,.5);background:var(--bg)}
.trio img:nth-child(1){transform:rotate(-9deg)}
.trio img:nth-child(2){width:34px;height:34px;margin:0 -7px;position:relative;z-index:2}
.trio img:nth-child(3){transform:rotate(9deg)}
.trio.big img{width:clamp(44px,7vw,62px);height:clamp(44px,7vw,62px);border-width:3px;border-radius:12px}
.trio.big img:nth-child(2){width:clamp(50px,8vw,70px);height:clamp(50px,8vw,70px);margin:0 clamp(-14px,-1.6vw,-9px)}