@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{@apply bg-dark-900 text-white antialiased;font-family:Inter,sans-serif}}@layer components{.btn-primary{@apply px-4 py-2 bg-gradient-to-r from-gold-600 to-gold-400 text-dark-900 font-bold rounded-lg hover:from-gold-500 hover:to-gold-300 transition-all duration-300 shadow-lg hover:shadow-gold-500/20 border border-gold-400/20 uppercase tracking-wider text-sm;}.btn-secondary{@apply px-4 py-2 bg-dark-800 text-gold-400 font-semibold rounded-lg border border-gold-700/50 hover:bg-dark-700 hover:text-gold-300 transition-all duration-300 uppercase tracking-wider text-sm;}.game-card{@apply bg-dark-800 border border-gold-900/50 rounded-xl shadow-xl overflow-hidden backdrop-blur-sm bg-opacity-95;}.input-field{@apply w-full bg-dark-900 border border-gold-900/50 rounded-lg px-4 py-2.5 text-white focus:border-gold-500/50 focus:ring-1 focus:ring-gold-500/50 outline-none transition-all duration-300 placeholder:text-gray-500;}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:#ffffff80;border-radius:10px;border:2px solid rgba(0,0,0,.3)}::-webkit-scrollbar-thumb:hover{background:#ffffffb3}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .3s ease-out forwards}.form-control::placeholder{color:#fff!important;opacity:.7}input::placeholder{color:#fff!important;opacity:.7}@media(max-width:768px){.btn,button{min-height:44px;min-width:44px}.table-responsive{-webkit-overflow-scrolling:touch}.card-body{padding:1rem!important}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important}.modal-dialog{margin:.5rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}}@media screen and (max-width:768px){input[type=text],input[type=tel],input[type=password],input[type=date],select,textarea{font-size:16px!important}}.mobile-menu-toggle-force-color,.header .header-toggle,header.header .header-toggle,.header .header-toggle.bi-list,.header .header-toggle.bi-x,button.header-toggle,i.header-toggle,i.header-toggle.bi-list,i.header-toggle.bi-x{background:linear-gradient(135deg,#1ab3f5,#149ddd)!important;color:#fff!important;opacity:1!important;filter:none!important;-webkit-filter:none!important;-webkit-appearance:none!important;-webkit-tap-highlight-color:rgba(20,157,221,.5)!important;border:3px solid #1ab3f5!important;box-shadow:0 0 20px #149dddcc,inset 0 0 10px #ffffff4d!important}.header-toggle i,button.header-toggle i{color:#fff!important;font-size:22px!important;display:inline-block!important;text-shadow:0 0 5px rgba(0,0,0,.5)!important}.mobile-menu-toggle-force-color:hover,.mobile-menu-toggle-force-color:active,.mobile-menu-toggle-force-color:focus,header.header .header-toggle:hover,header.header .header-toggle:active,header.header .header-toggle:focus,header.header .header-toggle:visited,.header .header-toggle:hover,.header .header-toggle:active,.header .header-toggle:focus,.header .header-toggle:visited{background-color:#1ab3f5!important;background:#1ab3f5!important;color:#fff!important;opacity:1!important;filter:none!important;-webkit-filter:none!important}@media(prefers-color-scheme:dark){.header .header-toggle,.mobile-menu-toggle-force-color{background-color:#149ddd!important;background:#149ddd!important;color:#fff!important;opacity:1!important;filter:none!important}}body{-webkit-overflow-scrolling:touch}@media(max-width:576px){.btn-group{flex-direction:column!important;width:100%}.btn-group .btn{width:100%!important;margin-bottom:.5rem}}
