:root{font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fffffff2;background-color:#0a3d23;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease}button:focus,button:focus-visible{outline:2px solid #facc15;outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::selection{background:#facc154d;color:#fff}*{box-sizing:border-box}:root{--color-bg: #0A0A14;--color-bg-2: #13131F;--color-felt: #0F3D2E;--color-felt-dark: #0A2A1E;--color-felt-accent: #1A6B4A;--color-gold: #D4AF37;--color-gold-bright: #FFE566;--color-gold-dark: #B8960C;--color-red-card: #C0392B;--color-ivory: #F5F0E8;--color-text: #E8E0D0;--color-text-muted: #8A7A6A;--font-title: "Cinzel", serif;--font-ui: "Inter", sans-serif;--font-numbers: "Oswald", sans-serif;--shadow-card: 0 6px 25px rgba(0, 0, 0, .5);--shadow-gold: 0 0 20px rgba(212, 175, 55, .4);--color-purple: #8b5cf6;--color-card-bg: #F5F0E8}.app-container{min-height:100vh;background:radial-gradient(ellipse at center top,#0f3d2e,#071e14 45%,#030a07);background-attachment:fixed;position:relative;overflow:hidden;font-family:var(--font-ui)}.app-container:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.app-container:after{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(255,215,0,.03) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(139,92,246,.03) 0%,transparent 50%);animation:ambientLight 20s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes ambientLight{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(2%,2%) rotate(5deg)}50%{transform:translate(-2%,1%) rotate(-5deg)}75%{transform:translate(1%,-2%) rotate(3deg)}}.game-layout-horizontal{display:flex;flex-direction:row;height:100vh;padding:1.5rem;gap:1.5rem;position:relative;z-index:1}.play-area{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:1rem 0;position:relative}.play-area:before{content:"";position:absolute;inset:-2px;border-radius:24px;background:linear-gradient(135deg,rgba(255,215,0,.2),transparent 50%,rgba(139,92,246,.2));z-index:-1;opacity:.5}.side-panel{width:220px;display:flex;flex-direction:column;padding:0;flex-shrink:0;animation:slideInRight .5s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.columns-separator{display:flex;justify-content:center;align-items:center;padding:12px 20px;margin:8px 0;background:linear-gradient(90deg,transparent,rgba(255,215,0,.1),transparent);border-radius:20px;position:relative}.columns-separator:before,.columns-separator:after{content:"";position:absolute;top:50%;width:60px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.4),transparent)}.columns-separator:before{left:-70px}.columns-separator:after{right:-70px}.column-indicator{height:32px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#ffd700cc;background:#0000004d;border-radius:16px;border:1px solid rgba(255,215,0,.3);text-shadow:0 0 10px rgba(255,215,0,.5);transition:all .3s ease}.column-indicator:hover{transform:scale(1.1);background:#ffd70033}.ai-card-display{margin-top:1rem;display:flex;flex-direction:column;align-items:center;padding:1rem;background:linear-gradient(135deg,#8b5cf633,#0006);border-radius:16px;border:1px solid rgba(139,92,246,.3);animation:pulse 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #8b5cf600}50%{opacity:.9;box-shadow:0 0 20px #8b5cf64d}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes cardDeal{0%{opacity:0;transform:translateY(-100px) rotateY(180deg) scale(.5)}60%{opacity:1;transform:translateY(10px) rotateY(0) scale(1.05)}to{transform:translateY(0) rotateY(0) scale(1)}}@keyframes cardPlace{0%{transform:scale(1.2);opacity:.7}50%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes glowPulse{0%,to{box-shadow:0 0 5px #ffd7004d}50%{box-shadow:0 0 25px #ffd70099,0 0 50px #ffd7004d}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes rainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-card-deal{animation:cardDeal .5s cubic-bezier(.34,1.56,.64,1) forwards}.animate-card-place{animation:cardPlace .3s ease-out forwards}.animate-glow{animation:glowPulse 2s ease-in-out infinite}.animate-slide-up{animation:slideUp .4s ease-out forwards}.animate-shake{animation:shake .5s ease-in-out}.golden-particles{position:relative;overflow:visible}.golden-particles:before{content:"✦";position:absolute;top:-5px;right:-5px;font-size:12px;color:gold;animation:float 2s ease-in-out infinite,rainbow 3s linear infinite;text-shadow:0 0 10px gold}.animate-bounce{animation:bounce .5s ease-in-out}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.animate-slide-in{animation:slideIn .3s ease-out}.flex{display:flex}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-10{padding:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pt-2{padding-top:.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.ml-1{margin-left:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-full{width:100%}.h-8{height:2rem}.h-10{height:2.5rem}.h-16{height:4rem}.h-22{height:5.5rem}.h-28{height:7rem}.min-w-20{min-width:5rem}.min-h-28{min-height:7rem}.max-w-lg{max-width:32rem}.max-w-4xl{max-width:56rem}.max-h-\[90vh\]{max-height:90vh}.text-center{text-align:center}.text-left{text-align:left}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.font-medium{font-weight:500}.font-bold{font-weight:700}.leading-none{line-height:1}.tracking-wider{letter-spacing:.05em}.select-none{-webkit-user-select:none;user-select:none}.text-white{color:#fff}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-900{color:#111827}.text-red-300{color:#fca5a5}.text-red-400{color:#f87171}.text-red-600{color:#dc2626}.text-blue-300{color:#93c5fd}.text-blue-400{color:#60a5fa}.text-green-400{color:#4ade80}.text-yellow-200{color:#fef08a}.text-yellow-400{color:#facc15}.text-purple-400{color:#c084fc}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-gray-500{background-color:#6b7280}.bg-gray-600{background-color:#4b5563}.bg-gray-800{background-color:#1f2937}.bg-red-600{background-color:#dc2626}.bg-blue-600{background-color:#2563eb}.bg-blue-700{background-color:#1d4ed8}.bg-blue-800{background-color:#1e40af}.bg-blue-900{background-color:#1e3a8a}.bg-blue-950{background-color:#172554}.bg-green-600{background-color:#16a34a}.bg-green-700{background-color:#15803d}.bg-purple-600{background-color:#9333ea}.bg-black\/20{background-color:#0003}.bg-black\/30{background-color:#0000004d}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-black\/80{background-color:#000c}.bg-gray-800\/20{background-color:#1f293733}.bg-blue-900\/20{background-color:#1e3a8a33}.bg-blue-900\/30{background-color:#1e3a8a4d}.bg-red-900\/20{background-color:#7f1d1d33}.bg-red-900\/30{background-color:#7f1d1d4d}.bg-green-900\/30{background-color:#14532d4d}.bg-green-800\/40{background-color:#16653466}.bg-yellow-500\/20{background-color:#eab30833}.bg-yellow-600\/20{background-color:#ca8a0433}.bg-yellow-900\/20{background-color:#713f1233}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-blue-600{--tw-gradient-from: #2563eb;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)}.from-blue-800{--tw-gradient-from: #1e40af;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)}.from-purple-500{--tw-gradient-from: #a855f7;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)}.from-purple-600{--tw-gradient-from: #9333ea;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)}.from-green-600{--tw-gradient-from: #16a34a;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)}.from-gray-600{--tw-gradient-from: #4b5563;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)}.from-gray-900{--tw-gradient-from: #111827;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, transparent)}.to-blue-800{--tw-gradient-to: #1e40af}.to-blue-950{--tw-gradient-to: #172554}.to-pink-500{--tw-gradient-to: #ec4899}.to-pink-600{--tw-gradient-to: #db2777}.to-green-800{--tw-gradient-to: #166534}.to-gray-800{--tw-gradient-to: #1f2937}.to-gray-950{--tw-gradient-to: #030712}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-dashed{border-style:dashed}.border-gray-300{border-color:#d1d5db}.border-gray-500{border-color:#6b7280}.border-gray-600{border-color:#4b5563}.border-gray-700{border-color:#374151}.border-gray-800{border-color:#1f2937}.border-blue-400{border-color:#60a5fa}.border-blue-600{border-color:#2563eb}.border-blue-700{border-color:#1d4ed8}.border-blue-800{border-color:#1e40af}.border-green-400{border-color:#4ade80}.border-green-800{border-color:#166534}.border-red-700{border-color:#b91c1c}.border-purple-300{border-color:#d8b4fe}.border-purple-400{border-color:#c084fc}.border-yellow-400{border-color:#facc15}.border-yellow-500\/50{border-color:#eab30880}.border-green-500\/50{border-color:#22c55e80}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.ring-1{box-shadow:0 0 0 1px var(--ring-color, #60a5fa)}.ring-2{box-shadow:0 0 0 2px var(--ring-color, #60a5fa)}.ring-4{box-shadow:0 0 0 4px var(--ring-color, #60a5fa)}.ring-yellow-400{--ring-color: #facc15;box-shadow:0 0 0 calc(var(--ring-width, 2px)) #facc15}.ring-purple-500{--ring-color: #a855f7;box-shadow:0 0 0 calc(var(--ring-width, 4px)) #a855f7}.ring-green-500\/50{--ring-color: rgba(34, 197, 94, .5);box-shadow:0 0 0 1px #22c55e80}.transform{transform:translate(var(--tw-translate-x, 0)) translateY(var(--tw-translate-y, 0)) rotate(var(--tw-rotate, 0))}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.-rotate-12{transform:rotate(-12deg)}.-rotate-6{transform:rotate(-6deg)}.rotate-6{transform:rotate(6deg)}.rotate-12{transform:rotate(12deg)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.-bottom-1{bottom:-.25rem}.-bottom-2{bottom:-.5rem}.-right-1{right:-.25rem}.-right-2{right:-.5rem}.-z-10{z-index:-10}.-z-20{z-index:-20}.z-50{z-index:50}.z-1{z-index:1}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.hover\:shadow-2xl:hover{box-shadow:0 25px 50px -12px #00000040}.hover\:border-green-400:hover{border-color:#4ade80}.hover\:border-green-300:hover{border-color:#86efac}.hover\:bg-green-700:hover{background-color:#15803d}.hover\:bg-gray-700:hover{background-color:#374151}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.hover\:bg-green-800\/40:hover{background-color:#16653466}.hover\:from-blue-500:hover{--tw-gradient-from: #3b82f6}.hover\:from-purple-500:hover{--tw-gradient-from: #a855f7}.hover\:from-green-500:hover{--tw-gradient-from: #22c55e}.hover\:from-gray-500:hover{--tw-gradient-from: #6b7280}.hover\:to-blue-700:hover{--tw-gradient-to: #1d4ed8}.hover\:to-pink-500:hover{--tw-gradient-to: #ec4899}.hover\:to-green-700:hover{--tw-gradient-to: #15803d}.hover\:to-gray-700:hover{--tw-gradient-to: #374151}@media(min-width:768px){.game-layout{padding:2rem}}.app-container-wide{min-height:100vh;height:100vh;width:100vw;background:radial-gradient(ellipse at center,#1a6b47,#0d4f2d 40%,#072a18);background-attachment:fixed;position:relative;overflow:hidden;display:flex;flex-direction:column}.app-container-wide:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.player-info-panel{width:160px;min-width:160px;display:flex;flex-direction:column;gap:.75rem;padding-top:1rem;flex-shrink:0}.player-info-panel.left{align-items:flex-start}.player-info-panel.right{align-items:flex-end}.player-info-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:linear-gradient(135deg,#0006,#0009);border-radius:16px;border:1px solid rgba(255,255,255,.1);width:100%}.player-avatar{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#374151,#1f2937);display:flex;align-items:center;justify-content:center;font-size:24px;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.player-avatar.active{border-color:gold;box-shadow:0 0 20px #ffd70066;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #ffd7004d}50%{box-shadow:0 0 25px #ffd70099}}.player-details{text-align:center}.player-name{color:#fff;font-size:14px;font-weight:700;margin:0}.turn-badge{display:inline-block;margin-top:4px;padding:4px 10px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:11px;font-weight:600;border-radius:10px;animation:pulseBadge 1.5s ease-in-out infinite}.turn-badge.ai{background:linear-gradient(135deg,#a855f7,#7c3aed)}@keyframes pulseBadge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.joker-section{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:#0000004d;border-radius:12px;width:100%}.section-label{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.joker-display{position:relative}.joker-mini{width:56px;height:78px;border-radius:8px;background:linear-gradient(165deg,#fff,#f5f5f5);border:2px solid #a855f7;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:all .3s ease;box-shadow:0 4px 15px #a855f74d}.joker-mini.clickable{cursor:pointer;animation:jokerPulse 2s ease-in-out infinite}.joker-mini.clickable:hover{transform:scale(1.1) translateY(-4px);box-shadow:0 8px 25px #a855f780}@keyframes jokerPulse{0%,to{box-shadow:0 4px 15px #a855f74d}50%{box-shadow:0 4px 25px #a855f799}}.joker-suit{font-size:22px;line-height:1}.joker-rank{font-size:14px;font-weight:800;color:inherit}.joker-badge-mini{position:absolute;top:-6px;right:-6px;font-size:14px;background:linear-gradient(135deg,#a855f7,#7c3aed);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.joker-mini.opponent{background:linear-gradient(135deg,#1e3a5f,#0f172a);border-color:#3b82f6}.joker-hidden{font-size:24px;color:#3b82f680}.joker-used{width:56px;height:78px;border-radius:8px;background:#0000004d;border:1px dashed rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:10px;color:#ffffff4d}.joker-hint{font-size:10px;color:#a855f7;animation:blink 1.5s ease-in-out infinite}.joker-section-visible{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px;background:linear-gradient(135deg,#a855f726,#8b5cf633);border-radius:16px;border:2px solid rgba(168,85,247,.4);width:100%;box-shadow:0 0 20px #a855f733}.joker-display-large{position:relative}.joker-card-visible{width:70px;height:98px;border-radius:10px;background:linear-gradient(165deg,#fff,#f8f8f8 30%,#f0f0f0);border:3px solid #a855f7;box-shadow:0 4px 20px #a855f766,0 0 30px #a855f733,inset 0 1px #fffc;position:relative;transition:all .3s ease;overflow:hidden}.joker-card-visible.clickable{cursor:pointer}.joker-card-visible.clickable:hover{transform:scale(1.1) translateY(-5px);box-shadow:0 8px 30px #a855f780,0 0 40px #a855f74d}.joker-card-visible.pulse{animation:jokerCardPulse 2s ease-in-out infinite}@keyframes jokerCardPulse{0%,to{box-shadow:0 4px 20px #a855f766,0 0 30px #a855f733}50%{box-shadow:0 4px 30px #a855f799,0 0 50px #a855f766}}.joker-card-inner{position:relative;width:100%;height:100%}.joker-corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;color:var(--joker-color)}.joker-corner.top-left{top:5px;left:6px}.joker-corner.bottom-right{bottom:5px;right:6px;transform:rotate(180deg)}.joker-card-visible .joker-rank{font-size:14px;font-weight:800;font-family:Georgia,serif}.joker-suit-symbol{font-size:12px;margin-top:-1px}.joker-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.joker-main-suit{font-size:34px;color:var(--joker-color);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.joker-badge-floating{position:absolute;top:-8px;right:-8px;width:26px;height:26px;background:linear-gradient(135deg,#a855f7,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 2px 10px #a855f780;animation:badgeBounce 2s ease-in-out infinite}@keyframes badgeBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.joker-used-large{width:70px;height:98px;border-radius:10px;background:#0006;border:2px dashed rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:11px;color:#ffffff80;text-align:center}.joker-hint-visible{font-size:10px;color:#c4b5fd;text-align:center;animation:blink 1.5s ease-in-out infinite;background:#a855f733;padding:4px 8px;border-radius:8px}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.drawn-card-section{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:linear-gradient(135deg,#22c55e1a,#0000004d);border-radius:12px;border:1px solid rgba(34,197,94,.3);width:100%}.game-controls-mini{display:flex;gap:8px;margin-top:auto;padding-bottom:1rem}.control-btn{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#0006;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.control-btn:hover{background:#ffffff1a;transform:scale(1.1)}.card-stack{position:relative;display:flex;flex-direction:column;align-items:center}.stacked-card{transition:all .3s ease}.stacked-card:hover{z-index:100!important}.line-playable{cursor:pointer}.line-playable:hover{transform:scale(1.02)}.empty-slot-overlay{position:absolute;left:50%;transform:translate(-50%)}.center-strip{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:4px 15px;margin:2px 0;flex-shrink:0}.columns-separator-wide{display:flex;justify-content:center;align-items:center;padding:4px 10px;background:linear-gradient(90deg,transparent,rgba(255,215,0,.15),transparent);border-radius:10px}.column-indicator{height:24px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#ffd700b3;background:#00000040;border-radius:12px;border:1px solid rgba(255,215,0,.25)}.deck-mini{display:flex;flex-direction:column;align-items:center;gap:2px}.deck-mini.invisible{visibility:hidden}.deck-visual{width:32px;height:44px;border-radius:6px;background:linear-gradient(135deg,#1e40af,#172554);border:1.5px solid #3b82f6;display:flex;align-items:center;justify-content:center;box-shadow:1.5px 1.5px #172554,3px 3px #0f172a}.deck-icon{font-size:14px}.deck-count{font-size:9px;font-weight:700;color:#fff;padding:1px 6px;background:#00000080;border-radius:6px}.game-message-bottom{position:fixed;bottom:15px;left:50%;transform:translate(-50%);padding:10px 20px;background:linear-gradient(135deg,#000c,#000000e6);border-radius:10px;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:13px;font-weight:500;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.game-layout-schema{flex:1;display:flex;flex-direction:row;justify-content:center;align-items:stretch;padding:15px 20px;position:relative;z-index:1;height:100vh;overflow:hidden;gap:20px}.left-column{width:180px;min-width:180px;display:flex;flex-direction:column;gap:15px;padding:10px 0;flex-shrink:0}.panel-label{display:block;font-size:11px;font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;text-align:center}.panel-label-small{display:block;font-size:9px;font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;text-align:center}.card-to-place-panel{background:linear-gradient(145deg,#22c55e26,#0009);border-radius:16px;border:2px solid rgba(34,197,94,.4);padding:15px;flex:1;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 20px #22c55e26}.card-display-area{flex:1;display:flex;align-items:center;justify-content:center;width:100%}.waiting-card{width:100px;height:140px;border-radius:12px;border:2px dashed rgba(255,255,255,.2);background:#0000004d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.waiting-icon{font-size:40px;opacity:.3}.waiting-text{font-size:11px;color:#ffffff4d}.place-hint{font-size:11px;color:#22c55e;text-align:center;animation:blink 1.5s ease-in-out infinite;margin-top:10px}.joker-section-left{background:linear-gradient(145deg,#a855f726,#0009);border-radius:12px;border:2px solid rgba(168,85,247,.4);padding:10px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 20px #a855f726}.joker-display-area{display:flex;justify-content:center;padding:5px 0}.joker-card-schema{width:55px;height:77px;border-radius:8px;background:linear-gradient(165deg,#fff,#f8f8f8 30%,#f0f0f0);border:2px solid #a855f7;box-shadow:0 3px 12px #a855f766,0 0 20px #a855f733,inset 0 1px #fffc;position:relative;transition:all .3s ease;overflow:hidden}.joker-card-schema.clickable{cursor:pointer}.joker-card-schema.clickable:hover{transform:scale(1.08) translateY(-3px);box-shadow:0 6px 20px #a855f780,0 0 30px #a855f74d}.joker-card-schema.pulse{animation:jokerCardPulse 2s ease-in-out infinite}.joker-card-schema .joker-rank{font-size:11px;font-weight:800;font-family:Georgia,serif}.joker-card-schema .joker-suit-symbol{font-size:10px}.joker-card-schema .joker-main-suit{font-size:26px}.joker-empty{width:55px;height:77px;border-radius:8px;background:#0006;border:2px dashed rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:9px;color:#fff6;text-align:center}.joker-click-hint{font-size:9px;color:#c4b5fd;text-align:center;animation:blink 1.5s ease-in-out infinite;background:#a855f733;padding:3px 8px;border-radius:6px;margin-top:5px}.controls-section{background:#0006;border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:12px}.controls-buttons{display:flex;justify-content:center;gap:10px}.ctrl-btn{width:45px;height:45px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fff;font-size:18px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.ctrl-btn:hover{background:#ffffff26;transform:scale(1.1);border-color:#ffd70080}.deck-section{background:linear-gradient(145deg,#3b82f626,#00000080);border-radius:16px;border:2px solid rgba(59,130,246,.3);padding:12px;display:flex;flex-direction:column;align-items:center}.deck-display{display:flex;flex-direction:column;align-items:center;gap:8px}.deck-cards-stack{width:50px;height:70px;border-radius:10px;background:linear-gradient(135deg,#1e40af,#172554);border:2px solid #3b82f6;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:3px 3px #172554,6px 6px #0f172a}.deck-count{font-size:18px;font-weight:800;color:#60a5fa;background:#00000080;padding:4px 12px;border-radius:10px;border:1px solid rgba(59,130,246,.3)}.center-column{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:10px 0;height:100%;overflow:hidden}.board-section{display:flex;justify-content:center;align-items:center}.board-section.opponent,.board-section.player{width:100%;display:flex;justify-content:center;align-items:center}.board-section>div{margin:0 auto}.columns-strip{display:flex;align-items:center;justify-content:center;padding:8px 0;margin:5px 0;flex-shrink:0;width:100%}.column-numbers{display:flex;justify-content:center;align-items:center;padding:6px 0;background:transparent;border-radius:12px}.col-number{height:28px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#ffd700cc;background:#0000004d;border-radius:14px;border:1px solid rgba(255,215,0,.3);text-shadow:0 0 10px rgba(255,215,0,.5)}.deck-indicator{display:flex;flex-direction:column;align-items:center;gap:4px}.deck-indicator.invisible{visibility:hidden}.deck-cards{width:36px;height:50px;border-radius:8px;background:linear-gradient(135deg,#1e40af,#172554);border:2px solid #3b82f6;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:2px 2px #172554,4px 4px #0f172a}.deck-number{font-size:10px;font-weight:700;color:#fff;padding:2px 8px;background:#00000080;border-radius:8px}.right-column{width:180px;min-width:180px;display:flex;flex-direction:column;padding:10px 0;flex-shrink:0}.scores-panel{background:linear-gradient(145deg,#ffd7001a,#0009);border-radius:16px;border:2px solid rgba(255,215,0,.3);padding:15px;box-shadow:0 4px 20px #ffd7001a}.versus-container{display:flex;flex-direction:column;align-items:center;gap:10px}.player-score-card{width:100%;padding:15px;background:#ffffff0d;border-radius:12px;border:2px solid transparent;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .3s ease}.player-score-card.active{border-color:#ffd70080;background:#ffd7001a;box-shadow:0 0 20px #ffd70033}.player-avatar-big{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#374151,#1f2937);display:flex;align-items:center;justify-content:center;font-size:26px;border:2px solid rgba(255,255,255,.2)}.player-score-card.active .player-avatar-big{border-color:gold;box-shadow:0 0 15px #ffd70066}.player-name-score{font-size:14px;font-weight:700;color:#fff}.turn-indicator{font-size:11px;color:#22c55e;font-weight:600;padding:4px 10px;background:#22c55e33;border-radius:10px;animation:pulseBadge 1.5s ease-in-out infinite}.turn-indicator.ai{color:#a855f7;background:#a855f733}.joker-info{font-size:10px;color:#ffffff80}.vs-badge{font-size:18px;font-weight:900;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5);padding:8px 20px;background:#0006;border-radius:20px;border:2px solid rgba(255,215,0,.3)}.game-layout-wide{flex:1;display:flex;flex-direction:row;padding:1rem 1.5rem;gap:1.5rem;position:relative;z-index:1;height:100vh;overflow:hidden}.tournament-display{background:linear-gradient(145deg,#d4af371a,#b8960c0d);border:1px solid rgba(212,175,55,.3);border-radius:16px;padding:15px;margin-top:15px}.tournament-header{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(212,175,55,.25)}.tournament-icon{font-size:28px;filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}.tournament-title{font-size:13px;font-weight:800;color:#d4af37;letter-spacing:3px;font-family:Cinzel,serif}.tournament-target{font-size:11px;color:#fff9}.tournament-scores{display:flex;flex-direction:column;gap:12px}.tournament-player{display:flex;flex-direction:column;gap:6px}.tournament-player-info{display:flex;align-items:center;justify-content:space-between}.tournament-avatar{font-size:18px}.tournament-score{font-size:20px;font-weight:800;color:#d4af37;font-family:Oswald,sans-serif;text-shadow:0 0 10px rgba(212,175,55,.3)}.tournament-progress-bar{width:100%;height:10px;background:#0000004d;border-radius:5px;overflow:hidden}.tournament-progress-fill{height:100%;border-radius:5px;transition:width .5s ease}.tournament-progress-fill.player{background:linear-gradient(90deg,#b8960c,#d4af37);box-shadow:0 0 10px #d4af3766}.tournament-progress-fill.ai{background:linear-gradient(90deg,#7f1d1d,#ef4444);box-shadow:0 0 10px #ef444466}.tournament-rounds{margin-top:12px;text-align:center;font-size:12px;font-weight:600;color:#ffffffb3;padding:8px;background:#0003;border-radius:8px}.tournament-results-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.tournament-results-modal{background:linear-gradient(145deg,#0a0a14fc,#13131ffc);border-radius:24px;padding:0;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 30px 80px #000000b3,0 0 60px #d4af370f;border:1px solid rgba(212,175,55,.2);animation:slideUp .5s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tournament-results-header{padding:30px;text-align:center;border-radius:24px 24px 0 0}.tournament-results-header.victory{background:linear-gradient(135deg,#d4af3726,#b8960c14);border-bottom:1px solid rgba(212,175,55,.35)}.tournament-results-header.defeat{background:#ffffff06;border-bottom:1px solid rgba(255,255,255,.07)}.tournament-results-header.draw{background:linear-gradient(135deg,#94a3b81a,#64748b0d);border-bottom:1px solid rgba(148,163,184,.25)}.tournament-results-icon{font-size:64px;margin-bottom:15px;filter:drop-shadow(0 0 20px rgba(255,215,0,.5));animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.tournament-results-title{font-family:Cinzel,serif;font-size:32px;font-weight:900;margin:0 0 10px;letter-spacing:5px}.tournament-results-header.victory .tournament-results-title{color:#d4af37;text-shadow:0 0 30px rgba(212,175,55,.6)}.tournament-results-header.defeat .tournament-results-title{color:#e8e0d0b3;text-shadow:none}.tournament-results-header.draw .tournament-results-title{color:#94a3b8;text-shadow:0 0 20px rgba(148,163,184,.4)}.tournament-results-subtitle{font-size:16px;color:#ffffffb3;margin:0}.tournament-final-scores{display:flex;align-items:center;justify-content:center;gap:20px;padding:25px;background:#0000004d}.tournament-final-player{display:flex;flex-direction:column;align-items:center;gap:8px}.final-avatar{font-size:40px}.final-name{font-size:14px;font-weight:600;color:#fffc}.final-score{font-family:Oswald,sans-serif;font-size:48px;font-weight:700;color:#d4af37;text-shadow:0 0 20px rgba(212,175,55,.4)}.tournament-vs{font-size:24px;font-weight:900;color:#fff6}.tournament-history{padding:20px}.tournament-history h3{text-align:center;color:#ffffffe6;font-size:16px;margin:0 0 15px}.tournament-history-list{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.history-round{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0000004d;border-radius:8px;font-size:12px}.history-round.player-won{border-left:3px solid #22c55e}.history-round.ai-won{border-left:3px solid #ef4444}.history-round.draw{border-left:3px solid #fbbf24}.round-number{font-weight:700;color:#fff9}.round-scores{font-weight:600;color:#ffffffe6}.round-winner-icon{font-size:14px}.history-round.player-won .round-winner-icon{color:#22c55e}.history-round.ai-won .round-winner-icon{color:#ef4444}.history-round.draw .round-winner-icon{color:#fbbf24}.tournament-stats{display:flex;justify-content:space-around;padding:20px;background:#0003}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-label{font-size:11px;color:#ffffff80;text-transform:uppercase}.stat-value{font-family:Oswald,sans-serif;font-size:24px;font-weight:700;color:#d4af37}.tournament-buttons{display:flex;flex-direction:column;gap:12px;padding:25px}.btn-tournament-action{width:100%;padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.btn-tournament-action.primary{background:linear-gradient(135deg,#d4af37,#b8960c);color:#0a0a14;font-family:Cinzel,serif;letter-spacing:1px;box-shadow:0 4px 20px #d4af374d}.btn-tournament-action.primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #d4af3780}.btn-tournament-action.secondary{background:#d4af370f;color:#d4af37b3;border:1px solid rgba(212,175,55,.2);font-family:Cinzel,serif;letter-spacing:1px}.btn-tournament-action.secondary:hover{background:#d4af371f;color:#d4af37;transform:translateY(-2px)}.app-container-wide.tournament-match-mode{padding-top:0}.game-layout-schema.with-header{margin-top:70px}.game-layout-optimized{display:grid;grid-template-columns:240px 1fr 280px;gap:16px;height:calc(100vh - 32px);padding:16px;max-width:1600px;margin:0 auto}.game-layout-optimized.with-header{height:calc(100vh - 102px);margin-top:70px}.left-column-new{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:4px}.left-column-new::-webkit-scrollbar{width:4px}.left-column-new::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.tournament-panel-left{margin-top:auto}.center-column-new{display:flex;flex-direction:column;justify-content:space-between;gap:8px;overflow:hidden}.progress-bar-top{flex-shrink:0}.board-section{flex:1;display:flex;justify-content:center;align-items:center;min-height:0}.board-section.opponent{align-items:flex-end}.board-section.player{align-items:flex-start}.columns-strip{flex-shrink:0;display:flex;justify-content:center;padding:8px 0}.column-numbers{display:flex;justify-content:center}.col-number{display:flex;align-items:center;justify-content:center;height:28px;font-size:12px;font-weight:700;color:#ffd70080;background:#0000004d;border-radius:8px;border:1px solid rgba(255,215,0,.2);transition:all .3s ease}.col-number.active-line{color:#22c55e;background:#22c55e26;border-color:#22c55e66;box-shadow:0 0 15px #22c55e4d;animation:pulseGreen 1.5s ease-in-out infinite}@keyframes pulseGreen{0%,to{box-shadow:0 0 10px #22c55e33}50%{box-shadow:0 0 20px #22c55e66}}.right-column-new{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-left:4px}.right-column-new::-webkit-scrollbar{width:4px}.right-column-new::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.history-toggle-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:1px solid rgba(59,130,246,.3);border-radius:10px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;flex-shrink:0}.history-toggle-btn:hover{background:linear-gradient(135deg,#3b82f64d,#8b5cf64d);border-color:#3b82f680;transform:translateY(-1px)}.toggle-icon{font-size:14px}.toggle-text{color:#ffffffe6}.game-toast-message{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#0f172af2,#1e293bf2);border-radius:50px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;animation:toastSlideUp .3s ease-out}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.toast-icon{font-size:18px}.toast-text{color:#fff;font-size:14px;font-weight:500}.app-horizontal-layout{min-height:100vh;background:radial-gradient(ellipse at 50% 0%,rgba(26,107,74,.6) 0%,transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(10,42,30,.8) 0%,transparent 60%),radial-gradient(ellipse at center,#0d2e1e,#071510,#030a07);background-attachment:fixed;position:relative;display:flex;flex-direction:column;overflow-x:hidden;font-family:var(--font-ui)}.app-horizontal-layout:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.06'/%3E%3C/svg%3E");pointer-events:none;z-index:0}.app-horizontal-layout:after{content:"";position:fixed;top:-30%;left:-30%;width:160%;height:160%;background:radial-gradient(circle at 50% 10%,rgba(212,175,55,.06) 0%,transparent 40%),radial-gradient(circle at 20% 80%,rgba(15,61,46,.4) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(15,61,46,.4) 0%,transparent 40%);animation:ambientLightHorizontal 25s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes ambientLightHorizontal{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(3%,1%) rotate(3deg)}66%{transform:translate(-2%,2%) rotate(-3deg)}}.main-game-area{flex:1;display:flex;align-items:center;justify-content:center;padding:0 10px;position:relative;z-index:1;overflow:hidden}.score-header{position:fixed;top:0;left:0;right:0;height:80px;z-index:100}.action-bar-fixed{position:fixed;bottom:0;left:0;right:0;height:110px;z-index:100}.boards-container{width:90%;max-width:1400px;height:calc(100vh - 200px);display:flex;justify-content:center;align-items:stretch;margin:85px auto 115px}.line-row{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 0;min-height:130px}.card-slot{width:90px;height:126px;display:flex;align-items:center;justify-content:center;background:#00000026;border-radius:8px;border:2px dashed rgba(255,255,255,.15);transition:all .2s ease}.card-slot:hover{border-color:#ffd70066;background:#00000040}.card-slot.has-card{background:transparent;border:none}.line-playable{background:linear-gradient(90deg,transparent,rgba(255,215,0,.1) 10%,rgba(255,215,0,.15) 50%,rgba(255,215,0,.1) 90%,transparent);animation:playablePulse 2s ease-in-out infinite}@keyframes playablePulse{0%,to{opacity:.7}50%{opacity:1}}.line-locked{opacity:.5;filter:grayscale(30%)}.center-separator{width:60px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:10px 0}.line-number-badge{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00000080,#000000b3);border:2px solid rgba(255,215,0,.5);border-radius:50%;font-weight:700;font-size:16px;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.player-side{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:10px;max-width:45%}.player-header{text-align:center;padding:8px;margin-bottom:10px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.3),transparent);border-radius:8px}.player-header h3{margin:0;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:2px}.player-header.adversaire h3{color:#ef4444}.player-header.vous h3{color:#22c55e}.tournament-sidebar{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:50;max-width:200px}.tournament-header-overlay{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:90}@media(max-width:1400px){.main-game-area{padding:90px 15px 120px}.tournament-sidebar{position:static;transform:none;max-width:none;margin-top:20px}}@media(max-width:1100px){.main-game-area{padding:90px 10px 120px;flex-direction:column}}@media(max-width:768px){.main-game-area{padding:70px 5px 100px}}@media(max-width:480px){.app-horizontal-layout{height:100svh;height:100vh;overflow:hidden}.main-game-area{padding:72px 3px 90px;overflow:hidden;align-items:stretch;justify-content:flex-start;flex-direction:column}}@media(max-width:1200px){.game-layout-optimized{grid-template-columns:200px 1fr 240px;gap:12px}}@media(max-width:1024px){.game-layout-optimized{grid-template-columns:180px 1fr 200px;gap:10px;padding:10px}}@media(max-width:900px){.game-layout-optimized{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:auto;min-height:100vh}.left-column-new{order:2;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px}.center-column-new{order:1}.right-column-new{order:3;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px}}.auth-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.auth-panel{background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid rgba(212,175,55,.3);border-radius:16px;padding:2rem;width:100%;max-width:420px;position:relative;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff0d}.auth-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--color-text-muted);font-size:1.2rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s}.auth-close:hover{color:var(--color-text);background:#ffffff1a}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-logo{font-size:1.5rem;letter-spacing:.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--color-gold),var(--color-gold-bright));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-title{font-family:var(--font-title);font-size:1.5rem;color:var(--color-text);margin:0}.auth-error{background:#dc262626;border:1px solid rgba(220,38,38,.3);color:#fca5a5;padding:.75rem 1rem;border-radius:8px;font-size:.85rem;margin-bottom:1rem}.auth-success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#86efac;padding:.75rem 1rem;border-radius:8px;font-size:.85rem;margin-bottom:1rem}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-field{display:flex;flex-direction:column;gap:.3rem}.auth-field label{font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.auth-field input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem 1rem;color:var(--color-text);font-size:.95rem;transition:all .2s;outline:none}.auth-field input:focus{border-color:var(--color-gold);box-shadow:0 0 0 2px #d4af3733}.auth-field input::placeholder{color:#fff3}.auth-submit{background:linear-gradient(135deg,var(--color-gold-dark),var(--color-gold));color:#1a1a2e;border:none;border-radius:8px;padding:.85rem;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-gold)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-google{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.75rem;color:var(--color-text);font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.auth-google:hover{background:#ffffff1f;border-color:#ffffff40}.auth-links{display:flex;justify-content:center;gap:1.5rem;margin-top:.5rem}.auth-links button{background:none;border:none;color:var(--color-gold);font-size:.8rem;cursor:pointer;text-decoration:underline;opacity:.8}.auth-links button:hover{opacity:1}.profile-compact{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:#ffffff0d;border-radius:20px;cursor:pointer;transition:all .2s}.profile-compact:hover{background:#ffffff1a}.profile-avatar-small{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--color-gold-dark),var(--color-gold));display:flex;align-items:center;justify-content:center;overflow:hidden}.profile-avatar-small img{width:100%;height:100%;object-fit:cover}.profile-avatar-small span{color:#1a1a2e;font-weight:700;font-size:.75rem}.profile-name-small{color:var(--color-text);font-size:.85rem;font-weight:600}.profile-elo-badge{background:#d4af3726;color:var(--color-gold);font-size:.7rem;padding:.15rem .5rem;border-radius:10px;font-weight:600}.profile-card{background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid rgba(212,175,55,.2);border-radius:16px;padding:1.5rem;text-align:center}.profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--color-gold-dark),var(--color-gold));display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;position:relative;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-letter{color:#1a1a2e;font-size:2rem;font-weight:700}.online-indicator{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;background:#6b7280;border:2px solid #1a1a2e}.online-indicator.online{background:#22c55e;box-shadow:0 0 6px #22c55e80}.profile-name{font-family:var(--font-title);font-size:1.2rem;color:var(--color-text);margin:0 0 .25rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.edit-name-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:.9rem}.profile-edit-name{display:flex;align-items:center;gap:.5rem;justify-content:center}.profile-edit-name input{background:#ffffff0d;border:1px solid var(--color-gold);border-radius:6px;padding:.3rem .6rem;color:var(--color-text);font-size:.9rem;text-align:center;outline:none}.profile-edit-name button{background:none;border:none;color:var(--color-text);cursor:pointer;font-size:1rem}.profile-elo{display:flex;align-items:center;justify-content:center;gap:.3rem;margin-bottom:1rem}.elo-value{font-family:var(--font-numbers);font-size:1.3rem;color:var(--color-gold);font-weight:700}.elo-label{color:var(--color-text-muted);font-size:.75rem}.profile-stats{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.stat-row{display:flex;justify-content:space-around}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-family:var(--font-numbers);font-size:1.1rem;color:var(--color-text);font-weight:700}.stat-wins .stat-value{color:#22c55e}.stat-losses .stat-value{color:#ef4444}.stat-label{color:var(--color-text-muted);font-size:.65rem;text-transform:uppercase}.profile-signout{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.8rem;transition:all .2s;width:100%}.profile-signout:hover{background:#ef444433}.leaderboard-view{background:linear-gradient(145deg,#1a1a2e,#0f0f23);border:1px solid rgba(212,175,55,.2);border-radius:16px;padding:1.5rem;max-width:800px;width:100%;max-height:80vh;overflow-y:auto}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.leaderboard-header h2{font-family:var(--font-title);color:var(--color-gold);margin:0;font-size:1.3rem}.leaderboard-actions{display:flex;gap:.5rem}.lb-refresh,.lb-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-muted);padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .2s}.lb-refresh:hover,.lb-close:hover{background:#ffffff1a;color:var(--color-text)}.my-rank-banner{background:linear-gradient(135deg,#d4af3726,#d4af370d);border:1px solid rgba(212,175,55,.3);border-radius:10px;padding:.75rem 1rem;display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.my-rank-pos{font-size:1.2rem;font-weight:700}.my-rank-name{color:var(--color-text);font-weight:600;flex:1}.my-rank-elo{color:var(--color-gold);font-weight:600}.my-rank-wr{color:var(--color-text-muted);font-size:.85rem}.lb-table-header{display:grid;grid-template-columns:60px 1fr 90px 120px 70px 70px;padding:.5rem .75rem;color:var(--color-text-muted);font-size:.7rem;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.05)}.lb-row{display:grid;grid-template-columns:60px 1fr 90px 120px 70px 70px;padding:.6rem .75rem;align-items:center;border-bottom:1px solid rgba(255,255,255,.03);transition:background .2s;font-size:.85rem;color:var(--color-text)}.lb-row:hover{background:#ffffff08}.lb-row-me{background:#d4af3714!important;border-left:3px solid var(--color-gold)}.lb-row-top{font-weight:600}.lb-col-player{display:flex;align-items:center;gap:.5rem}.lb-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#374151,#4b5563);display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;overflow:hidden}.lb-avatar img{width:100%;height:100%;object-fit:cover}.lb-col-games small{color:var(--color-text-muted)}.lb-empty{text-align:center;padding:2rem;color:var(--color-text-muted);font-style:italic}.lobby-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.lobby-panel{background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid rgba(212,175,55,.2);border-radius:16px;padding:2rem;width:100%;max-width:500px}.lobby-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.lobby-back{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-muted);padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .2s}.lobby-back:hover{background:#ffffff1a;color:var(--color-text)}.lobby-header h2{font-family:var(--font-title);color:var(--color-text);margin:0;font-size:1.3rem}.lobby-error{background:#dc262626;border:1px solid rgba(220,38,38,.3);color:#fca5a5;padding:.75rem;border-radius:8px;font-size:.85rem;margin-bottom:1rem}.lobby-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.lobby-tab{flex:1;background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:var(--color-text-muted);padding:.6rem;border-radius:8px;cursor:pointer;font-size:.8rem;transition:all .2s}.lobby-tab.active{background:#d4af3726;border-color:var(--color-gold);color:var(--color-gold)}.lobby-section{display:flex;flex-direction:column;gap:1rem}.lobby-desc{color:var(--color-text-muted);font-size:.85rem;margin:0}.lobby-option label:first-child{font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:.3rem;display:block}.lobby-radio-group{display:flex;flex-direction:column;gap:.5rem}.lobby-radio{display:flex;align-items:center;gap:.5rem;padding:.6rem .8rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s;color:var(--color-text);font-size:.85rem}.lobby-radio.selected{background:#d4af371a;border-color:var(--color-gold)}.lobby-radio input[type=radio]{accent-color:var(--color-gold)}.lobby-action-btn{background:linear-gradient(135deg,var(--color-gold-dark),var(--color-gold));color:#1a1a2e;border:none;border-radius:8px;padding:.85rem;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s}.lobby-action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-gold)}.lobby-action-btn:disabled{opacity:.6;cursor:not-allowed}.lobby-code-input{text-align:center}.code-input{background:#ffffff0d;border:2px solid rgba(212,175,55,.3);border-radius:12px;padding:1rem;color:var(--color-gold);font-family:var(--font-numbers);font-size:2rem;text-align:center;letter-spacing:.5rem;width:180px;outline:none;transition:all .2s}.code-input:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px #d4af3733}.lobby-rooms-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.lobby-room-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px}.room-info{display:flex;gap:1rem;align-items:center}.room-code{font-family:var(--font-numbers);color:var(--color-gold);font-weight:600}.room-type{color:var(--color-text-muted);font-size:.8rem}.room-join-btn{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#86efac;padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .2s}.room-join-btn:hover{background:#22c55e40}.lobby-empty,.lobby-loading{text-align:center;padding:2rem;color:var(--color-text-muted);font-style:italic}.lobby-refresh-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text-muted);padding:.5rem;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .2s;align-self:center}.lobby-refresh-btn:hover{background:#ffffff1a}.waiting-room{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.waiting-panel{background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid rgba(212,175,55,.2);border-radius:16px;padding:2rem;text-align:center;max-width:450px;width:100%}.waiting-panel h2{font-family:var(--font-title);color:var(--color-text);font-size:1.2rem;margin:0 0 1.5rem}.waiting-code-section{margin-bottom:1.5rem}.waiting-code-section p{color:var(--color-text-muted);font-size:.85rem;margin:0 0 .5rem}.waiting-code{display:inline-flex;align-items:center;gap:.75rem;background:#d4af371a;border:2px dashed var(--color-gold);border-radius:12px;padding:.75rem 1.5rem;cursor:pointer;transition:all .2s}.waiting-code:hover{background:#d4af3733}.waiting-code-text{font-family:var(--font-numbers);font-size:2rem;color:var(--color-gold);letter-spacing:.4rem;font-weight:700}.waiting-code-copy{font-size:1.2rem}.waiting-code-section small{display:block;color:var(--color-text-muted);font-size:.7rem;margin-top:.3rem}.waiting-info{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.waiting-type,.waiting-role{background:#ffffff0d;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;color:var(--color-text)}.waiting-players h3{color:var(--color-text-muted);font-size:.8rem;text-transform:uppercase;margin:0 0 .75rem}.waiting-player-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.waiting-player{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:8px}.waiting-empty{background:#ffffff08!important;border:1px dashed rgba(255,255,255,.1)!important}.wp-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-gold-dark),var(--color-gold));display:flex;align-items:center;justify-content:center;color:#1a1a2e;font-weight:700;font-size:.85rem}.wp-name{flex:1;text-align:left;color:var(--color-text);font-weight:500}.wp-status{font-size:.75rem;color:#86efac}.wp-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--color-gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.waiting-animation{margin-bottom:1rem}.waiting-dots span{font-size:2rem;color:var(--color-gold);animation:dotPulse 1.5s ease-in-out infinite}.waiting-dots span:nth-child(2){animation-delay:.3s}.waiting-dots span:nth-child(3){animation-delay:.6s}@keyframes dotPulse{0%,to{opacity:.3}50%{opacity:1}}.waiting-leave{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.6rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .2s}.waiting-leave:hover{background:#ef444433}.menu-online-section{display:flex;gap:.5rem;margin-top:.5rem}.menu-btn.btn-online{background:linear-gradient(145deg,#0ea5e9,#0284c7)}.menu-btn.btn-leaderboard{background:linear-gradient(145deg,#f59e0b,#d97706)}.menu-auth-bar{position:absolute;top:1rem;right:1rem;z-index:10;display:flex;align-items:center;gap:.5rem}.menu-login-btn{background:linear-gradient(135deg,var(--color-gold-dark),var(--color-gold));color:#1a1a2e;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s}.menu-login-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-gold)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}