@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{margin:0;@apply bg-gradient-to-br from-slate-900 via-slate-800 to-slate-900 text-white min-h-screen;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}}@layer utilities{.text-fluid-xs{font-size:clamp(.46rem,.58vw,.69rem)}.text-fluid-sm{font-size:clamp(.51rem,.64vw,.74rem)}.text-fluid-md{font-size:clamp(.58rem,.71vw,.85rem)}.text-fluid-lg{font-size:clamp(.67rem,.85vw,1.01rem)}.text-fluid-xl{font-size:clamp(.76rem,.99vw,1.15rem)}.text-card-count{font-size:clamp(.28rem,.42vw,.52rem)}.text-card-label{font-size:clamp(.26rem,.36vw,.43rem)}}@layer components{.game-background{min-height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:-10;background-image:linear-gradient(#0f172ad9,#0f172ad9),var(--bg-image);background-size:cover;background-position:center;background-attachment:fixed}.glass-panel-crok{@apply bg-gradient-to-br from-slate-900/60 via-slate-800/60 to-slate-900/60 backdrop-blur-md border-2 border-crok-gold/30 rounded-xl shadow-2xl;}.board-container{@apply bg-gradient-to-br from-slate-900/40 via-slate-800/40 to-slate-900/40;}.glass-panel{@apply bg-white/10 backdrop-blur-md border border-white/20 rounded-lg shadow-xl;}.crok-title{text-shadow:0 0 10px rgba(243,156,18,.5),0 0 20px rgba(243,156,18,.3),2px 2px 4px rgba(0,0,0,.8);letter-spacing:.05em}.card-shadow-crok{box-shadow:0 10px 20px -5px #00000080,0 4px 8px -2px #0000004d,0 0 0 1px #f39c1233}.card-shadow{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}.card-hover-crok{@apply transition-all duration-300 cursor-pointer;transform-style:preserve-3d}.card-hover-crok:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 20px 40px -10px #f39c1266,0 10px 20px -5px #00000080,0 0 0 2px #f39c1280}.card-hover{@apply transition-all duration-200 hover:scale-105 hover:shadow-xl cursor-pointer;}.button-primary{@apply px-6 py-3 bg-crok-accent hover:bg-crok-accent/90 text-white font-bold rounded-lg transition-all duration-200 hover:scale-105 active:scale-95 shadow-lg hover:shadow-2xl border-2 border-crok-gold/30 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.button-secondary{@apply px-6 py-3 bg-crok-secondary hover:bg-crok-primary text-white font-semibold rounded-lg transition-all duration-200 hover:scale-105 active:scale-95 shadow-lg;}.input-field{@apply w-full px-4 py-3 bg-white/10 border-2 border-white/20 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-crok-accent focus:border-crok-gold transition-all;}.input-field-error{@apply w-full px-4 py-3 bg-white/10 border-2 border-red-500/70 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-red-500 focus:border-red-400 transition-all;}.inline-error{@apply text-sm text-red-400 mt-1 flex items-center gap-1;}.sidebar-divider{@apply border-t border-white/[.06] my-1;}.sidebar-subsection{@apply rounded-md border border-white/[.07] overflow-hidden;background:#ffffff08}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{@apply bg-slate-900/50 rounded-full;}::-webkit-scrollbar-thumb{@apply bg-crok-gold/40 rounded-full;}::-webkit-scrollbar-thumb:hover{@apply bg-crok-gold/60;}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGold{0%,to{box-shadow:0 4px 20px #000000b3,0 0 0 1px #f39c1233}50%{box-shadow:0 4px 20px #000000b3,0 0 0 3px #f39c1280,0 0 16px #f39c124d}}@keyframes glow{0%,to{box-shadow:0 0 10px #f39c124d}50%{box-shadow:0 0 20px #f39c1299}}.animate-glow{animation:glow 2s ease-in-out infinite}