@tailwind base;@tailwind components;@tailwind utilities;@layer base{html{scroll-behavior:smooth}body{@apply bg-clovis-sand text-clovis-dark font-game;background-image:radial-gradient(circle at 1px 1px,rgba(139,115,85,.15) 1px,transparent 0);background-size:20px 20px}}@layer components{.game-container{@apply min-h-screen bg-gradient-to-br from-clovis-sand via-clovis-light to-clovis-sand;}.game-board{@apply bg-gradient-to-br from-board-dark to-board-light p-6 rounded-lg shadow-2xl border-4 border-clovis-gold;background-image:linear-gradient(90deg,rgba(139,69,19,.1) 0%,transparent 50%,rgba(139,69,19,.1) 100%),linear-gradient(0deg,rgba(139,69,19,.1) 0%,transparent 50%,rgba(139,69,19,.1) 100%)}.board-square{@apply w-16 h-16 border-2 border-clovis-stone rounded-md flex items-center justify-center relative transition-all duration-200;background:linear-gradient(135deg,tan,#deb887)}.board-square.rosette{@apply border-clovis-gold shadow-lg;background:linear-gradient(135deg,#d4af37,gold,#d4af37);animation:rosette-glow 2s ease-in-out infinite}.game-piece{@apply w-12 h-12 rounded-full shadow-lg border-2 border-white transition-all duration-300 cursor-pointer;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.3),transparent 50%)}.piece-player1{@apply bg-gradient-to-br from-clovis-primary to-clovis-dark;}.piece-player2{@apply bg-gradient-to-br from-clovis-secondary to-red-700;}.piece-hover:hover{@apply scale-110 shadow-xl;}.dice{@apply w-12 h-12 bg-white border-2 border-gray-300 rounded-md flex items-center justify-center font-bold text-clovis-dark shadow-md;transition:all .3s ease}.dice.rolling{animation:dice-roll .5s ease-in-out}.btn-clovis{@apply px-6 py-3 bg-gradient-to-r from-clovis-primary to-clovis-dark text-white font-semibold rounded-lg shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-200 border-2 border-clovis-gold;}.btn-clovis-secondary{@apply px-6 py-3 bg-gradient-to-r from-clovis-secondary to-red-700 text-white font-semibold rounded-lg shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-200 border-2 border-clovis-gold;}.game-title{@apply text-4xl font-clovis font-bold text-clovis-primary text-center mb-8;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.turn-indicator{@apply text-xl font-semibold text-center p-4 rounded-lg bg-white shadow-lg border-2 border-clovis-gold;}.score-board{@apply bg-white p-4 rounded-lg shadow-lg border-2 border-clovis-gold;}}@layer utilities{.text-shadow{text-shadow:2px 2px 4px rgba(0,0,0,.3)}.piece-captured{animation:capture .4s ease-in-out}.piece-moving{animation:piece-move .3s ease-in-out}}