:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#03050d;color:#e9edf8}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{min-height:100dvh;background:radial-gradient(ellipse 85% 75% at 50% 48%,#0a1022 0%,#060a17 45%,#02040b 100%)}#stars{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.scene{position:relative;min-height:100dvh;display:grid;place-items:center;padding:32px}.content{width:min(100%,900px);text-align:center}h1{max-width:820px;margin:0 auto;font-size:clamp(23px,2.45vw,36px);line-height:1.3;letter-spacing:-.035em;font-weight:700;text-wrap:balance;text-shadow:0 2px 28px #02040d}.pong-link{appearance:none;border:0;padding:0;background:linear-gradient(105deg,#aab9df 0%,#eaf0ff 45%,#aab9df 60%,#d8e4ff 100%);background-size:220% 100%;background-position:100% 0;background-clip:text;-webkit-background-clip:text;color:transparent;font:inherit;letter-spacing:inherit;cursor:pointer;position:relative;text-decoration:underline;text-decoration-color:#9eafd7;text-decoration-thickness:1px;text-underline-offset:.15em;animation:word-shimmer 4s ease-in-out infinite}@keyframes word-shimmer{0%,25%{background-position:100% 0}55%,100%{background-position:0 0}}.pong-link::before{content:"";position:absolute;inset:-8px}.pong-link:hover,.pong-link:focus-visible{text-decoration-color:#e8efff}.pong-link:focus-visible,#reset-game:focus-visible{outline:2px solid #d5e1ff;outline-offset:6px}.game{width:min(100%,800px);margin:44px auto 0;text-align:left;animation:appear .35s ease-out}.game[hidden]{display:none}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.game-bar,.game-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.1em;color:#a2b1d3}.game-bar{margin-bottom:12px}.game-bar strong{font-size:16px;color:#e7ecff;font-weight:500;letter-spacing:0}.game canvas{display:block;width:100%;height:auto;aspect-ratio:800/420;border:1px solid #566a9a8c;background:#071023c9;touch-action:none}.game-footer{margin-top:10px;line-height:1.5;justify-content:flex-end}#reset-game{color:#aebde0;border:0;background:transparent;font:22px/1 Arial,Helvetica,sans-serif;cursor:pointer;padding:2px 0}#reset-game:hover{color:white}@media(max-width:600px){.scene{padding:calc(20px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}h1{font-size:clamp(22px,5.7vw,30px)}.game{margin-top:30px}.game canvas{aspect-ratio:800/560}.game-footer{font-size:9px}#reset-game{min-width:44px;min-height:44px;text-align:right}}@media(prefers-reduced-motion:reduce){.pong-link,.game{animation:none}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}