:root{color-scheme:dark;--ink:#edf9f7;--muted:#a4b7b7;--cyan:#00ffe0;--blue:#61baff;--line:rgba(91,222,215,.22);--night:#030915}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit}a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.skip-link{position:absolute;left:1rem;top:-5rem;z-index:20;padding:.6rem 1rem;background:var(--cyan);color:#001312}.skip-link:focus{top:1rem}.site-header,.hero,.content-wrap,.site-footer{max-width:1240px;margin:auto}.site-header{padding:1.3rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative;z-index:2}.wordmark{font-family:Impact,"Arial Narrow",sans-serif;letter-spacing:.055em;font-size:1.35rem;text-decoration:none;white-space:nowrap}.wordmark span{color:var(--cyan)}.wordmark-dot{color:var(--cyan);font-size:.52rem;vertical-align:middle;margin-left:.4rem}.site-header nav{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(.8rem,2vw,2rem)}.site-header nav a,.site-footer a{font-size:.84rem;text-decoration:none;color:#c9dbda}.site-header nav a:hover,.site-footer a:hover,.text-link:hover{color:var(--cyan)}.site-header nav .nav-play{border:1px solid var(--cyan);padding:.55rem .85rem;color:var(--cyan);font-weight:750;text-transform:uppercase;letter-spacing:.08em}.hero{min-height:650px;padding:4rem 2rem 5.5rem;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);align-items:center;gap:2.2rem;position:relative}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 45%,rgba(0,255,224,.11),transparent 33%),radial-gradient(circle at 22% 28%,rgba(50,90,230,.14),transparent 42%);pointer-events:none}.hero:after{content:"";position:absolute;left:2rem;right:2rem;bottom:0;height:1px;background:linear-gradient(90deg,var(--cyan),var(--line),transparent)}.hero-copy,.arena-wrap{position:relative;z-index:1}.eyebrow,.section-kicker,.feature-index,.hero-note,.arena-caption,.rule-art-label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase}.eyebrow{font-size:.72rem;color:var(--cyan);font-weight:700;margin:0 0 1.2rem;display:flex;align-items:center;gap:.65rem}.pulse{display:inline-block;width:.43rem;height:.43rem;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.09}h1{font-family:Impact,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.018em;font-size:clamp(3.8rem,7.8vw,7.6rem);max-width:850px;margin-bottom:1.35rem;text-wrap:balance}h1::first-line{color:var(--cyan)}.hero-article h1{font-size:clamp(3.5rem,6.6vw,6.4rem)}.intro{max-width:640px;color:#c4d5d5;font-size:clamp(1.06rem,1.55vw,1.23rem);line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:1.7rem;padding:.82rem 1.15rem;text-decoration:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.83rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--cyan);border:1px solid var(--cyan);color:#001a1b}.button-primary:hover{background:#9ffff1}.button-secondary{border:1px solid var(--line);color:#e2f3f1;background:rgba(8,23,37,.5)}.button-secondary:hover{background:rgba(0,255,224,.1)}.hero-note{font-size:.64rem;color:#8ca7a9;margin:1.2rem 0 0}.arena-wrap{display:grid;place-items:center;min-height:460px}.arena-frame{height:425px;width:min(100%,465px);border:1px solid var(--line);background:linear-gradient(145deg,rgba(7,24,42,.96),rgba(3,9,21,.98));box-shadow:0 25px 80px rgba(0,0,0,.37),inset 0 0 50px rgba(0,255,224,.04);position:relative;display:grid;place-items:center;overflow:hidden}.arena-frame:before,.arena-frame:after{content:"";position:absolute;height:1px;width:100%;background:var(--line);transform:rotate(45deg)}.arena-frame:after{transform:rotate(-45deg)}.arena{width:300px;height:300px;position:relative;clip-path:polygon(50% 0,86% 14%,100% 50%,86% 86%,50% 100%,14% 86%,0 50%,14% 14%);background:repeating-linear-gradient(0deg,rgba(0,255,224,.035) 0 1px,transparent 1px 24px),linear-gradient(135deg,rgba(0,255,224,.2),rgba(31,63,119,.08));border:2px solid var(--cyan);box-shadow:inset 0 0 50px rgba(0,255,224,.18)}.arena:before{content:"";position:absolute;inset:11px;clip-path:inherit;border:1px solid rgba(0,255,224,.45)}.paddle{position:absolute;background:var(--cyan);box-shadow:0 0 18px var(--cyan);width:45px;height:7px}.paddle-one{left:127px;top:11px}.paddle-two{left:242px;top:69px;transform:rotate(45deg)}.paddle-three{right:6px;top:145px;transform:rotate(90deg)}.paddle-four{left:49px;bottom:46px;transform:rotate(-45deg)}.ball{position:absolute;top:128px;left:149px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 18px 7px var(--cyan)}.ball-trail{position:absolute;top:165px;left:112px;width:36px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan));transform:rotate(-42deg)}.arena-caption{position:absolute;bottom:1.25rem;left:1.25rem;font-size:.6rem;color:#89c7c8}.content-wrap{padding:0 2rem 5rem}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--line);background:var(--line);margin:2rem 0 6rem}.feature{background:#071321;padding:2rem;min-height:250px}.feature-index,.section-kicker{font-size:.66rem;color:var(--cyan);font-weight:750}.feature h2{font-size:1.65rem;letter-spacing:-.035em;margin:2.3rem 0 .85rem}.feature p,.split-section p,.history-callout p,.faq p,.article-section p,.final-cta p{color:var(--muted)}.split-section{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center;margin:6rem 0}.split-section h2,.history-callout h2,.faq h2,.final-cta h2,.article-section h2{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.06em;max-width:700px;margin:1rem 0}.split-section p{max-width:660px}.text-link{display:inline-flex;gap:1rem;text-underline-offset:.35em;color:var(--cyan);font-weight:700;margin-top:.8rem}.rule-art{min-height:300px;border:1px solid var(--line);background:radial-gradient(circle at center,rgba(0,255,224,.14),transparent 55%),repeating-linear-gradient(90deg,rgba(0,255,224,.045) 0 1px,transparent 1px 30px);position:relative;overflow:hidden}.rule-art:before{content:"";position:absolute;width:180px;height:180px;left:calc(50% - 90px);top:calc(50% - 90px);border:2px solid rgba(0,255,224,.6);transform:rotate(45deg)}.rule-art-ball{position:absolute;width:14px;height:14px;border-radius:50%;left:60%;top:37%;background:#fff;box-shadow:0 0 18px var(--cyan)}.rule-art-paddle{position:absolute;width:54px;height:7px;left:29%;top:62%;transform:rotate(45deg);background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.rule-art-label{position:absolute;left:1.1rem;bottom:1rem;font-size:.62rem;color:#9ad2cf}.history-callout{padding:clamp(2rem,5vw,4rem);background:linear-gradient(110deg,rgba(0,255,224,.12),rgba(10,28,47,.94));border-left:3px solid var(--cyan);margin:6rem 0}.history-callout p{max-width:800px}.faq{margin:5rem 0}.faq-grid,.article-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.faq-grid{margin-top:2rem}.faq-grid>div,.article-cards>div{border-top:1px solid var(--line);padding:1.2rem 0}.faq h3,.article-cards h3{font-size:1.18rem;margin-bottom:.45rem}.article-section{max-width:900px;padding:2rem 0;border-bottom:1px solid var(--line)}.article-section p{font-size:1.08rem;line-height:1.8}.article-section a{color:var(--cyan)}.article-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.final-cta{margin-top:5rem;padding:3rem;border:1px solid var(--cyan);background:linear-gradient(120deg,rgba(0,255,224,.1),rgba(2,9,21,.5))}.final-cta .button{margin-top:1rem}.site-footer{border-top:1px solid var(--line);padding:2rem;display:flex;align-items:center;flex-wrap:wrap;gap:1rem 2.5rem;color:var(--muted)}.site-footer p{margin:0;font-size:.78rem}.site-footer>div{display:flex;gap:1.3rem;margin-left:auto}
@media(max-width:820px){.site-header{padding:1rem 1.15rem;align-items:flex-start}.site-header nav{justify-content:flex-end;gap:.4rem 1rem}.site-header nav a{font-size:.72rem}.site-header nav .nav-play{padding:.35rem .55rem}.hero{grid-template-columns:1fr;min-height:0;padding:3.4rem 1.15rem 4rem;gap:1rem}.hero-copy{max-width:700px}.arena-wrap{min-height:330px}.arena-frame{height:310px;width:min(100%,480px)}.arena{transform:scale(.74)}.content-wrap{padding:0 1.15rem 3rem}.feature-grid{grid-template-columns:1fr;margin:1rem 0 4rem}.feature{min-height:0;padding:1.4rem}.feature h2{margin:1.2rem 0 .5rem}.split-section{grid-template-columns:1fr;margin:4rem 0}.history-callout{margin:4rem 0}.article-cards{grid-template-columns:1fr}.site-footer{padding:1.5rem 1.15rem}.site-footer>div{margin-left:0}}
@media(max-width:520px){.site-header{display:block}.site-header nav{justify-content:flex-start;margin-top:.8rem}.site-header nav a:nth-child(3){display:none}.hero{padding-top:2.7rem}h1{font-size:clamp(3.3rem,16vw,5rem)}.hero-article h1{font-size:clamp(3.1rem,14vw,4.4rem)}.intro{font-size:1rem}.hero-actions{display:grid}.button{width:100%}.arena-wrap{min-height:260px}.arena-frame{height:255px}.arena{transform:scale(.61)}.faq-grid{grid-template-columns:1fr;gap:.5rem}.final-cta{padding:1.6rem}.site-footer>div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}