.gameplay-page{--gp-ground:#090909;--gp-signal:#bc171d;--gp-ink:#fff0e9;--gp-muted:#ffb6ad;--gp-line:#ef655e;--gp-shadow:#4c0609;background:var(--gp-ground);color:var(--gp-ink);min-height:100dvh;padding:24px;font-family:Space Grotesk,monospace}.gp-wrap{max-width:1920px;margin:auto}.gp-broadcast{isolation:isolate;background:var(--gp-signal);padding:4%;position:relative;overflow:hidden}.gp-opening{aspect-ratio:16/9;flex-direction:column;animation:17s ease-in-out infinite gp-morph;display:flex}.gp-code{z-index:-1;opacity:.12;pointer-events:none;position:absolute;inset:0;overflow:hidden}.gp-code-inner{animation:150s linear infinite gp-scroll}.gp-code pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:12px/1.7 JetBrains Mono,monospace}.gp-scan{pointer-events:none;background:repeating-linear-gradient(0deg, transparent 0 3px, color-mix(in srgb, var(--gp-shadow) 24%, transparent) 3px 4px);opacity:.35;position:absolute;inset:0}.gp-header,.gp-footer{border-top:1px solid var(--gp-line);justify-content:space-between;align-items:center;gap:20px;padding-top:12px;font:11px/1.5 JetBrains Mono,monospace;display:flex}.gp-brand{font:700 17px/1.2 Space Grotesk,monospace}.gp-ticker{white-space:nowrap;width:185px;overflow:hidden}.gp-ticker span{animation:22s linear infinite gp-ticker;display:inline-block}.gp-main{flex:1;grid-template-columns:1.1fr 1fr;align-items:center;gap:6%;min-height:0;padding:5% 0;display:grid}.gp-kicker{color:var(--gp-muted);margin:0 0 18px;font:11px/1.5 JetBrains Mono,monospace}.gp-main h1{text-transform:uppercase;letter-spacing:0;margin:0 0 24px;font-size:64px;font-weight:700;line-height:1.02}.gp-copy{max-width:550px;margin:0;font-size:17px;line-height:1.65}.gp-photo{margin:0;animation:13s infinite gp-flicker}.gp-photo img{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--gp-line);width:100%;display:block}.gp-photo figcaption{justify-content:space-between;margin-top:12px;font:10px/1.5 JetBrains Mono,monospace;display:flex}.gp-footer{border-top:0;border-bottom:1px solid var(--gp-line);padding:0 0 12px}.gp-mechanics{margin-top:24px}.gp-exchange-background{z-index:-1;pointer-events:none;background:var(--gp-shadow);position:absolute;inset:0;overflow:hidden}.gp-exchange-background video{object-fit:cover;filter:grayscale()contrast(1.35);opacity:.42;mix-blend-mode:luminosity;width:100%;height:100%}.gp-exchange-background:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--gp-signal) 78%, transparent), color-mix(in srgb, var(--gp-signal) 45%, transparent) 50%, color-mix(in srgb, var(--gp-signal) 72%, transparent));position:absolute;inset:0}.gp-led-grid{z-index:1;background:radial-gradient(circle at center, transparent 0 1.1px, color-mix(in srgb, var(--gp-shadow) 55%, transparent) 1.5px);opacity:.65;background-size:5px 5px;position:absolute;inset:0}.gp-exchange-noise{z-index:2;opacity:.16;background:repeating-linear-gradient(0deg, transparent 0 7px, var(--gp-muted) 8px, transparent 9px 17px);animation:.7s steps(3,end) infinite gp-noise;position:absolute;inset:-10%}.gp-opening>.gp-header,.gp-opening>.gp-main,.gp-opening>.gp-footer{z-index:3;text-shadow:0 1px 5px var(--gp-shadow);position:relative}.gp-opening>.gp-scan{z-index:2}.gp-mechanics .gp-section-heading,.gp-mechanics .gp-grid{z-index:3;text-shadow:0 1px 5px var(--gp-shadow);position:relative}.gp-mechanics .gp-scan{z-index:2}@keyframes gp-noise{0%{opacity:.08;transform:translateY(0)}50%{opacity:.16;transform:translateY(4px)}to{opacity:.1;transform:translateY(-4px)}}.gp-section-heading{border-bottom:1px solid var(--gp-line);justify-content:space-between;align-items:baseline;gap:20px;padding-bottom:24px;display:flex}.gp-section-heading h2{text-transform:uppercase;margin:0;font-size:36px;line-height:1.1}.gp-section-heading span{font:11px/1.5 JetBrains Mono,monospace}.gp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;display:grid}.gp-feature{border-bottom:1px solid var(--gp-line);padding:28px 0}.gp-feature-number{color:var(--gp-muted);font:11px/1.5 JetBrains Mono,monospace}.gp-feature h3{text-transform:uppercase;margin:12px 0;font-size:22px;line-height:1.2}.gp-feature p{margin:0;font-size:15px;line-height:1.65}.gp-mobile{grid-template-columns:1fr 1fr;gap:6%;padding:64px 4%;display:grid}.gp-mobile h2{text-transform:uppercase;margin:0;font-size:40px;line-height:1.12}.gp-mobile p{margin:0 0 16px;font-size:17px;line-height:1.65}.gp-end{color:var(--gp-muted);padding:0 4% 24px;font:11px/1.5 JetBrains Mono,monospace}@keyframes gp-morph{0%,to{clip-path:polygon(0 .2%,100% 0,99.8% 100%,.2% 99.8%)}50%{clip-path:polygon(.2% 0,99.8% .2%,100% 99.8%,0 100%)}}@keyframes gp-scroll{to{transform:translateY(-50%)}}@keyframes gp-ticker{to{transform:translate(-50%)}}@keyframes gp-flicker{0%,34%,38%,70%,74%,to{opacity:1}35%,37%{opacity:.65}71%,73%{opacity:.85}}@media (width>=1600px){.gp-main h1{font-size:88px}.gp-copy{font-size:21px}}@media (width<=1000px){.gp-main h1{font-size:44px}.gp-copy{font-size:15px}.gp-grid{gap:0 24px}}@media (width<=640px){.gameplay-page{padding:8px}.gp-broadcast{padding:24px 20px}.gp-opening{aspect-ratio:auto;min-height:0}.gp-header{gap:10px;font-size:9px}.gp-brand{font-size:14px}.gp-ticker{width:142px}.gp-main{grid-template-columns:1fr;gap:28px;padding:40px 0 28px}.gp-main h1{margin-bottom:20px;font-size:42px}.gp-copy{font-size:15px}.gp-footer{font-size:9px}.gp-mechanics{margin-top:8px}.gp-section-heading{display:block}.gp-section-heading h2{margin-bottom:12px;font-size:28px}.gp-grid{grid-template-columns:1fr}.gp-feature{padding:24px 0}.gp-mobile{grid-template-columns:1fr;gap:24px;padding:40px 20px}.gp-mobile h2{font-size:32px}.gp-mobile p{font-size:15px}.gp-end{padding:0 20px 24px}}@media (prefers-reduced-motion:reduce){.gp-opening,.gp-code-inner,.gp-ticker span,.gp-photo,.gp-exchange-noise{animation:none}}
