@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg-primary:#0a0a12;--bg-secondary:#111120;--bg-card:#16162a;--bg-card-hover:#1e1e38;--bg-input:#1a1a2e;--border-color:#2a2a4a;--border-glow:#00f5a0;--text-primary:#fff;--text-secondary:#a0a0b8;--text-muted:#6a6a80;--accent:#00f5a0;--accent-dark:#00c880;--accent-glow:#00f5a04d;--accent-glow-strong:#00f5a099;--purple:#8b5cf6;--purple-dark:#6d28d9;--navbar-bg:linear-gradient(180deg, #1a1040 0%, #12102a 100%);--gold:#fbbf24;--red:#ef4444;--green:#22c55e}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);max-width:100vw;min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}main{max-width:100vw;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.hexagon-bg{background:radial-gradient(ellipse at 50% 50%, #00f5a00f 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, #8b5cf614 0%, transparent 50%), var(--bg-primary);position:relative;overflow:hidden}.hexagon-bg:before{content:"";opacity:.5;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpath d='M30 0l25.98 15v30L30 60 4.02 45V15z' fill='none' stroke='%23ffffff08' stroke-width='0.5'/%3E%3C/svg%3E");background-size:60px 52px;position:absolute;inset:0}.hero-circles{pointer-events:none;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-circles .circle{border:1px solid #00f5a01a;border-radius:50%;animation:4s ease-in-out infinite pulse-circle;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-circles .circle:first-child{width:300px;height:300px;animation-delay:0s}.hero-circles .circle:nth-child(2){width:450px;height:450px;animation-delay:.5s}.hero-circles .circle:nth-child(3){width:600px;height:600px;animation-delay:1s}@keyframes pulse-circle{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(1)}50%{opacity:.6;transform:translate(-50%,-50%)scale(1.05)}}.glow-text{color:var(--accent);text-shadow:0 0 20px var(--accent-glow), 0 0 40px var(--accent-glow)}.btn-primary{background:var(--accent);color:#000;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border:none;border-radius:4px;align-items:center;gap:8px;padding:12px 28px;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary:hover{background:var(--accent-dark);box-shadow:0 0 20px var(--accent-glow);transform:translateY(-1px)}.btn-outline{color:var(--accent);letter-spacing:1px;text-transform:uppercase;border:1.5px solid var(--accent);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:8px;padding:12px 28px;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.btn-outline:hover{box-shadow:0 0 15px var(--accent-glow);background:#00f5a01a;transform:translateY(-1px)}.card{background:var(--bg-card);border:1px solid var(--border-color);box-sizing:border-box;border-radius:12px;max-width:100%;padding:24px;transition:all .3s;overflow:hidden}.card:hover{border-color:#00f5a04d;transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.player-card{border:2px solid var(--border-color);background:linear-gradient(145deg,#1a2a3a 0%,#0f1923 50%,#1a2a3a 100%);border-radius:16px;width:220px;padding:20px 16px;transition:all .3s;position:relative;overflow:hidden}.player-card.available{border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow), inset 0 0 15px #00f5a00d}.player-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0006}.player-card .ovr{color:var(--accent);text-shadow:0 0 10px var(--accent-glow);font-size:48px;font-weight:900;line-height:1}.player-card .position-badge{color:var(--text-primary);letter-spacing:1px;font-size:14px;font-weight:700}.input-field{background:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:14px 16px;font-family:Outfit,sans-serif;font-size:15px;transition:border-color .3s}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.input-field::placeholder{color:var(--text-muted)}.nav-link{letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary);border-bottom:2px solid #0000;padding:8px 4px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--text-primary);border-bottom-color:var(--accent)}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-accent{color:var(--accent);background:#00f5a026;border:1px solid #00f5a04d}.badge-purple{color:var(--purple);background:#8b5cf626;border:1px solid #8b5cf64d}.section-title{text-transform:uppercase;letter-spacing:-.5px;font-size:36px;font-weight:900}.stat-box{text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:16px 24px}.stat-box .stat-value{color:var(--accent);font-size:28px;font-weight:800}.stat-box .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:11px;font-weight:600}.format-tab{color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:6px;padding:6px 16px;font-size:12px;font-weight:600;transition:all .2s}.format-tab:hover{border-color:var(--text-muted);color:var(--text-primary)}.format-tab.active{background:var(--accent);color:#000;border-color:var(--accent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px var(--accent-glow)}50%{box-shadow:0 0 20px var(--accent-glow-strong)}}.animate-fadeInUp{animation:.6s ease-out forwards fadeInUp}.animate-delay-1{opacity:0;animation-delay:.1s}.animate-delay-2{opacity:0;animation-delay:.2s}.animate-delay-3{opacity:0;animation-delay:.3s}.animate-delay-4{opacity:0;animation-delay:.4s}.team-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;transition:all .3s;overflow:hidden}.team-card:hover{border-color:#00f5a04d;transform:translateY(-3px);box-shadow:0 8px 25px #0000004d}@keyframes pulse{0%{box-shadow:0 0 #00f5a099}70%{box-shadow:0 0 0 15px #00f5a000}to{box-shadow:0 0 #00f5a000}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.custom-marker{background:0 0!important;border:none!important}.mobile-bottom-bar{display:none!important}.desktop-nav{display:flex!important}@media (max-width:1024px){.nav-links{gap:12px!important}.nav-links a{font-size:10px!important}.desktop-nav{gap:12px!important}.desktop-nav .nav-link{font-size:11px!important}}@media (max-width:900px){.desktop-nav{display:none!important}.mobile-bottom-bar{display:block!important}main{padding-bottom:72px!important}}@media (max-width:768px){.nav-links{display:none!important}body{font-size:14px}section{padding:24px 12px!important}.section-title{font-size:22px!important}.card{border-radius:10px!important;padding:14px!important}div[style*=gridTemplateColumns]:not(.messages-grid),.messages-grid,.pitch-grid{grid-template-columns:1fr!important}.pitch-grid>div:first-child{aspect-ratio:auto!important;min-height:450px!important}.input-field{padding:12px!important;font-size:16px!important}.btn-primary,.btn-outline{text-transform:none!important;letter-spacing:0!important;padding:8px 14px!important;font-size:11px!important}.player-card{width:100%!important;max-width:100%!important}table{white-space:nowrap;display:block;overflow-x:auto}div[style*=aspect-ratio]{aspect-ratio:auto!important;min-height:400px!important}.stat-box{min-width:0!important}div[style*="position: fixed"][style*="padding: 20px"]{padding:8px!important}div[style*="maxWidth: 700"]{border-radius:0!important;max-width:100%!important;max-height:100vh!important}}@media (max-width:480px){.section-title{font-size:18px!important}.card{padding:12px!important}.btn-primary,.btn-outline{text-transform:none!important;letter-spacing:0!important;padding:7px 12px!important;font-size:11px!important}nav div[style*=maxWidth]{padding:0 12px!important}div[style*="minHeight: 400"]{min-height:350px!important}}@media (hover:none) and (pointer:coarse){.btn-primary:hover,.btn-outline:hover,.card:hover{transform:none!important}.btn-primary,.btn-outline,nav a,nav button{min-height:44px}input,select,textarea{font-size:16px!important}}.pitch-grid{grid-template-columns:1fr 260px!important;gap:16px!important;display:grid!important}@media (min-width:900px){.pitch-grid{max-width:900px}}@media (max-width:768px){.pitch-grid{grid-template-columns:1fr!important;gap:12px!important}}.hero-grid{grid-template-columns:1fr 400px}@media (max-width:900px){.hero-grid{grid-template-columns:1fr!important;gap:24px!important}.hero-stars{display:none!important}.steps-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.steps-grid>div:first-child{display:none!important}}@media (max-width:480px){.steps-grid{grid-template-columns:1fr!important}}.chat-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;flex-direction:column;gap:10px;height:450px;padding-right:4px;display:flex;overflow-y:scroll}.chat-container::-webkit-scrollbar{width:6px}.chat-container::-webkit-scrollbar-track{background:0 0}.chat-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.chat-message-text{word-break:break-word;overflow-wrap:break-word;min-width:0;max-width:calc(100% - 42px)}@media (max-width:768px){.chat-container{touch-action:pan-y;height:350px}.chat-message-text{max-width:calc(100vw - 120px)}}