@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}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes mobileCardFlip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}[data-mobile] .mobile-card-no-save{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}[data-mobile] .mobile-no-bounce{overscroll-behavior:none;-webkit-overflow-scrolling:touch}[data-mobile] .mobile-layout-root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background-color:#020617;background-image:radial-gradient(ellipse at 50% 0%,#0f1f3fe6,#020617b8 60%),radial-gradient(ellipse at 50% 100%,rgba(2,6,23,.88) 0%,transparent 70%);background-size:100% 100%;background-attachment:fixed;overscroll-behavior:none}[data-mobile] .mobile-header{height:48px;flex-shrink:0;display:flex;align-items:center;background:#080e1ff7;border-bottom:1px solid rgba(243,156,18,.2);padding:0 12px;z-index:40;padding-top:env(safe-area-inset-top)}[data-mobile] .mobile-action-bar{height:64px;flex-shrink:0;display:flex;align-items:center;background:#080e1ff7;border-top:1px solid rgba(243,156,18,.2);padding:0 16px;padding-bottom:env(safe-area-inset-bottom);z-index:40;gap:10px}[data-mobile] .mobile-hand-scroll{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 12px}[data-mobile] .mobile-hand-scroll::-webkit-scrollbar{display:none}[data-mobile] .mobile-hand-scroll>*{scroll-snap-align:start;flex-shrink:0}[data-mobile] .mobile-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:49;-webkit-tap-highlight-color:transparent}[data-mobile] .mobile-sheet-panel{position:fixed;left:0;right:0;bottom:0;z-index:50;background:linear-gradient(160deg,#0f1f3d,#0a0f1f);border:1px solid rgba(243,156,18,.25);border-bottom:none;border-radius:20px 20px 0 0;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));max-height:85dvh;overflow-y:auto;overscroll-behavior:contain}[data-mobile] .mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:min(80vw,320px);z-index:46;background:linear-gradient(160deg,#0f1f3d,#0a0f1f);border-left:1px solid rgba(243,156,18,.2);overflow-y:auto;overscroll-behavior:contain;padding:16px;padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom))}[data-mobile] .mobile-drawer-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:45;-webkit-tap-highlight-color:transparent}[data-mobile] .mobile-phase-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}[data-mobile] .mobile-buff-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;font-size:.62rem;font-weight:800;cursor:pointer;-webkit-tap-highlight-color:transparent}[data-mobile] .mobile-card-slot{border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}[data-mobile] .mobile-card-slot img{width:100%;height:100%;object-fit:cover;border-radius:6px;pointer-events:none}[data-mobile] .mobile-tap{-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer}[data-mobile] .mobile-stat-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:6px;font-size:.7rem;font-weight:700;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}[data-mobile] .mobile-blind-pill{background:#8b5cf633;border:1px solid rgba(139,92,246,.5);color:#c4b5fd;padding:2px 8px;border-radius:999px;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}[data-mobile] .mobile-disconnect-dot{position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;background:#ef4444;border:1px solid rgba(0,0,0,.5);z-index:1}[data-mobile] .hide-scrollbar{scrollbar-width:none}[data-mobile] .hide-scrollbar::-webkit-scrollbar{display:none}@keyframes boardGlowPulse{0%,to{box-shadow:0 0 0 2px #f39c128c,0 0 20px #f39c1233,inset 0 0 20px #f39c120a}50%{box-shadow:0 0 0 4px #f39c12e6,0 0 48px #f39c1273,inset 0 0 48px #f39c121f}}.board-my-turn{animation:boardGlowPulse 1.6s ease-in-out infinite}@keyframes deckPulse{0%,to{box-shadow:0 2px 6px #0009,0 0 0 1.5px #f39c1259}50%{box-shadow:0 2px 6px #0009,0 0 0 3px #f39c12f2,0 0 18px 4px #f39c128c}}.deck-draw-active{animation:deckPulse 1s ease-in-out infinite}@keyframes drawArrowBounce{0%,to{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(6px) scale(1.15);opacity:1}}.draw-arrow{animation:drawArrowBounce .85s ease-in-out infinite}