@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}canvas{display:block;outline:none}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #3b82f680}50%{box-shadow:0 0 30px #3b82f6cc}}.float-animation{animation:float 3s ease-in-out infinite}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.dark-scrollbar::-webkit-scrollbar{width:6px}.dark-scrollbar::-webkit-scrollbar-track{background:#3741511a}.dark-scrollbar::-webkit-scrollbar-thumb{background:#9ca3af80;border-radius:3px}.dark-scrollbar::-webkit-scrollbar-thumb:hover{background:#9ca3afb3}.chess-square{transition:all .2s ease}.chess-square:hover{filter:brightness(1.1)}.chess-piece{transition:transform .2s ease}.chess-piece:hover{transform:scale(1.05)}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@supports (backdrop-filter: blur(10px)){.backdrop-blur-supports{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@supports not (backdrop-filter: blur(10px)){.backdrop-blur-supports{background-color:#000c}}.btn-primary{@apply bg-blue-600 hover:bg-blue-700 text-white font-medium py-3 px-6 rounded-lg transition-all duration-200 transform hover:scale-105 active:scale-95;}.btn-secondary{@apply bg-gray-600 hover:bg-gray-700 text-white font-medium py-3 px-6 rounded-lg transition-all duration-200 transform hover:scale-105 active:scale-95;}.card-hover{@apply transition-all duration-200 hover:shadow-lg hover:-translate-y-1;}.chess-piece-unicode{font-size:2rem;line-height:1;display:inline-block;text-shadow:1px 1px 2px rgba(0,0,0,.3)}@media (max-width: 768px){.mobile-full-height{height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.mobile-padding{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}.dark{color-scheme:dark}.dark .text-shadow{text-shadow:0 1px 3px rgba(0,0,0,.5)}*{transition:background-color .2s ease,border-color .2s ease,color .2s ease}