@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap";
:root{--bg-primary:#06090e;--bg-surface:#0c121e;--bg-surface-elevated:#131b2c;--bg-card:#121a2bb3;--bg-card-hover:#1c2841d9;--padel-lime:#d4ff00;--padel-lime-glow:#d4ff0066;--padel-cyan:#38bdf8;--padel-cyan-glow:#38bdf866;--padel-gold:#f59e0b;--padel-crimson:#fb7185;--padel-blue-turf:#0a4275;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dim:#475569;--border-subtle:#ffffff14;--border-glow:#d4ff0059;--font-display:"Outfit", sans-serif;--font-sans:"Plus Jakarta Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--shadow-card:0 10px 30px -10px #0009;--shadow-glow:0 0 25px var(--padel-lime-glow);--shadow-cyan-glow:0 0 25px var(--padel-cyan-glow)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);width:100%;min-height:100%;color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}html{scrollbar-color:var(--padel-lime) var(--bg-primary);scrollbar-width:thin}*{scrollbar-color:var(--padel-lime) var(--bg-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background-color:var(--padel-lime);border:2px solid var(--bg-primary);background-clip:padding-box;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background-color:#e5ff4d}::-webkit-scrollbar-thumb:active{background-color:#bce600}::-webkit-scrollbar-corner{background:var(--bg-primary)}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}h1,h2,h3,h4,h5,h6,.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6,article h1,article h2,article h3,article h4,article h5,article h6{font-family:var(--font-display);letter-spacing:-.015em;line-height:1.36!important}h1,.article-body h1,article h1{line-height:1.26!important}h2,.article-body h2,article h2{line-height:1.38!important}h3,.article-body h3,article h3{line-height:1.4!important}h4,.article-body h4,article h4{line-height:1.42!important}@media (max-width:640px){h1,.article-body h1,article h1{font-size:clamp(1.85rem,6.5vw,2.3rem)!important;line-height:1.26!important}h2,.article-body h2,article h2{margin-top:32px!important;margin-bottom:14px!important;font-size:clamp(1.4rem,5.2vw,1.7rem)!important;line-height:1.38!important}h3,.article-body h3,article h3{font-size:clamp(1.15rem,4.2vw,1.35rem)!important;line-height:1.4!important}}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}.section-padding{padding:100px 0}.section-header{text-align:center;max-width:780px;margin:0 auto 56px}.section-badge{border-radius:var(--radius-full);color:var(--padel-lime);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;background:#d4ff0014;border:1px solid #d4ff0040;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:.8rem;font-weight:700;display:inline-flex}.section-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(1.75rem,3.2vw,2.4rem);font-weight:800;line-height:1.2}.section-subtitle{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.gradient-text-lime{background:linear-gradient(135deg,#fff 0%,#d4ff00 80%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text-cyan{background:linear-gradient(135deg,#38bdf8 0%,#a855f7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn{border-radius:var(--radius-sm);font-family:var(--font-sans);letter-spacing:.02em;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary{background:var(--padel-lime);color:#06090e;box-shadow:0 0 20px #d4ff0040}.btn-primary:hover{background:#e2ff40;transform:translateY(-2px);box-shadow:0 0 30px #d4ff0073}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.btn-cyan{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:1px solid #38bdf866;box-shadow:0 0 20px #38bdf833}.btn-cyan:hover{background:linear-gradient(135deg,#38bdf8 0%,#0284c7 100%);transform:translateY(-2px);box-shadow:0 0 30px #38bdf866}.arena-fullscreen-wrapper{-webkit-user-select:none;user-select:none;background:#04060b;flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}.arena-canvas-box{touch-action:none;width:100%;height:100%;position:relative}.arena-canvas-box canvas{display:block;width:100%!important;height:100%!important}@media (max-width:840px){.desktop-nav{display:none!important}.mobile-toggle-btn{justify-content:center;align-items:center;display:inline-flex!important}.nav-cta-btn{white-space:nowrap!important;padding:6px 11px!important;font-size:.72rem!important}}.broadcast-side-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);background:#0e1626e0;border-radius:16px;flex-direction:column;gap:14px;width:255px;padding:16px;transition:all .3s;display:flex;box-shadow:0 15px 40px #00000080}@media (max-width:1200px){.broadcast-side-panel{display:none!important}.mobile-only-bar{display:flex!important}}@media (min-width:1201px){.mobile-only-bar{display:none!important}}.mobile-sheet-content{width:100%;max-width:540px;max-height:90vh;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));background:linear-gradient(#0e172a 0%,#060b14 100%);border:1px solid #ffffff1f;border-radius:20px 20px 16px 16px;animation:.28s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;box-shadow:0 -10px 40px #000000b3}@keyframes slideUp{0%{opacity:.5;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.touch-btn{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .12s,filter .12s,background .15s}.touch-btn:active{filter:brightness(1.2);transform:scale(.94)}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #d4ff0059}50%{box-shadow:0 0 25px #d4ff00bf}}.pulse-glow{animation:1.8s ease-in-out infinite pulseGlow}@media (max-width:768px){.desktop-only{display:none!important}}@media (min-width:769px){.mobile-only-inline{display:none!important}}@media (min-width:1200px){.mobile-smash-btn{display:none!important}}.padel-game-container{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;align-items:center;width:100vw;height:100dvh;max-height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}@media (max-width:1024px){.padel-game-container{padding:0!important}.desktop-game-header,.desktop-game-footer{display:none!important}.mobile-floating-hud-top{top:max(8px, env(safe-area-inset-top,8px));z-index:60;position:absolute;left:8px;right:8px;display:flex!important}}@media (min-width:1025px){.mobile-floating-hud-top{display:none!important}.desktop-game-header,.desktop-game-footer{display:flex!important}}.share-trigger-wrap{margin-left:auto;display:inline-flex}@media (max-width:640px){.share-trigger-wrap{justify-content:flex-start!important;width:100%!important;margin-top:6px!important;margin-left:0!important;display:flex!important}}details.faq-accordion summary::-webkit-details-marker{display:none}details.faq-accordion[open] summary .faq-toggle-icon{transform:rotate(45deg)}.blog-featured-card{background:linear-gradient(145deg,#0e1626f2 0%,#06090efa 100%);border:1px solid #d4ff0059;border-radius:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s;display:grid;overflow:hidden;box-shadow:0 20px 50px #000000b3}.blog-featured-card:hover{border-color:#d4ff00a6;transform:translateY(-4px);box-shadow:0 24px 60px #000c,0 0 35px #d4ff0026}.blog-featured-thumb{cursor:pointer;width:100%;height:340px;display:block;position:relative;overflow:hidden}.blog-featured-thumb img{transition:transform .5s cubic-bezier(.16,1,.3,1)!important}.blog-featured-card:hover .blog-featured-thumb img,.blog-featured-thumb:hover img{transform:scale(1.06)}.blog-featured-title{transition:color .25s}.blog-featured-title a{color:#f8fafc;text-decoration:none;transition:color .25s,text-decoration-color .25s}.blog-featured-card:hover .blog-featured-title a,.blog-featured-title a:hover{color:#fff;text-decoration:underline;-webkit-text-decoration-color:var(--padel-lime);text-decoration-color:var(--padel-lime);text-underline-offset:6px;text-decoration-thickness:2px}.blog-grid-card{border:1px solid var(--border-subtle);background:linear-gradient(145deg,#0e1626b3 0%,#06090ee6 100%);border-radius:18px;flex-direction:column;justify-content:space-between;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s;display:flex;overflow:hidden}.blog-grid-card:hover{border-color:#d4ff0073;transform:translateY(-6px);box-shadow:0 20px 45px #000000bf,0 0 25px #d4ff001f}.blog-card-thumb{cursor:pointer;width:100%;height:180px;display:block;position:relative;overflow:hidden}.blog-card-thumb img{transition:transform .5s cubic-bezier(.16,1,.3,1)!important}.blog-grid-card:hover .blog-card-thumb img,.blog-card-thumb:hover img{transform:scale(1.07)}.blog-card-title a{color:#f8fafc;text-decoration:none;transition:color .25s,text-decoration-color .25s}.blog-grid-card:hover .blog-card-title a,.blog-card-title a:hover{color:#fff;text-decoration:underline;-webkit-text-decoration-color:var(--padel-lime);text-decoration-color:var(--padel-lime);text-underline-offset:4px;text-decoration-thickness:2px}.blog-read-link{color:var(--padel-lime);align-items:center;gap:6px;font-size:.88rem;font-weight:700;transition:gap .25s,color .25s;display:inline-flex}.blog-grid-card:hover .blog-read-link,.blog-read-link:hover{color:#e5ff4d;gap:10px}.hero-arena-link{text-decoration:none;display:block}.hero-arena-card{cursor:pointer;background:linear-gradient(145deg,#0e1626f2 0%,#06090efa 100%);border:1px solid #38bdf859;border-radius:24px;padding:20px;position:relative;box-shadow:0 25px 60px #000000d9}.hero-arena-link:hover .hero-arena-card,.hero-arena-card:hover{transform:none}.hero-arena-img-wrap{border:1px solid #ffffff1f;border-radius:16px;width:100%;height:380px;position:relative;overflow:hidden}.hero-arena-img-wrap img{transition:transform .5s cubic-bezier(.16,1,.3,1)!important}.hero-arena-link:hover .hero-arena-img-wrap img,.hero-arena-card:hover .hero-arena-img-wrap img{transform:scale(1.05)}.hero-arena-cta-btn{text-align:center;width:100%;padding:16px 24px;font-size:1.05rem;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,background-color .3s;box-shadow:0 0 30px #d4ff0099}.hero-arena-link:hover .hero-arena-cta-btn,.hero-arena-card:hover .hero-arena-cta-btn{background-color:#e5ff4d;transform:scale(1.02);box-shadow:0 0 45px #d4ff00d9}.guide-grid-card{border:1px solid var(--border-subtle);background:linear-gradient(145deg,#0e1626cc 0%,#06090ef2 100%);border-radius:18px;flex-direction:column;justify-content:space-between;transition:border-color .3s;display:flex;overflow:hidden}.guide-grid-card:hover{border-color:#d4ff0059;transform:none}.guide-grid-card:hover .blog-card-thumb img{transform:scale(1.06)}.guide-grid-card:hover .blog-card-title a{color:#fff;text-decoration:underline;-webkit-text-decoration-color:var(--padel-lime);text-decoration-color:var(--padel-lime);text-underline-offset:4px;text-decoration-thickness:2px}.related-guide-card{cursor:pointer;background:#0f172abf;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;width:100%;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s;display:flex;overflow:hidden}.related-guide-card:hover{border-color:#d4ff0073;transform:translateY(-5px);box-shadow:0 20px 45px #000000b3,0 0 25px #d4ff001a}.related-guide-card .related-img-wrap{width:100%;height:200px;position:relative;overflow:hidden}.related-guide-card .related-img-wrap img{transition:transform .5s cubic-bezier(.16,1,.3,1)!important}.related-guide-card:hover .related-img-wrap img{transform:scale(1.07)}.related-guide-card:hover h4,.related-guide-card:hover .related-guide-title{text-decoration:underline;-webkit-text-decoration-color:var(--padel-lime);text-decoration-color:var(--padel-lime);text-underline-offset:4px;text-decoration-thickness:2px}