body.pixelated-page { color:#eaf7ff; background:#020618; }
.pixelated-particle-canvas { position:fixed; inset:0; z-index:40; width:100%; height:100%; pointer-events:none; opacity:.84; mix-blend-mode:screen; }
.pixelated-shell { background:linear-gradient(rgba(49,187,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(49,187,255,.055) 1px,transparent 1px),radial-gradient(circle at 72% 12%,rgba(22,94,255,.24),transparent 32%),#020618; background-size:18px 18px,18px 18px,auto,auto; }
.pixelated-header { min-height:88px; border-bottom-color:rgba(44,180,255,.34); }
.pixelated-brand { color:#ffca3a; text-shadow:2px 2px 0 #7a3b00; }
.pixelated-brand-mark { border-color:#62eaff; color:#031132; background:#31d9ff; box-shadow:4px 4px 0 #1558d6; }
.pixelated-nav a { color:#a9dcff; }
.pixelated-nav a:hover,.pixelated-nav a:focus-visible,.pixelated-footer a:hover,.pixelated-footer a:focus-visible { color:#67efff; }
.pixelated-nav-download { display:inline-flex; align-items:center; justify-content:center; min-height:40px; border:2px solid #ffd453; padding:8px 13px; color:#041139!important; background:#ffd453; box-shadow:3px 3px 0 #174dc7; }
.pixelated-nav-download:hover,.pixelated-nav-download:focus-visible { color:#041139!important; background:#fff0a6; box-shadow:1px 1px 0 #174dc7; transform:translate(2px,2px); }
.pixelated-hero { min-height:min(720px,calc(100svh - 88px)); border-color:#42dfff; box-shadow:8px 8px 0 #123aa5,16px 16px 0 rgba(0,0,0,.45); background:#030a23; }
.pixelated-hero-art,.pixelated-hero-overlay { position:absolute; inset:0; width:100%; height:100%; }
.pixelated-hero-art { z-index:-2; object-fit:cover; object-position:center; image-rendering:auto; }
.pixelated-hero-overlay { z-index:-1; background:linear-gradient(90deg,rgba(2,6,24,.98) 0%,rgba(2,8,31,.9) 32%,rgba(2,8,31,.42) 58%,rgba(2,8,31,.04) 100%),linear-gradient(180deg,rgba(2,6,24,.08) 64%,rgba(2,6,24,.88) 100%); }
.pixelated-hero-copy { width:min(100%,620px); }
.pixelated-kicker { color:#55edff; text-shadow:2px 2px 0 #123aa5; }
.pixelated-hero h1 { color:#ffca3a; text-shadow:4px 4px 0 #9b4f00,8px 8px 0 rgba(0,0,0,.78); }
.pixelated-hero h1 span { color:#ffe375; text-shadow:inherit; }
.pixelated-summary { color:#e8f8ff; text-shadow:2px 2px 0 rgba(0,10,44,.88); }
.pixelated-coming-soon { color:#041139; background:#58eaff; box-shadow:5px 5px 0 #174dc7; }
.pixelated-play-button { text-decoration:none; transition:transform 120ms ease,box-shadow 120ms ease,background-color 120ms ease; }
.pixelated-play-button:hover,.pixelated-play-button:focus-visible { color:#031238; background:#8af3ff; box-shadow:3px 3px 0 #174dc7; transform:translate(2px,2px); }
.pixelated-nav-download,.pixelated-store-button { position:relative; isolation:isolate; overflow:hidden; animation:pixelated-cta-blink 1.15s steps(2,end) infinite; }
.pixelated-nav-download::after,.pixelated-store-button::after { content:""; position:absolute; inset:-40% auto -40% -45%; z-index:-1; width:30%; background:rgba(255,255,255,.78); transform:skewX(-18deg); animation:pixelated-cta-scan 1.7s steps(7,end) infinite; }
.pixelated-store-button { display:inline-flex; align-items:center; gap:13px; min-height:66px; padding:11px 20px; color:#041139; font-family:"Press Start 2P",monospace; background:linear-gradient(180deg,#7cf2ff,#47d9f4); box-shadow:6px 6px 0 #174dc7; }
.pixelated-store-button small { display:block; margin-bottom:5px; font-family:Manrope,sans-serif; font-size:.72rem; font-weight:800; letter-spacing:.08em; line-height:1; text-transform:uppercase; }
.pixelated-store-button strong { display:block; font-size:.72rem; line-height:1.2; }
.pixelated-store-icon { display:grid; width:36px; height:36px; place-items:center; border:2px solid #041139; font-size:.8rem; background:#ffd453; }
.pixelated-store-note { margin:18px 0 0; color:#b9d7ed; font-size:.82rem; font-weight:700; line-height:1.5; text-shadow:2px 2px 0 rgba(0,10,44,.88); }
.pixelated-ghost-button { border-color:#76f3ff; color:#effdff; background:rgba(2,13,47,.74); }
.pixelated-ghost-button:hover,.pixelated-ghost-button:focus-visible { color:#031238; background:#76f3ff; }
.pixelated-rankings { position:relative; }
.pixelated-rankings::before { content:""; position:absolute; inset:18% -18% auto auto; z-index:-1; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle,rgba(32,171,255,.2),transparent 68%); }
.pixelated-section-copy h2 { color:#62eaff; text-shadow:3px 3px 0 #12348f; }
.pixelated-section-copy p,.pixelated-features p { color:#b9d7ed; }
.pixelated-leaderboard { border-color:#38d8ff; background:#061339; box-shadow:7px 7px 0 #112f91; }
.pixelated-leaderboard li { color:#d9f6ff; background:#0b2260; }
.pixelated-leaderboard li:first-child { color:#fff2a9; background:linear-gradient(90deg,#163caa,#0e73c6); }
.rank { color:#55e8ff; }
.rank-one,.rank-score { color:#ffd453; }
.pixelated-features article { border-color:#259fef; background:linear-gradient(155deg,#081a4b,#040d29); box-shadow:5px 5px 0 #102b80; }
.pixelated-features article > span { color:#58eaff; text-shadow:2px 2px 0 #174dc7; }
.pixelated-features h2 { color:#ffe274; }
.pixelated-footer { border-top-color:#1b73d8; color:#88bde1; }
.pixelated-seo-copy,.pixelated-insights,.pixelated-faq,.pixelated-content-page { width:min(calc(100% - 36px),1120px); margin-inline:auto; }
.pixelated-seo-copy,.pixelated-insights,.pixelated-faq { padding:72px 0; }
.pixelated-seo-copy h2,.pixelated-insights h2,.pixelated-faq h2,.pixelated-content-page h1,.pixelated-article h2 { margin:16px 0 0; color:#ffe274; font-family:"Press Start 2P",monospace; font-weight:400; line-height:1.55; text-shadow:3px 3px 0 #12348f; }
.pixelated-seo-copy h2,.pixelated-insights h2,.pixelated-faq h2 { max-width:820px; font-size:clamp(1.1rem,2.5vw,1.75rem); }
.pixelated-copy-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; margin-top:30px; }
.pixelated-copy-grid p,.pixelated-section-heading>p:last-child,.pixelated-article-grid p,.pixelated-faq p,.pixelated-article p,.pixelated-article li { color:#b9d7ed; line-height:1.75; }
.pixelated-copy-grid strong,.pixelated-article strong { color:#eaf7ff; }
.pixelated-insights { border-top:1px solid rgba(85,232,255,.24); border-bottom:1px solid rgba(85,232,255,.24); }
.pixelated-section-heading>p:last-child { max-width:720px; margin:18px 0 0; }
.pixelated-article-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:34px; }
.pixelated-article-grid article { border:2px solid #259fef; padding:24px; background:linear-gradient(155deg,#081a4b,#040d29); box-shadow:5px 5px 0 #102b80; }
.pixelated-card-label,.pixelated-article-meta { margin:0!important; color:#55edff!important; font-family:"Press Start 2P",monospace; font-size:.52rem; line-height:1.7!important; text-transform:uppercase; }
.pixelated-content-page h1+.pixelated-article-meta { margin-top:22px!important; }
.pixelated-article-grid h3 { margin:16px 0 0; font-family:"Press Start 2P",monospace; font-size:.78rem; font-weight:400; line-height:1.65; }
.pixelated-article-grid h3 a,.pixelated-text-link,.pixelated-article a,.pixelated-breadcrumbs a { color:#ffe274; text-decoration:none; }
.pixelated-article-grid h3 a:hover,.pixelated-article-grid h3 a:focus-visible,.pixelated-text-link:hover,.pixelated-text-link:focus-visible,.pixelated-article a:hover,.pixelated-article a:focus-visible,.pixelated-breadcrumbs a:hover,.pixelated-breadcrumbs a:focus-visible { color:#67efff; text-decoration:underline; }
.pixelated-text-link { display:inline-block; margin-top:28px; font-family:"Press Start 2P",monospace; font-size:.6rem; line-height:1.7; }
.pixelated-faq-list { display:grid; gap:12px; margin-top:32px; }
.pixelated-faq details { border:2px solid #1b73d8; padding:0 20px; background:#061339; }
.pixelated-faq summary { padding:20px 34px 20px 0; color:#eaf7ff; font-family:"Press Start 2P",monospace; font-size:.68rem; line-height:1.65; cursor:pointer; }
.pixelated-faq p { margin:0; padding:0 0 20px; }
.pixelated-faq a { color:#ffe274; }
.pixelated-content-page { padding:54px 0 80px; }
.pixelated-breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:30px; color:#88bde1; font-family:"Press Start 2P",monospace; font-size:.52rem; line-height:1.7; }
.pixelated-content-page h1 { max-width:920px; font-size:clamp(1.55rem,4vw,3rem); }
.pixelated-content-lead { max-width:800px; margin:24px 0 0; color:#e8f8ff; font-size:clamp(1rem,1.8vw,1.2rem); line-height:1.8; }
.pixelated-article-list { display:grid; gap:20px; margin-top:42px; }
.pixelated-article-list article { border:2px solid #259fef; padding:clamp(22px,4vw,36px); background:linear-gradient(155deg,#081a4b,#040d29); box-shadow:6px 6px 0 #102b80; }
.pixelated-article-list h2,.pixelated-article h2 { font-size:clamp(.9rem,2vw,1.3rem); }
.pixelated-article-list h2 a { color:#ffe274; text-decoration:none; }
.pixelated-article-list h2 a:hover,.pixelated-article-list h2 a:focus-visible { color:#67efff; text-decoration:underline; }
.pixelated-article-list p { color:#b9d7ed; line-height:1.75; }
.pixelated-article { max-width:820px; margin-top:42px; }
.pixelated-article h2 { margin-top:46px; }
.pixelated-article h3 { margin-top:32px; color:#62eaff; font-family:"Press Start 2P",monospace; font-size:.74rem; line-height:1.7; }
.pixelated-article ul,.pixelated-article ol { display:grid; gap:10px; padding-left:24px; }
.pixelated-callout { border-left:4px solid #55edff; margin:28px 0; padding:18px 22px; background:#061339; }
.pixelated-disclosure { border:1px solid rgba(255,226,116,.5); margin-top:28px; padding:16px 18px; color:#c9ddeb; font-size:.88rem; line-height:1.7; }
.pixelated-related { margin-top:54px; border-top:1px solid rgba(85,232,255,.24); padding-top:30px; }
.pixelated-related ul { display:grid; gap:12px; padding-left:20px; }
.pixelated-mobile-storebar { display:none; }
@keyframes pixelated-cta-blink {
  0%,38%,100% { filter:brightness(1) saturate(1); }
  40%,62% { filter:brightness(1.55) saturate(1.4) drop-shadow(0 0 12px rgba(85,237,255,.9)); }
  64%,78% { filter:brightness(1.12) saturate(1.15) drop-shadow(0 0 5px rgba(255,212,83,.8)); }
}
@keyframes pixelated-cta-scan {
  0%,18% { left:-45%; }
  72%,100% { left:125%; }
}
@keyframes pixelated-storebar-alert {
  0%,100% { background-position:0 50%; filter:brightness(1); }
  50% { background-position:100% 50%; filter:brightness(1.28) saturate(1.25); }
}
@media (max-width:760px) {
  body.pixelated-page { padding-bottom:calc(82px + env(safe-area-inset-bottom)); }
  .pixelated-header { align-items:flex-start; min-height:96px; padding:16px 0 18px; }
  .pixelated-nav { display:flex; width:100%; flex-wrap:wrap; gap:8px; }
  .pixelated-nav a { display:flex; flex:1 1 100px; align-items:center; justify-content:center; min-height:38px; border:1px solid rgba(85,232,255,.34); padding:7px 9px; text-align:center; }
  .pixelated-nav-download { order:-1; flex:0 0 100%!important; min-height:48px!important; border:2px solid #ffd453!important; font-size:.58rem!important; }
  .pixelated-hero { min-height:820px; }
  .pixelated-hero-art { height:52%; object-position:69% center; }
  .pixelated-hero-overlay { background:linear-gradient(180deg,rgba(2,7,26,.08) 0%,rgba(2,7,26,.72) 42%,#02071a 58%); }
  .pixelated-hero-copy { align-self:end; padding:300px 24px 42px; }
  .pixelated-hero h1 { font-size:clamp(1.65rem,8.5vw,2.45rem); }
  .pixelated-summary { font-size:.94rem; }
  .pixelated-actions { align-items:stretch; flex-direction:column; }
  .pixelated-store-button,.pixelated-ghost-button { justify-content:center; width:100%; text-align:center; }
  .pixelated-store-button { min-height:68px; }
  .pixelated-store-note { text-align:center; }
  .pixelated-seo-copy,.pixelated-insights,.pixelated-faq { padding:52px 0; }
  .pixelated-copy-grid,.pixelated-article-grid { grid-template-columns:1fr; }
  .pixelated-content-page { padding-top:38px; }
  .pixelated-mobile-storebar { position:fixed; right:0; bottom:0; left:0; z-index:100; display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:74px; border-top:3px solid #55edff; padding:10px 16px calc(10px + env(safe-area-inset-bottom)); color:#041139; text-decoration:none; background:linear-gradient(100deg,#ffd453,#fff0a6,#55edff,#ffd453); background-size:260% 100%; box-shadow:0 -8px 24px rgba(0,0,0,.48),0 -2px 18px rgba(85,237,255,.6); animation:pixelated-storebar-alert 1.05s steps(5,end) infinite; }
  .pixelated-mobile-store-copy { display:grid; gap:3px; }
  .pixelated-mobile-store-copy small { font-family:Manrope,sans-serif; font-size:.7rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
  .pixelated-mobile-store-copy strong { font-family:"Press Start 2P",monospace; font-size:.56rem; line-height:1.45; }
  .pixelated-mobile-store-action { display:inline-flex; align-items:center; gap:7px; min-height:42px; border:2px solid #041139; padding:7px 10px; font-family:"Press Start 2P",monospace; font-size:.5rem; line-height:1.4; background:#55edff; box-shadow:3px 3px 0 #174dc7; }
}
@media (prefers-reduced-motion:reduce) {
  .pixelated-nav-download,.pixelated-store-button,.pixelated-mobile-storebar,.pixelated-nav-download::after,.pixelated-store-button::after { animation:none!important; }
  .pixelated-particle-canvas { opacity:.3; }
}
@media (max-width:380px) {
  .pixelated-mobile-storebar { padding-inline:10px; }
  .pixelated-mobile-store-copy strong { font-size:.5rem; }
  .pixelated-mobile-store-action { padding-inline:8px; font-size:.46rem; }
}