.dot-field{z-index:0}
.PingPongSection-module__OL_BlW__gameWrapper{background:linear-gradient(140deg,var(--surface-a)0%,var(--surface-b)60%,var(--surface-c)100%);width:100%;max-width:860px;box-shadow:0 4px 24px -6px rgba(0,0,0,.18),0 0 0 1px rgba(var(--border-rgb),.25);z-index:5;border-radius:28px;margin:0 auto;padding:1.75rem 2rem 2.25rem;position:relative;overflow:hidden}.PingPongSection-module__OL_BlW__gameWrapper:before{content:"";background:radial-gradient(circle at 80% 20%,rgba(var(--accent-rgb),.18),transparent 60%);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.PingPongSection-module__OL_BlW__gameHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1rem;display:flex}.PingPongSection-module__OL_BlW__scoreBoard{gap:1rem;display:flex}.PingPongSection-module__OL_BlW__scoreBlock{border:1px solid rgba(var(--accent-rgb),.35);border-radius:16px;flex-direction:column;align-items:center;gap:.15rem;min-width:86px;padding:.5rem .9rem .6rem;display:flex;position:relative}.PingPongSection-module__OL_BlW__scoreLabel{letter-spacing:1px;color:var(--text-dim);font-size:.72rem;font-weight:600}.PingPongSection-module__OL_BlW__scoreValue{color:var(--text-primary);font-variant-numeric:tabular-nums;text-shadow:0 2px 6px rgba(0,0,0,.25);font-size:1.75rem;font-weight:600}.PingPongSection-module__OL_BlW__statusArea{color:var(--text-dim);background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.28);border-radius:14px;align-items:center;gap:.55rem;padding:.55rem .9rem;font-size:.8rem;display:flex}.PingPongSection-module__OL_BlW__statusDot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px rgba(var(--accent-rgb),.18),0 0 0 1px rgba(var(--accent-rgb),.5);border-radius:50%;animation:2.8s ease-in-out infinite PingPongSection-module__OL_BlW__pulse}@keyframes PingPongSection-module__OL_BlW__pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:.4;transform:scale(1.35)}}.PingPongSection-module__OL_BlW__pongCanvas{border:2px solid var(--border-primary);background:radial-gradient(circle at 30% 25%,rgba(var(--accent-rgb),.18),transparent 60%),linear-gradient(155deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.04));z-index:5;-webkit-backdrop-filter:blur(4px)saturate(140%);backdrop-filter:blur(4px)saturate(140%);border-radius:30px;width:100%;margin:0 auto;display:block;position:relative;box-shadow:0 8px 32px -8px rgba(0,0,0,.25)}.PingPongSection-module__OL_BlW__gameFooter{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.PingPongSection-module__OL_BlW__hint{color:var(--text-dim);letter-spacing:.5px;opacity:.85;font-size:.7rem}@media (max-width:900px){.PingPongSection-module__OL_BlW__gameWrapper{padding:1.5rem 1.4rem 2rem}.PingPongSection-module__OL_BlW__pongCanvas{height:auto}.PingPongSection-module__OL_BlW__scoreBlock{min-width:74px}.PingPongSection-module__OL_BlW__scoreValue{font-size:1.4rem}}@media (max-width:640px){.PingPongSection-module__OL_BlW__gameHeader{flex-direction:column;align-items:flex-start}.PingPongSection-module__OL_BlW__statusArea{align-self:flex-end}.PingPongSection-module__OL_BlW__gameFooter{flex-direction:column;align-items:flex-start}.PingPongSection-module__OL_BlW__hint{line-height:1.3}}.PingPongSection-module__OL_BlW__interactiveSection{padding:var(--space-3xl)0;border-radius:1rem;position:relative;overflow:hidden}.PingPongSection-module__OL_BlW__container{max-width:1200px;padding:0 var(--space-md);margin:0 auto}.PingPongSection-module__OL_BlW__header{text-align:center;margin-bottom:var(--space-3xl)}.PingPongSection-module__OL_BlW__sectionTag{padding:var(--space-xs)var(--space-md);background:var(--text-primary);color:var(--text-inverse);text-transform:uppercase;letter-spacing:1px;border-radius:var(--radius-sm);margin-bottom:var(--space-lg);font-size:.75rem;font-weight:600;display:inline-block}.PingPongSection-module__OL_BlW__title{color:var(--text-primary);margin-bottom:var(--space-md);font-size:max(2rem,min(4vw,3rem));font-weight:700;line-height:1.2}.PingPongSection-module__OL_BlW__subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.PingPongSection-module__OL_BlW__content{gap:var(--space-3xl);align-items:start;display:flex}.PingPongSection-module__OL_BlW__demoSection{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-2xl);width:calc(1200px - 2rem);position:relative}.PingPongSection-module__OL_BlW__demoHeader{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.PingPongSection-module__OL_BlW__demoIcon{background:var(--text-primary);width:3rem;height:3rem;color:var(--text-inverse);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.PingPongSection-module__OL_BlW__demoTitle{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.PingPongSection-module__OL_BlW__aiDemo{gap:var(--space-lg);flex-direction:column;display:flex}.PingPongSection-module__OL_BlW__chatInterface{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-lg);min-height:200px;position:relative}.PingPongSection-module__OL_BlW__chatMessage{gap:var(--space-md);margin-bottom:var(--space-lg);align-items:flex-start;display:flex}.PingPongSection-module__OL_BlW__chatMessage:last-child{margin-bottom:0}.PingPongSection-module__OL_BlW__statusText{flex-direction:row;justify-content:center;align-items:center;gap:.45rem;display:flex}.PingPongSection-module__OL_BlW__statusText pre{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.35rem;padding:.125rem .5rem}.PingPongSection-module__OL_BlW__messageAvatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.875rem;display:flex}.PingPongSection-module__OL_BlW__userAvatar{background:var(--text-primary);color:var(--text-inverse)}.PingPongSection-module__OL_BlW__botAvatar{background:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-primary)}.PingPongSection-module__OL_BlW__messageContent{color:var(--text-primary);flex:1;font-size:.875rem;line-height:1.5}.PingPongSection-module__OL_BlW__messageTime{color:var(--text-secondary);margin-top:var(--space-xs);font-size:.75rem}.PingPongSection-module__OL_BlW__demoControls{gap:var(--space-md);flex-direction:column;display:flex}.PingPongSection-module__OL_BlW__demoButton{padding:var(--space-md)var(--space-lg);background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all var(--transition-normal);flex:1;font-size:.875rem;font-weight:600}.PingPongSection-module__OL_BlW__demoButton:hover,.PingPongSection-module__OL_BlW__demoButton.PingPongSection-module__OL_BlW__active{background:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary)}.PingPongSection-module__OL_BlW__contactSection{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-2xl)}.PingPongSection-module__OL_BlW__contactHeader{margin-bottom:var(--space-xl)}.PingPongSection-module__OL_BlW__contactTitle{color:var(--text-primary);margin-bottom:var(--space-md);align-items:center;gap:var(--space-md);font-size:1.5rem;font-weight:700;display:flex}.PingPongSection-module__OL_BlW__contactDescription{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.PingPongSection-module__OL_BlW__contactForm{gap:var(--space-lg);flex-direction:column;display:flex}.PingPongSection-module__OL_BlW__formGroup{gap:var(--space-sm);flex-direction:column;display:flex}.PingPongSection-module__OL_BlW__formLabel{color:var(--text-primary);font-size:.875rem;font-weight:600}.PingPongSection-module__OL_BlW__formInput,.PingPongSection-module__OL_BlW__formTextarea{padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-normal);font-size:.875rem}.PingPongSection-module__OL_BlW__formInput:focus,.PingPongSection-module__OL_BlW__formTextarea:focus{border-color:var(--text-primary);outline:none;box-shadow:0 0 0 3px rgba(0,0,0,.1)}.PingPongSection-module__OL_BlW__formTextarea{resize:vertical;min-height:100px}.PingPongSection-module__OL_BlW__controlButton{background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;box-shadow:0 4px 18px -6px rgba(var(--accent-rgb),.7),0 0 0 1px rgba(var(--accent-rgb),.55)inset,0 0 0 4px rgba(var(--accent-rgb),.25);letter-spacing:.5px;border:1px solid var(--bg-primary);border-radius:14px;padding:.7rem 1.4rem;font-size:.9rem;font-weight:600;transition:all .2s;position:relative}.PingPongSection-module__OL_BlW__controlButton:hover{border:1px solid var(--border-primary);transform:scale(1.025)}.PingPongSection-module__OL_BlW__formButton:hover{background:var(--bg-secondary);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.PingPongSection-module__OL_BlW__formButton:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.PingPongSection-module__OL_BlW__socialLinks{gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--border-primary);display:flex}.PingPongSection-module__OL_BlW__socialLink{background:var(--bg-secondary);width:2.5rem;height:2.5rem;color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--transition-normal);justify-content:center;align-items:center;text-decoration:none;display:flex}.PingPongSection-module__OL_BlW__socialLink:hover{background:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary);transform:translateY(-2px)}.PingPongSection-module__OL_BlW__backgroundPattern{background:radial-gradient(circle,var(--text-primary)1px,transparent 1px);opacity:.02;background-size:30px 30px;width:200vw;height:200vh;animation:20s ease-in-out infinite PingPongSection-module__OL_BlW__float;position:absolute;top:-50%;left:-50%}@keyframes PingPongSection-module__OL_BlW__float{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(30px,-30px)rotate(120deg)}66%{transform:translate(-20px,20px)rotate(240deg)}}.PingPongSection-module__OL_BlW__typingIndicator{align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:.75rem;display:flex}.PingPongSection-module__OL_BlW__typingDots{gap:2px;display:flex}.PingPongSection-module__OL_BlW__typingDot{background:var(--text-secondary);border-radius:50%;width:4px;height:4px;animation:1.4s infinite PingPongSection-module__OL_BlW__typing}.PingPongSection-module__OL_BlW__typingDot:nth-child(2){animation-delay:.2s}.PingPongSection-module__OL_BlW__typingDot:nth-child(3){animation-delay:.4s}@keyframes PingPongSection-module__OL_BlW__typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}@media (max-width:968px){.PingPongSection-module__OL_BlW__content{gap:var(--space-2xl);grid-template-columns:1fr}.PingPongSection-module__OL_BlW__demoSection,.PingPongSection-module__OL_BlW__contactSection{padding:var(--space-xl)}}@media (max-width:768px){.PingPongSection-module__OL_BlW__interactiveSection{padding:var(--space-2xl)0}.PingPongSection-module__OL_BlW__demoControls{flex-direction:column}.PingPongSection-module__OL_BlW__socialLinks{justify-content:center}}@media (max-width:480px){.PingPongSection-module__OL_BlW__demoSection,.PingPongSection-module__OL_BlW__contactSection{padding:var(--space-lg)}.PingPongSection-module__OL_BlW__demoHeader{text-align:center;gap:var(--space-sm);flex-direction:column}.PingPongSection-module__OL_BlW__demoIcon{width:2.5rem;height:2.5rem}}