body.pixelated-page { color:#eaf7ff; background:#020618; }
.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-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-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; }
@media (max-width:760px) {
  .pixelated-header { min-height:96px; }
  .pixelated-hero { min-height:720px; }
  .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-coming-soon,.pixelated-ghost-button { justify-content:center; width:100%; text-align:center; }
}