body{font-family:Inter,sans-serif;transition:background-color .3s ease,color .3s ease}html{scroll-behavior:smooth}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:24px;line-height:1;vertical-align:middle;display:inline-block}.material-symbols-outlined.text-xs{font-size:12px!important;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 12!important}.material-symbols-outlined.text-sm{font-size:14px!important;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 14!important}.material-symbols-outlined.text-base{font-size:16px!important;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 16!important}.material-symbols-outlined.text-lg{font-size:18px!important;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 18!important}.nav-link{position:relative;transition:all .3s ease;color:#1f2937!important}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#1f2937;transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.dark .nav-link{color:#fff!important}.dark .nav-link:after{background:#fff}.mobile-nav-link{transition:color .3s ease}.mobile-nav-link:hover{background:#0000001a}.dark .mobile-nav-link:hover{background:#ffffff1a}.mobile-menu{transform:translate(100%);transition:transform .3s ease}.mobile-menu.open{transform:translate(0)}.mobile-menu-overlay{background-color:#0003;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-menu-btn{background:#0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);border-radius:8px;color:#1f2937}.dark .mobile-menu-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.theme-toggle{position:relative;width:60px;height:30px;background:#374151;border-radius:15px;cursor:pointer;transition:all .3s ease}.theme-toggle.dark{background:#1f2937}.theme-toggle-slider{position:absolute;top:3px;left:3px;width:24px;height:24px;background:#fff;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.theme-toggle.dark .theme-toggle-slider{transform:translate(30px);background:#fbbf24}.theme-icon-light{display:block!important}.theme-icon-dark,.theme-toggle.dark .theme-icon-light{display:none!important}.theme-toggle.dark .theme-icon-dark{display:block!important}.glass-effect{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:25px}.dark .glass-effect{background:#0000004d;border:1px solid rgba(255,255,255,.1)}.light-glass-effect{background:#0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);border-radius:25px}.gradient-bg{background:var(--color-custom-light-bg);border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 2px 4px #0000000d}.dark .gradient-bg{background:var(--color-custom-dark-bg);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 2px 4px #0000004d}.footer-gradient{background:var(--color-custom-footer-light);border-top:1px solid rgba(0,0,0,.1)}.dark .footer-gradient{background:var(--color-custom-footer-dark);border-top:1px solid rgba(255,255,255,.1)}.brand-link{transition:all .3s ease;border-radius:8px;padding:4px 8px;margin:-4px -8px}.brand-link:hover{background:#0000001a}.dark .brand-link:hover{background:#ffffff1a;transform:scale(1.02)}.brand-text{color:#1f2937;font-weight:700;font-size:1.75rem;text-transform:uppercase}.dark .brand-text{color:#fff}.search-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid rgba(0,0,0,.2);border-radius:8px;margin-top:8px;max-height:300px;overflow-y:auto;display:none;z-index:50}.dark .search-dropdown{background:#1c1c1d;border:1px solid rgba(255,255,255,.2)}.search-dropdown.show{display:block}.search-result{padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .2s}.search-result:hover{background:#0000000d}.dark .search-result:hover{background:#ffffff1a}.search-input{color:#1f2937}.search-input::placeholder{color:#6b7280}.dark .search-input{color:#fff}.dark .search-input::placeholder{color:#d1d5db}.search-icon{color:#1f2937}.dark .search-icon{color:#fff}.search-result-text{color:#1f2937}.search-result-subtext{color:#6b7280}.dark .search-result-text{color:#fff}.dark .search-result-subtext{color:#9ca3af}.social-link{transition:all .3s ease}.social-link:hover{transform:translateY(-2px)}.dark .bg-custom-dark-main{background-color:#131213}.dark .bg-custom-dark-cards{background-color:#1c1c1d}.dark .border-custom-dark{border-color:#2a2a2a}@media (min-width: 768px) and (max-width: 1024px){.brand-link{margin-left:-1.5rem!important}.brand-link img{height:1.75rem!important}.brand-text{font-size:1.5rem!important}.nav-link{font-size:.875rem}#joinServerBtn{min-width:85px!important;width:85px!important;white-space:nowrap!important;font-size:.7rem!important;padding:.25rem .5rem!important;margin-right:-.5rem!important}#joinServerBtn span.material-symbols-outlined{font-size:.75rem!important;margin-right:.25rem!important}#playerSearch,#playerSearchDark{width:90px!important}.theme-toggle{transform:scale(.8);margin-right:-.75rem!important}.flex.items-center.space-x-3{gap:.5rem!important}}