body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.style-default{background:radial-gradient(circle at 50% 30%,#a855f766 0,#0000 50%),radial-gradient(circle at 50% 70%,#fbbf2433 0,#0000 50%),linear-gradient(145deg,#2e1065,#1e1b4b 50%,#0f0a1e);border-color:#7c3aed;box-shadow:inset 0 1px 4px #a855f74d,inset 0 -1px 2px #0000004d,0 4px 12px #0006}.style-vegas{background:linear-gradient(145deg,gold,#ffec8b 20%,#daa520 40%,#b8860b 60%,gold 80%,#ffec8b);border-color:#8b6914;box-shadow:inset 0 1px 6px #ffffff80,0 0 12px #ffd70066,0 4px 10px #0006}.style-gold{background:linear-gradient(145deg,#ffd70026,#ffd7000d 50%,#ffd70026),linear-gradient(145deg,#2e1a00,#1a1000 50%,#0f0800);border-color:#daa520;box-shadow:inset 0 1px 4px #daa52066,0 0 10px #daa52066,0 4px 10px #00000080}.style-fire{background:linear-gradient(180deg,#fbbf24,#f97316 25%,#dc2626 50%,#991b1b 75%,#450a0a);border-color:#f97316;box-shadow:0 0 12px #f9731680,0 0 20px #dc26264d,0 4px 10px #00000080}.style-lava{background:radial-gradient(circle at 30% 70%,#ff640099 0,#0000 50%),radial-gradient(circle at 70% 30%,#ff320066 0,#0000 50%),linear-gradient(180deg,#4a0000,#2a0000 50%,#1a0000);border-color:#dc2626;box-shadow:inset 0 0 10px #ff640066,0 0 12px #dc262680,0 4px 10px #00000080}.style-ice{background:linear-gradient(180deg,#e0f2fe,#7dd3fc 30%,#0ea5e9 60%,#0369a1);border-color:#0284c7;box-shadow:inset 0 0 12px #ffffff80,0 0 12px #0ea5e966,0 4px 10px #0006}.style-frost{background:radial-gradient(circle at 50% 30%,#7dd3fc66 0,#0000 50%),linear-gradient(145deg,#0c4a6e,#082f49 50%,#0a1929);border-color:#38bdf8;box-shadow:inset 0 1px 4px #38bdf84d,0 0 10px #38bdf866,0 4px 10px #00000080}.style-toxic{background:radial-gradient(circle at 30% 30%,#00ff004d 0,#0000 40%),radial-gradient(circle at 70% 70%,#0f03 0,#0000 40%),linear-gradient(180deg,#052e05,#0a1a0a 50%,#000);border-color:#22c55e;box-shadow:0 0 15px #22c55e80,inset 0 0 10px #22c55e33,0 4px 10px #00000080}.style-nature{background:linear-gradient(145deg,#166534,#14532d 40%,#052e16 70%,#022c22);border-color:#16a34a;box-shadow:inset 0 1px 4px #16a34a4d,0 0 8px #16a34a4d,0 4px 10px #00000080}.style-tarot{background:radial-gradient(circle at 50% 30%,#9333ea66 0,#0000 50%),radial-gradient(circle at 50% 70%,#d977064d 0,#0000 50%),linear-gradient(180deg,#1a0a2e,#0a0510);border-color:#9333ea;box-shadow:0 0 15px #9333ea80,inset 0 0 12px #9333ea33,0 4px 10px #00000080}.style-galaxy{background:radial-gradient(circle at 20% 20%,#fffc 1px,#0000 2px),radial-gradient(circle at 80% 40%,#fff9 1px,#0000 2px),radial-gradient(circle at 40% 80%,#ffffffb3 1px,#0000 2px),radial-gradient(circle at 50% 50%,#8a2be299 0,#0000 50%),linear-gradient(180deg,#0f0520,#1a0a30 50%,#050510);border-color:#4c1d95;box-shadow:0 0 15px #8a2be24d,0 4px 10px #00000080}.style-void{background:radial-gradient(circle at 50% 50%,#1e1e1e 0,#000 70%);border-color:#333;box-shadow:inset 0 0 20px #000c,0 0 10px #000c,0 4px 10px #0009}.style-psychedelic{animation:jokerStylePsychedelic 3s linear infinite;background:linear-gradient(45deg,red,#f80 16%,#ff0 33%,#0f0 50%,#08f 66%,#80f 83%,#f08);border-color:#fff;box-shadow:0 4px 12px #f0f6,0 4px 10px #0006}.style-harlequin{background:repeating-linear-gradient(45deg,#a855f7,#a855f7 8px,#fbbf24 0,#fbbf24 16px);border-color:#7c3aed;box-shadow:0 4px 10px #a855f766,0 4px 10px #0006}.style-circus{background:repeating-linear-gradient(0deg,#dc2626,#dc2626 6px,#fef3c7 0,#fef3c7 12px);border-color:#991b1b;box-shadow:0 4px 10px #dc262666,0 4px 10px #0006}.style-holo{animation:jokerStyleHolo 3s ease infinite;background:linear-gradient(135deg,#f0f,#0ff 25%,#ff0 50%,#0f0 75%,#f0f);background-size:200% 200%;border-color:#fff;box-shadow:0 4px 12px #ff00ff4d,0 4px 10px #0006}.style-neon{background:linear-gradient(145deg,#0a0a15,#1a1a2e);border-color:#0ff;box-shadow:0 0 12px #00ffff80,0 0 25px #0ff3,inset 0 0 15px #00ffff1a,0 4px 10px #00000080}.style-glitch{animation:jokerStyleGlitch .5s infinite;background:#000;border-color:#0ff;box-shadow:0 0 10px #00ffff80,0 4px 10px #00000080}.style-retro{background:linear-gradient(#0000 49%,#ec489966 50%,#0000 51%),linear-gradient(90deg,#0000 49%,#ec489966 50%,#0000 51%),linear-gradient(180deg,#1e1b4b,#0f0a1e);background-size:10px 10px,10px 10px,100% 100%;border-color:#ec4899;box-shadow:0 0 12px #ec489966,0 4px 10px #00000080}.style-steampunk{background:radial-gradient(circle at 25% 25%,#b45309cc 5%,#0000 20%),radial-gradient(circle at 75% 75%,#b45309cc 5%,#0000 20%),linear-gradient(145deg,#78350f,#451a03 50%,#1c0a00);border-color:#b45309;box-shadow:inset 0 1px 4px #d9770680,0 4px 10px #b4530966,0 4px 10px #00000080}.style-blood{background:radial-gradient(circle at 50% 70%,#b4000080 0,#0000 60%),linear-gradient(180deg,#4a0000,#2a0000 50%,#150000);border-color:#991b1b;box-shadow:inset 0 0 10px #991b1b66,0 0 10px #991b1b66,0 4px 10px #00000080}.style-royal{background:linear-gradient(145deg,#581c87,#7c3aed 30%,#4c1d95 50%,#2e1065 70%,#1e1b4b);border-color:#a855f7;box-shadow:inset 0 1px 6px #a855f766,0 0 12px #a855f74d,0 4px 10px #00000080}@keyframes jokerStylePsychedelic{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}@keyframes jokerStyleHolo{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes jokerStyleGlitch{0%,90%,to{background:#000}92%{background:#100010}95%{background:#001010}}:root{--color-primary:#8b5cf6;--color-primary-dark:#7c3aed;--color-primary-light:#a78bfa;--color-primary-glow:#8b5cf680;--color-secondary:#f59e0b;--color-secondary-dark:#d97706;--color-secondary-light:#fbbf24;--color-secondary-glow:#fbbf2480;--color-accent:#06b6d4;--color-accent-dark:#0891b2;--color-accent-light:#22d3ee;--color-gold:#fbbf24;--color-gold-dark:#f59e0b;--color-gold-glow:#fbbf2466;--color-success:#10b981;--color-success-dark:#059669;--color-success-light:#34d399;--color-success-glow:#10b98166;--color-danger:#ef4444;--color-danger-dark:#dc2626;--color-danger-light:#f87171;--color-danger-glow:#ef444466;--color-info:#3b82f6;--color-info-dark:#2563eb;--color-info-light:#60a5fa;--color-info-glow:#3b82f666;--color-warning:#f59e0b;--color-warning-dark:#d97706;--color-warning-light:#fbbf24;--color-bg-primary:#0a0f1a;--color-bg-secondary:#111827;--color-bg-tertiary:#1f2937;--color-bg-elevated:#374151;--color-glass-light:#ffffff0d;--color-glass-medium:#ffffff14;--color-glass-heavy:#ffffff1f;--color-glass-border:#ffffff1a;--color-glass-border-hover:#fff3;--color-text-primary:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-text-disabled:#64748b;--color-card-red:#dc2626;--color-card-black:#1f2937;--color-card-bg:#fff;--color-card-bg-selected:#eff6ff;--color-card-bg-playable:#f0fdf4;--color-card-bg-unplayable:#f8fafc;--card-back-primary:#3730a3;--card-back-secondary:#1e1b4b;--card-back-highlight:#a78bfa4d;--card-back-border:#7c3aed;--card-back-glow:#7c3aed80;--card-back-pattern:#a78bfa26;--space-2xs:0.125rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-xs:0.25rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--transition-instant:100ms cubic-bezier(0.4,0,0.2,1);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--transition-slower:500ms cubic-bezier(0.4,0,0.2,1);--transition-bounce:500ms cubic-bezier(0.68,-0.55,0.265,1.55);--transition-spring:600ms cubic-bezier(0.34,1.56,0.64,1);--transition-elastic:800ms cubic-bezier(0.175,0.885,0.32,1.275);--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a,0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000f;--shadow-glow-primary:0 0 30px var(--color-primary-glow);--shadow-glow-secondary:0 0 30px var(--color-secondary-glow);--shadow-glow-success:0 0 30px var(--color-success-glow);--shadow-glow-danger:0 0 30px var(--color-danger-glow);--shadow-glow-info:0 0 30px var(--color-info-glow);--shadow-glow-gold:0 0 30px var(--color-gold-glow);--z-base:0;--z-elevated:10;--z-overlay:500;--z-modal:1000;--z-popover:1500;--z-toast:2000;--z-max:9999;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:linear-gradient(135deg,#0a0f1a,#111827 50%,#0a0f1a);background:linear-gradient(135deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 50%,var(--color-bg-primary) 100%);color:#f8fafc;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:var(--leading-normal)}.App{min-height:100vh;overflow-x:hidden;position:relative}.App:before{animation:backgroundShift 20s ease-in-out infinite;background:radial-gradient(ellipse at 20% 30%,#8b5cf626 0,#0000 50%),radial-gradient(ellipse at 80% 70%,#fbbf241f 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#06b6d414 0,#0000 60%),radial-gradient(ellipse at 10% 90%,#10b9811a 0,#0000 40%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes backgroundShift{0%,to{opacity:.6;transform:scale(1) rotate(0deg)}25%{opacity:.8;transform:scale(1.02) rotate(1deg)}50%{opacity:.7;transform:scale(1.01) rotate(-1deg)}75%{opacity:.9;transform:scale(1.03) rotate(.5deg)}}.game-container{margin:0 auto;max-width:1400px;position:relative}.game-container,.glass-panel{padding:2rem;padding:var(--space-xl)}.glass-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;background:var(--color-glass-light);border:1px solid #ffffff1a;border:1px solid var(--color-glass-border);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.glass-panel:hover{background:#ffffff14;background:var(--color-glass-medium);border-color:#fff3;border-color:var(--color-glass-border-hover);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-2px)}.glass-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff0d;background:var(--color-glass-light);border:1px solid #ffffff1a;border:1px solid var(--color-glass-border);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);padding:1.5rem;padding:var(--space-lg);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.glass-card:hover{background:#ffffff14;background:var(--color-glass-medium);border-color:#fff3;border-color:var(--color-glass-border-hover);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-3px)}.glass-surface{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff0d;background:var(--color-glass-light);border:1px solid #ffffff1a;border:1px solid var(--color-glass-border);border-radius:.75rem;border-radius:var(--radius-lg)}.glass-inset,.glass-surface{padding:1rem;padding:var(--space-md)}.glass-inset{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0003;border:1px solid #0000001a;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:inset 0 2px 4px 0 #0000000f;box-shadow:var(--shadow-inner)}.btn{font-family:inherit;font-weight:var(--font-semibold);gap:.5rem;gap:var(--space-sm);outline:none;overflow:hidden;position:relative;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:nowrap}.btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .35s cubic-bezier(.4,0,.2,1),height .35s cubic-bezier(.4,0,.2,1);transition:width var(--transition-slow),height var(--transition-slow);width:0}.btn:active:before{height:400px;width:400px}.btn-xs{border-radius:.375rem;border-radius:var(--radius-sm);font-size:.75rem;font-size:var(--text-xs);padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.btn-sm{border-radius:.5rem;border-radius:var(--radius-md);font-size:.875rem;font-size:var(--text-sm);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.btn-md{border-radius:.75rem;border-radius:var(--radius-lg);font-size:1rem;font-size:var(--text-base);padding:1rem 2rem;padding:var(--space-md) var(--space-xl)}.btn-lg{border-radius:1rem;border-radius:var(--radius-xl);font-size:1.125rem;font-size:var(--text-lg);padding:1.5rem 3rem;padding:var(--space-lg) var(--space-2xl)}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 4px 15px #8b5cf680;box-shadow:var(--shadow-md),0 4px 15px var(--color-primary-glow)}.btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 30px #8b5cf680;box-shadow:var(--shadow-lg),var(--shadow-glow-primary);transform:translateY(-3px)}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-secondary-dark) 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 4px 15px #fbbf2480;box-shadow:var(--shadow-md),0 4px 15px var(--color-secondary-glow)}.btn-secondary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 30px #fbbf2480;box-shadow:var(--shadow-lg),var(--shadow-glow-secondary);transform:translateY(-3px)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--color-success) 0,var(--color-success-dark) 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 4px 15px #10b98166;box-shadow:var(--shadow-md),0 4px 15px var(--color-success-glow);color:#fff}.btn-success:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 30px #10b98166;box-shadow:var(--shadow-lg),var(--shadow-glow-success);transform:translateY(-3px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--color-danger) 0,var(--color-danger-dark) 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 4px 15px #ef444466;box-shadow:var(--shadow-md),0 4px 15px var(--color-danger-glow);color:#fff}.btn-danger:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 30px #ef444466;box-shadow:var(--shadow-lg),var(--shadow-glow-danger);transform:translateY(-3px)}.btn-info{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--color-info) 0,var(--color-info-dark) 100%);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 4px 15px #3b82f666;box-shadow:var(--shadow-md),0 4px 15px var(--color-info-glow);color:#fff}.btn-info:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 30px #3b82f666;box-shadow:var(--shadow-lg),var(--shadow-glow-info);transform:translateY(-3px)}.btn-ghost{background:#0000;border:2px solid #ffffff1a;border:2px solid var(--color-glass-border);box-shadow:none;color:#cbd5e1;color:var(--color-text-secondary)}.btn-ghost:hover{border-color:#fff3;border-color:var(--color-glass-border-hover);transform:translateY(-2px)}.btn-ghost:hover,.btn-glass{background:#ffffff0d;background:var(--color-glass-light);color:#f8fafc;color:var(--color-text-primary)}.btn-glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff1a;border:1px solid var(--color-glass-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.btn-glass:hover{background:#ffffff14;background:var(--color-glass-medium);border-color:#fff3;border-color:var(--color-glass-border-hover);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-full{width:100%}.btn-icon{aspect-ratio:1;border-radius:9999px;border-radius:var(--radius-full);padding:.5rem;padding:var(--space-sm)}.btn:disabled{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f!important;box-shadow:var(--shadow-sm)!important;transform:none!important}.btn:disabled:before{display:none}.btn:focus-visible{outline:2px solid #8b5cf6;outline:2px solid var(--color-primary);outline-offset:2px}.playing-card{--card-width:50px;--card-height:70px;background:var(--color-card-bg);border:2px solid #0000;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);font-weight:var(--font-bold);margin:.25rem;margin:var(--space-xs);padding:.4rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.playing-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 10px 30px #0003;box-shadow:var(--shadow-xl),0 10px 30px #0003;transform:translateY(-8px) scale(1.05);z-index:1000;z-index:var(--z-modal)}.playing-card.selected{animation:selectedPulse 1.5s ease-in-out infinite;background:#fffbeb;border-color:#fbbf24;border-color:var(--color-gold);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 20px #fbbf2466;box-shadow:var(--shadow-xl),0 0 20px var(--color-gold-glow);transform:translateY(-16px) scale(1.08);z-index:100;z-index:var(--z-dropdown)}@keyframes selectedPulse{0%,to{border-color:#fbbf24;border-color:var(--color-gold);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 15px #fbbf2466;box-shadow:var(--shadow-xl),0 0 15px var(--color-gold-glow)}50%{border-color:#f59e0b;border-color:var(--color-gold-dark);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 25px #fbbf2499;box-shadow:var(--shadow-xl),0 0 25px #fbbf2499}}.playing-card.selected.invalid-selection{animation:invalidSelectionPulse 1.5s ease-in-out infinite;border-color:var(--color-error);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 20px #ef444480;box-shadow:var(--shadow-xl),0 0 20px #ef444480}@keyframes invalidSelectionPulse{0%,to{border-color:var(--color-error);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 15px #ef444466;box-shadow:var(--shadow-xl),0 0 15px #ef444466}50%{border-color:#dc2626;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 25px #ef444499;box-shadow:var(--shadow-xl),0 0 25px #ef444499}}.playing-card.locked{animation:lockedPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:3px solid #fbbf24;border:3px solid var(--color-gold);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 25px #fbbf2466,inset 0 0 20px #ffd7001a;box-shadow:var(--shadow-xl),0 0 25px var(--color-gold-glow),inset 0 0 20px #ffd7001a;cursor:not-allowed;transform:translateY(-16px) scale(1.08);z-index:100;z-index:var(--z-dropdown)}.playing-card.locked:before{content:"🔒";font-size:16px;position:absolute;right:-8px;top:-8px;z-index:10}@keyframes lockedPulse{0%,to{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 20px #fbbf2466;box-shadow:var(--shadow-xl),0 0 20px var(--color-gold-glow)}50%{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 35px #fbbf2466;box-shadow:var(--shadow-xl),0 0 35px var(--color-gold-glow)}}.playing-card.received{animation:receivedGlow 1.5s ease-in-out infinite;border:2px solid #3b82f6;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 20px #3b82f680;box-shadow:var(--shadow-md),0 0 20px #3b82f680}@keyframes receivedGlow{0%,to{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 15px #3b82f666;box-shadow:var(--shadow-md),0 0 15px #3b82f666}50%{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 25px #3b82f6b3;box-shadow:var(--shadow-md),0 0 25px #3b82f6b3}}.playing-card.playable{background:#fff;border-color:#10b981;border-color:var(--color-success);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 4px 15px #10b98166;box-shadow:var(--shadow-md),0 4px 15px var(--color-success-glow)}.playing-card.playable:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 30px #10b98166;box-shadow:var(--shadow-xl),var(--shadow-glow-success)}.playing-card.seal-ready{animation:sealReadyPulse 1.5s ease-in-out infinite;background:#faf5ff;border-color:#a855f7;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 20px #a855f766;box-shadow:var(--shadow-lg),0 0 20px #a855f766;cursor:pointer;transform:translateY(-12px) scale(1.05)}.playing-card.seal-ready:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 25px #a855f799;box-shadow:var(--shadow-xl),0 0 25px #a855f799}@keyframes sealReadyPulse{0%,to{border-color:#a855f7;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 15px #a855f74d;box-shadow:var(--shadow-lg),0 0 15px #a855f74d}50%{border-color:#9333ea;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 25px #a855f780;box-shadow:var(--shadow-xl),0 0 25px #a855f780}}.playing-card.combinable{animation:combinablePulse 1.5s ease-in-out infinite;background:#f0fdf4;border-color:#22c55e;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 12px #22c55e66;box-shadow:var(--shadow-md),0 0 12px #22c55e66}.playing-card.combinable:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 20px #22c55e99;box-shadow:var(--shadow-xl),0 0 20px #22c55e99;transform:translateY(-10px) scale(1.06)}@keyframes combinablePulse{0%,to{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 8px #22c55e4d;box-shadow:var(--shadow-md),0 0 8px #22c55e4d}50%{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 16px #22c55e80;box-shadow:var(--shadow-md),0 0 16px #22c55e80}}.playing-card.unplayable{background:#e2e8f0;border-color:#cbd5e1;cursor:default;filter:saturate(.5)}.playing-card.unplayable:hover{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--shadow-sm);transform:none}.playing-card.suit-red{color:#dc2626;color:var(--color-card-red)}.playing-card.suit-black{color:#1f2937;color:var(--color-card-black)}.card-rank,.card-rank-bottom{font-size:calc(var(--card-width)*.35);font-weight:700;font-weight:var(--font-bold);line-height:1;position:absolute}.card-rank{left:.2rem;top:.15rem}.card-rank-bottom{bottom:.15rem;right:.2rem;transform:rotate(180deg)}.card-suit{font-size:calc(var(--card-width)*.5);line-height:1;line-height:var(--leading-none)}.playing-card.peeked-card{--card-width:50px;--card-height:70px;animation:peekShimmer .6s ease-in-out infinite alternate;border:2px solid #ffd700cc;box-shadow:0 0 20px #ffd70099,0 0 40px #a855f766;height:var(--card-height);left:0;min-width:var(--card-width);position:absolute;top:0;width:var(--card-width)}@keyframes peekShimmer{0%{box-shadow:0 0 15px #ffd70080,0 0 30px #a855f74d;transform:scale(1)}to{box-shadow:0 0 25px #ffd700cc,0 0 50px #a855f780;transform:scale(1.02)}}.seal-badge{align-items:center;background:radial-gradient(ellipse at 30% 25%,#fff3 0,#0000 50%),radial-gradient(ellipse at 70% 75%,#0000004d 0,#0000 50%),linear-gradient(145deg,#8b4513,#654321 40%,#4a2c17 70%,#3d2414);border:2px solid sienna;border-radius:9999px;border-radius:var(--radius-full);bottom:-8px;box-shadow:inset 0 2px 4px #fff3,inset 0 -2px 4px #0006,0 3px 8px #00000080,0 1px 3px #0000004d;cursor:pointer;display:flex;font-size:.85rem;height:30px;justify-content:center;left:-8px;position:absolute;transition:transform .15s ease,box-shadow .15s ease;width:30px;z-index:100;z-index:var(--z-dropdown)}.seal-badge.animate-in{animation:sealAttach .5s ease-out forwards}@keyframes sealAttach{0%{opacity:0;transform:scale(0) rotate(-180deg)}70%{opacity:1;transform:scale(1.2) rotate(15deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.seal-badge.fading{animation:sealFade .2s ease-out forwards}@keyframes sealFade{0%{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.6;transform:scale(1.1) rotate(10deg)}to{opacity:0;transform:scale(.3) rotate(-30deg)}}.seal-badge:hover{box-shadow:inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #00000080,0 0 15px #ffd70066,0 5px 12px #00000080;transform:scale(1.2)}.seal-badge:after{background:#000000f2;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;content:attr(data-tooltip);font-size:.75rem;left:50%;max-width:200px;min-width:140px;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;text-align:center;top:-8px;transform:translateX(-50%) translateY(-100%) scale(0);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);white-space:pre-line;z-index:1500;z-index:var(--z-popover)}.seal-badge:hover:after{opacity:1;transform:translateX(-50%) translateY(-100%) scale(1)}.seal-badge.rarity-common{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f,0 0 4px #94a3b84d;box-shadow:var(--shadow-sm),0 0 4px #94a3b84d}.seal-badge.rarity-uncommon{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f,0 0 8px #22c55e66;box-shadow:var(--shadow-sm),0 0 8px #22c55e66}.seal-badge.rarity-rare{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f,0 0 12px #3b82f680;box-shadow:var(--shadow-sm),0 0 12px #3b82f680}.seal-badge.rarity-legendary{animation:sealLegendaryGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f,0 0 16px #a855f799;box-shadow:var(--shadow-sm),0 0 16px #a855f799}@keyframes sealLegendaryGlow{0%,to{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f,0 0 8px #a855f766;box-shadow:var(--shadow-sm),0 0 8px #a855f766}50%{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f,0 0 20px #a855f7b3;box-shadow:var(--shadow-sm),0 0 20px #a855f7b3}}.seal-badge.rarity-curse{animation:sealCurseGlow 1.5s ease-in-out infinite;background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f,0 0 12px #dc262680;box-shadow:var(--shadow-sm),0 0 12px #dc262680}@keyframes sealCurseGlow{0%,to{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f,0 0 8px #dc262666;box-shadow:var(--shadow-sm),0 0 8px #dc262666}50%{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f,0 0 16px #dc2626b3;box-shadow:var(--shadow-sm),0 0 16px #dc2626b3}}.seal-badge.trigger-instant{background:radial-gradient(ellipse at 30% 25%,#ffffff40 0,#0000 50%),radial-gradient(ellipse at 70% 75%,#00000040 0,#0000 50%),linear-gradient(145deg,#6ee7b7,#50c878 25%,#228b22 50%,#1a6b1a 75%,#0d4d0d);border-color:#2e8b57;box-shadow:inset 0 2px 4px #90ee9059,inset 0 -2px 4px #00000059,0 0 10px #2e8b5766,0 3px 8px #0006}.seal-badge.trigger-win{background:radial-gradient(ellipse at 30% 25%,#ffffff40 0,#0000 50%),radial-gradient(ellipse at 70% 75%,#00000040 0,#0000 50%),linear-gradient(145deg,#f5d76e,#d4a574 25%,#b8860b 50%,#8b6914 75%,#6b4e0a);border-color:#daa520;box-shadow:inset 0 2px 4px #ffdf8059,inset 0 -2px 4px #00000059,0 0 10px #daa52066,0 3px 8px #0006}.seal-badge.trigger-hand{background:radial-gradient(ellipse at 30% 25%,#ffffff40 0,#0000 50%),radial-gradient(ellipse at 70% 75%,#00000040 0,#0000 50%),linear-gradient(145deg,#93c5fd,#60a5fa 25%,#3b82f6 50%,#2563eb 75%,#1d4ed8);border-color:#3b82f6;box-shadow:inset 0 2px 4px #93c5fd59,inset 0 -2px 4px #00000059,0 0 10px #3b82f666,0 3px 8px #0006}.seal-badge.trigger-beaten{background:radial-gradient(ellipse at 30% 25%,#ffffff40 0,#0000 50%),radial-gradient(ellipse at 70% 75%,#00000040 0,#0000 50%),linear-gradient(145deg,#f87171,#e25555 25%,#b22222 50%,#8b1a1a 75%,#5c1010);border-color:#cd5c5c;box-shadow:inset 0 2px 4px #ffa0a059,inset 0 -2px 4px #00000059,0 0 10px #b2222266,0 3px 8px #0006}.seal-badge.trigger-curse{animation:sealCursePulse 2s ease-in-out infinite;background:radial-gradient(ellipse at 30% 25%,#5050504d 0,#0000 50%),radial-gradient(ellipse at 70% 75%,#00000080 0,#0000 50%),linear-gradient(145deg,#3a3a3a,#2a2a2a 25%,#1a1a1a 50%,#0d0d0d 75%,#050505);border-color:#444;box-shadow:inset 0 2px 4px #64646433,inset 0 -2px 4px #0009,0 0 12px #0009,0 3px 8px #00000080}@keyframes sealCursePulse{0%,to{box-shadow:inset 0 2px 4px #64646433,0 0 10px #0006,0 3px 8px #00000080}50%{box-shadow:inset 0 2px 4px #6464644d,0 0 20px #000000b3,0 3px 8px #00000080}}.seal-badge.temporary{animation:sealPlacement .6s cubic-bezier(.34,1.56,.64,1) forwards,sealPulse 1.5s ease-in-out .6s infinite}@keyframes sealPlacement{0%{filter:brightness(2);opacity:0;transform:scale(0) rotate(-180deg)}50%{filter:brightness(1.5);transform:scale(1.4) rotate(10deg)}70%{transform:scale(.9) rotate(-5deg)}to{filter:brightness(1);opacity:1;transform:scale(1) rotate(0deg)}}@keyframes sealPulse{0%,to{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f,0 0 12px #a855f766;box-shadow:var(--shadow-sm),0 0 12px #a855f766;transform:scale(1)}50%{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 20px #a855f7b3;box-shadow:var(--shadow-md),0 0 20px #a855f7b3;transform:scale(1.1)}}.seal-info-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:600}.seal-info-modal{animation:popIn .3s ease;background:linear-gradient(180deg,#1a1a2e,#0f172a);border:3px solid #fbbf24;border:3px solid var(--color-gold);border-radius:20px;box-shadow:0 0 40px #fbbf244d;max-width:320px;padding:32px;text-align:center;width:100%}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.seal-info-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:64px;margin-bottom:16px}.seal-info-icon.rarity-rare{filter:drop-shadow(0 0 20px rgba(251,191,36,.5))}.seal-info-name{color:#fff;font-size:20px;font-weight:700;margin:0 0 12px}.seal-info-desc{color:#94a3b8;font-size:14px;line-height:1.5;margin:0 0 16px}.seal-info-rarity{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;margin-bottom:20px;padding:6px 14px;text-transform:uppercase}.seal-info-rarity.rare{background:#fbbf2433;border:1px solid #fbbf2466;color:#fbbf24;color:var(--color-gold)}.seal-info-rarity.common{background:#94a3b833;border:1px solid #94a3b84d;color:#94a3b8}.seal-info-close{background:linear-gradient(180deg,#4ade80,#22c55e);border:none;border-radius:10px;color:#000;cursor:pointer;font-size:14px;font-weight:700;padding:12px;transition:all .2s ease;width:100%}.seal-info-close:hover{box-shadow:0 4px 12px #4ade8066;transform:scale(1.02)}.playing-card.last-play{background:#fff!important;border-color:#fbbf24!important;border-color:var(--color-gold)!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 4px 20px #fbbf2466!important;box-shadow:var(--shadow-lg),0 4px 20px var(--color-gold-glow)!important;cursor:default;filter:none!important;opacity:1!important}.playing-card.last-play .seal-badge{animation:sealClickHint 2s ease-in-out infinite;cursor:pointer;pointer-events:auto}@keyframes sealClickHint{0%,to{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f,0 0 8px currentColor;box-shadow:var(--shadow-sm),0 0 8px currentColor}50%{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f,0 0 14px currentColor;box-shadow:var(--shadow-sm),0 0 14px currentColor}}.playing-card.last-play .seal-badge:hover{animation:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 20px currentColor;box-shadow:var(--shadow-md),0 0 20px currentColor;transform:scale(1.25);z-index:9999}.playing-card.last-play .seal-badge:active{transform:scale(1.1)}.playing-card.last-play:hover{background:#fff!important;transform:none}@keyframes cardToLastPlay{0%{opacity:.5;transform:translateY(-50px) scale(1) rotate(0deg)}50%{opacity:.8;transform:translateY(-25px) scale(1.1) rotate(5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0deg);transform:translateY(0) scale(1) rotate(var(--card-rotation,0deg))}}.playing-card.fanned{margin-left:-15px}.playing-card.fanned:first-child{margin-left:0}.card-back{--card-width:50px;--card-height:70px;align-items:center;background:radial-gradient(ellipse 80% 50% at 50% 0,#a78bfa4d 0,#0000 50%),radial-gradient(ellipse 80% 50% at 50% 100%,#a78bfa4d 0,#0000 50%),linear-gradient(180deg,#1e1b4b,#3730a3 50%,#1e1b4b);background:radial-gradient(ellipse 80% 50% at 50% 0,var(--card-back-highlight) 0,#0000 50%),radial-gradient(ellipse 80% 50% at 50% 100%,var(--card-back-highlight) 0,#0000 50%),linear-gradient(180deg,var(--card-back-secondary) 0,var(--card-back-primary) 50%,var(--card-back-secondary) 100%);border:3px solid #7c3aed;border:3px solid var(--card-back-border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 20px #7c3aed80,0 0 30px #7c3aed80,inset 0 1px 0 #ffffff1a;box-shadow:0 4px 20px var(--card-back-glow),0 0 30px var(--card-back-glow),inset 0 1px 0 #ffffff1a;color:#fff;display:flex;font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;font-weight:var(--font-bold);height:var(--card-height);justify-content:center;overflow:hidden;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:var(--card-width)}.card-back:before{background:repeating-linear-gradient(45deg,#0000,#0000 4px,#a78bfa26 0,#a78bfa26 8px),repeating-linear-gradient(-45deg,#0000,#0000 4px,#a78bfa26 0,#a78bfa26 8px);background:repeating-linear-gradient(45deg,#0000,#0000 4px,var(--card-back-pattern) 4px,var(--card-back-pattern) 8px),repeating-linear-gradient(-45deg,#0000,#0000 4px,var(--card-back-pattern) 4px,var(--card-back-pattern) 8px);border-radius:4px;content:"";inset:6px;pointer-events:none;position:absolute}.card-back:after{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#e94560,#f472b6 25%,#fbbf24 50%,#f472b6 75%,#e94560);-webkit-background-clip:text;background-clip:text;content:"R";filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));font-family:Bowlby One SC,sans-serif;font-size:24px;font-weight:400;position:absolute;z-index:2}.card-back-stack{height:78px;margin:1rem;margin:var(--space-md);position:relative;width:58px}.card-back-stacked{position:absolute}.card-back-stacked:first-child{filter:brightness(.6);left:4px;top:4px}.card-back-stacked:nth-child(2){filter:brightness(.8);left:2px;top:2px}.card-back:not(.card-back-stacked){position:relative;z-index:3}.card-back-count{background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:9999px;border-radius:var(--radius-full);bottom:-8px;box-shadow:0 3px 10px #ef444480,0 0 0 3px #1e1b4b;color:#fff;font-size:14px;font-weight:800;min-width:28px;padding:4px 10px;position:absolute;right:-8px;text-align:center;z-index:10}.card-back-empty{--card-width:50px;--card-height:70px;align-items:center;background:linear-gradient(135deg,#1e1b4b99,#e9456026);border:3px dashed #e94560b3;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:inset 0 0 15px #e9456033;color:#e94560cc;display:flex;font-size:32px;font-weight:300;height:var(--card-height);justify-content:center;min-height:var(--card-height);min-width:var(--card-width);width:var(--card-width)}[data-card-scheme=royal]{--card-back-primary:#92400e;--card-back-secondary:#451a03;--card-back-highlight:#fbbf244d;--card-back-border:#d97706;--card-back-glow:#d9770680;--card-back-pattern:#fbbf2426}[data-card-scheme=ocean]{--card-back-primary:#0e7490;--card-back-secondary:#164e63;--card-back-highlight:#22d3ee4d;--card-back-border:#06b6d4;--card-back-glow:#06b6d480;--card-back-pattern:#22d3ee26}[data-card-scheme=forest]{--card-back-primary:#166534;--card-back-secondary:#14532d;--card-back-highlight:#4ade804d;--card-back-border:#22c55e;--card-back-glow:#22c55e80;--card-back-pattern:#4ade8026}[data-card-scheme=crimson]{--card-back-primary:#991b1b;--card-back-secondary:#450a0a;--card-back-highlight:#f871714d;--card-back-border:#dc2626;--card-back-glow:#dc262680;--card-back-pattern:#f8717126}[data-card-image=custom] .card-back:after{-webkit-text-fill-color:unset;-webkit-background-clip:unset;background-clip:initial;background-image:var(--card-back-custom-image);background-position:50%;background-size:cover;border-radius:4px;box-shadow:0 2px 8px #00000080;content:"";font-size:0;height:32px;width:32px}@media (min-width:1024px){[data-card-image=custom] .card-back:after{border-radius:6px;height:56px;width:56px}}[data-card-image=custom] .dealing-card:after,[data-card-image=custom] .flying-card.face-down:after{-webkit-text-fill-color:unset;-webkit-background-clip:unset;background-clip:initial;background-image:var(--card-back-custom-image);background-position:50%;background-size:cover;border-radius:3px;box-shadow:0 2px 4px #00000080;content:"";filter:none;font-size:0;height:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px}@media (min-width:1024px){[data-card-image=custom] .dealing-card:after,[data-card-image=custom] .flying-card.face-down:after{border-radius:4px;height:36px;width:36px}}@media (min-width:640px){.card-back,.card-back-empty{--card-width:65px;--card-height:calc(var(--card-width)*1.4)}}@media (min-width:1024px){.card-back,.card-back-empty{--card-width:96px;--card-height:135px}.card-back:after{font-size:48px}}.card-group{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;margin:.5rem;margin:var(--space-sm);padding:.5rem;padding:var(--space-sm);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.card-group-cards{display:flex;gap:.25rem;gap:var(--space-xs)}.card-group-btn{border:none;border-radius:.375rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-semibold);margin-top:.5rem;margin-top:var(--space-sm);padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.card-group.pair{background:#10b9811a;border:2px solid #10b981;border:2px solid var(--color-success)}.card-group.pair:hover{background:#10b98133;box-shadow:0 0 30px #10b98166;box-shadow:var(--shadow-glow-success)}.card-group.pair .card-group-btn{background:#10b981;background:var(--color-success);color:#fff}.card-group.pair .card-group-btn:hover{background:#059669;background:var(--color-success-dark)}.card-group.triple{background:#f59e0b1a;border:2px solid #f59e0b;border:2px solid var(--color-secondary)}.card-group.triple:hover{background:#f59e0b33;box-shadow:0 0 30px #fbbf2480;box-shadow:var(--shadow-glow-secondary)}.card-group.triple .card-group-btn{background:#f59e0b;background:var(--color-secondary);color:#fff}.card-group.triple .card-group-btn:hover{background:#d97706;background:var(--color-secondary-dark)}.hand-container{align-items:flex-end;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;background:var(--color-glass-light);border:1px solid #ffffff1a;border:1px solid var(--color-glass-border);border-radius:1rem;border-radius:var(--radius-xl);flex-wrap:wrap;gap:.5rem;gap:var(--space-sm);justify-content:center;min-height:140px;padding:1.5rem 1.5rem 3rem;padding:var(--space-lg) var(--space-lg) var(--space-2xl);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.hand-container:hover{background:#ffffff14;background:var(--color-glass-medium)}.hand-container>*{transition:transform .3s ease,box-shadow .3s ease}.hand-container>:nth-child(6n+1){transform:translateY(-3px) rotate(-2deg)}.hand-container>:nth-child(6n+2){transform:translateY(2px) rotate(1deg)}.hand-container>:nth-child(6n+3){transform:translateY(-1px) rotate(-1deg)}.hand-container>:nth-child(6n+4){transform:translateY(3px) rotate(2deg)}.hand-container>:nth-child(6n+5){transform:translateY(-2px) rotate(1deg)}.hand-container>:nth-child(6n+6){transform:translateY(1px) rotate(-1deg)}.last-play-container{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff0d;background:var(--color-glass-light);border:2px solid #ffffff1a;border:2px solid var(--color-glass-border);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;justify-content:center;margin:2rem 0;margin:var(--space-xl) 0;min-height:212px;min-width:435px;overflow:visible;padding:2rem;padding:var(--space-xl);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.last-play-container:hover{background:#ffffff14;background:var(--color-glass-medium);border-color:#fff3;border-color:var(--color-glass-border-hover)}.last-play-cards>.playing-card:nth-child(5n+1){--card-rotate:-3deg}.last-play-cards>.playing-card:nth-child(5n+2){--card-rotate:2deg}.last-play-cards>.playing-card:nth-child(5n+3){--card-rotate:-1deg}.last-play-cards>.playing-card:nth-child(5n+4){--card-rotate:3deg}.last-play-cards>.playing-card:nth-child(5n+5){--card-rotate:1deg}.last-play-cards>.playing-card{transform:rotate(0deg);transform:rotate(var(--card-rotate,0deg))}.last-play-empty{color:#94a3b8;color:var(--color-text-muted);font-size:1.125rem;font-size:var(--text-lg);font-weight:500;font-weight:var(--font-medium)}.pile-container{position:relative}.pile-layer{align-items:center;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.pile-layer-top{pointer-events:auto}.pile-layer .last-play-cards>.playing-card{--card-rotate:0deg}.last-play-wrapper{align-items:center;display:flex;flex-direction:column;position:relative}.trick-win-overlay{align-items:center;animation:trickWinSlideIn 1.8s ease-out forwards;background:linear-gradient(135deg,#475569f2,#334155f2);border:2px solid #94a3b899;border-radius:12px;box-shadow:0 4px 16px #0000004d;display:flex;gap:8px;padding:8px 16px;position:absolute;right:-140px;top:50%;transform:translateY(-50%);z-index:90}.trick-win-overlay.is-me{background:linear-gradient(135deg,#22c55ef2,#16a34af2);border-color:#86efac99}.trick-win-player{color:#ffffffe6;font-size:14px;font-weight:600}.trick-win-points{color:gold;font-size:18px;font-weight:800;text-shadow:0 1px 3px #0006}@keyframes trickWinSlideIn{0%{opacity:0;transform:translateY(-50%) translateX(20px) scale(.8)}15%{opacity:1;transform:translateY(-50%) translateX(0) scale(1)}80%{opacity:1;transform:translateY(-50%) translateX(0) scale(1)}to{opacity:0;transform:translateY(-50%) translateX(10px) scale(.95)}}.finish-overlay{align-items:center;animation:finishPop 3.5s ease-out forwards;background:linear-gradient(135deg,#22c55ef2,#16a34af2);border:3px solid #fff6;border-radius:20px;box-shadow:0 0 30px #22c55e99,0 10px 40px #0006;display:flex;flex-direction:column;gap:6px;left:50%;padding:20px 30px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:150}.finish-overlay.is-me{background:linear-gradient(135deg,#fbbf24f2,#f59e0bf2);box-shadow:0 0 40px #fbbf24b3,0 10px 40px #0006}.finish-emoji{animation:finishBounce .6s ease-out;font-size:48px}.finish-player{color:#fff;font-size:20px;font-weight:700;text-shadow:0 2px 4px #0000004d}.finish-position{color:#ffffffe6;font-size:16px;font-weight:600}.finish-points{color:#fff;font-size:22px;font-weight:800;margin-top:4px;text-shadow:0 2px 4px #0006}@keyframes finishPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}25%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}@keyframes finishBounce{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.finish-overlay.arschloch{animation:finishPop 5s ease-out forwards;background:linear-gradient(135deg,#8b4513f2,#654321f2);box-shadow:0 0 30px #8b451399,0 10px 40px #00000080}.finish-arschloch-text{color:#ffffffe6;font-size:16px;font-style:italic;font-weight:500}.finish-arschloch-title{color:#fff;font-size:24px;font-weight:800;margin-top:4px;text-shadow:0 2px 6px #00000080}.joker-bonus-overlay{animation:jokerBonusDrop .4s cubic-bezier(.175,.885,.32,1.275),jokerBonusPulse .8s ease-in-out infinite,jokerBonusFadeOut .4s ease-in 2.1s forwards;background:linear-gradient(135deg,#8b5cf6fa,#a855f7fa);border:3px solid #ffd700cc;border-radius:16px;box-shadow:0 0 20px #ffd70099,0 0 40px #8b5cf699,0 0 60px #a855f766,0 8px 32px #0006;display:flex;flex-direction:column;gap:6px;padding:10px 14px;position:absolute;right:-160px;top:50%;transform:translateY(calc(-50% + 50px));white-space:nowrap;z-index:100}.joker-bonus-list{display:flex;flex-direction:column;gap:4px}.joker-bonus-item{align-items:center;display:flex;gap:8px}.joker-bonus-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:24px}.joker-bonus-name{color:#ffffffe6;font-size:13px;font-weight:600}.joker-bonus-change{color:gold;font-size:16px;font-weight:700;margin-left:auto;text-shadow:0 1px 3px #0006}.joker-bonus-total{align-items:center;border-top:1px solid #ffffff4d;display:flex;justify-content:space-between;margin-top:2px;padding-top:6px}.joker-bonus-total-label{color:#fffc;font-size:12px;font-weight:600}.joker-bonus-total-value{color:gold;font-size:18px;font-weight:800;text-shadow:0 2px 4px #0006,0 0 15px #ffd70080}.joker-bonus-sparkles{bottom:0;left:0;overflow:visible;pointer-events:none;position:absolute;right:0;top:0}.joker-bonus-sparkles .sparkle{animation:sparkleFloat 1.5s ease-in-out infinite;color:gold;font-size:16px;position:absolute;text-shadow:0 0 10px #ffd700cc}.sparkle.s1{animation-delay:0s;left:10%;top:-15px}.sparkle.s2{animation-delay:.3s;right:15%;top:-12px}.sparkle.s3{animation-delay:.6s;bottom:-15px;left:20%}.sparkle.s4{animation-delay:.9s;bottom:-12px;right:10%}@keyframes sparkleFloat{0%,to{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.6;transform:translateY(-8px) scale(1.3)}}@keyframes jokerBonusDrop{0%{opacity:0;transform:translateY(calc(-50% + 50px)) translateX(30px) scale(.5)}60%{transform:translateY(calc(-50% + 50px)) translateX(-5px) scale(1.1)}to{opacity:1;transform:translateY(calc(-50% + 50px)) translateX(0) scale(1)}}@keyframes jokerBonusPulse{0%,to{box-shadow:0 0 20px #ffd70099,0 0 40px #8b5cf699,0 0 60px #a855f766,0 8px 32px #0006}50%{box-shadow:0 0 30px #ffd700e6,0 0 60px #8b5cf6cc,0 0 90px #a855f799,0 8px 32px #0006}}@keyframes jokerBonusFadeOut{0%{opacity:1;transform:translateY(calc(-50% + 50px)) scale(1)}to{opacity:0;transform:translateY(calc(-50% + 50px)) scale(1.1) translateX(20px)}}.last-play-info{margin-right:2rem;margin-right:var(--space-xl);text-align:center}.last-play-label{color:#94a3b8;color:var(--color-text-muted);font-size:.875rem;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-semibold);margin-bottom:.5rem;margin-bottom:var(--space-sm)}.last-play-player{color:#64748b;color:var(--color-text-disabled);font-size:.75rem;font-size:var(--text-xs)}.last-play-cards{display:flex;overflow:visible;padding:1rem;padding:var(--space-md);position:relative}.last-play-cards .playing-card{margin-left:-15px}.last-play-cards .playing-card:first-child{margin-left:0}.player-section{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff0d;background:var(--color-glass-light);border:2px solid #ffffff1a;border:2px solid var(--color-glass-border);border-radius:1.5rem;border-radius:var(--radius-2xl);display:flex;flex-direction:column;margin:1.5rem 0;margin:var(--space-lg) 0;margin-top:60px;overflow:visible;padding:2rem;padding:var(--space-xl);padding-top:60px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.player-section:hover{background:#ffffff14;background:var(--color-glass-medium)}.player-section.active{background:#8b5cf614;border-color:#8b5cf6;border-color:var(--color-primary);box-shadow:0 0 30px #8b5cf680;box-shadow:var(--shadow-glow-primary)}.player-section.current-turn{animation:currentTurnPulse 2s ease-in-out infinite;background:#10b98114;border-color:#10b981;border-color:var(--color-success);box-shadow:0 0 30px #10b98166;box-shadow:var(--shadow-glow-success)}@keyframes currentTurnPulse{0%,to{box-shadow:0 0 20px #10b98166;box-shadow:0 0 20px var(--color-success-glow)}50%{box-shadow:0 0 35px #10b98166;box-shadow:0 0 35px var(--color-success-glow)}}.player-header{flex-wrap:wrap;gap:1rem;gap:var(--space-md);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.player-name{align-items:center;color:#f8fafc;color:var(--color-text-primary);display:flex;font-size:14px;font-weight:700;font-weight:var(--font-bold);gap:.5rem;gap:var(--space-sm)}.player-name .turn-indicator{align-items:center;animation:turnIndicatorPulse 1.5s ease-in-out infinite;background:#10b981;background:var(--color-success);border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:600;font-weight:var(--font-semibold);gap:.25rem;gap:var(--space-xs);padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}@keyframes turnIndicatorPulse{0%,to{opacity:1}50%{opacity:.7}}.player-card-count{background:#ffffff14;background:var(--color-glass-medium);border-radius:9999px;border-radius:var(--radius-full);color:#cbd5e1;color:var(--color-text-secondary);display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-semibold);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.coin-display,.player-card-count{align-items:center;gap:.5rem;gap:var(--space-sm)}.coin-display{background:linear-gradient(135deg,#fbbf2433,#d9770633);border:2px solid #fbbf2466;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fbbf24;color:var(--color-gold);display:inline-flex;font-size:1.125rem;font-size:var(--text-lg);font-weight:700;font-weight:var(--font-bold);padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.coin-display:hover{box-shadow:0 0 30px #fbbf2466;box-shadow:var(--shadow-glow-gold);transform:scale(1.05)}.coin-icon{animation:coinSpin 3s linear infinite;font-size:1.25rem;font-size:var(--text-xl)}@keyframes coinSpin{0%,to{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}}.game-controls{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff0d;background:var(--color-glass-light);border:1px solid #ffffff1a;border:1px solid var(--color-glass-border);border-radius:1rem;border-radius:var(--radius-xl);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--space-xl);padding:1.5rem;padding:var(--space-lg)}.controls-left{flex:1 1}.controls-right{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md)}.selected-cards-display{margin-bottom:.5rem;margin-bottom:var(--space-sm)}.selected-cards-label{color:#f8fafc;color:var(--color-text-primary);font-size:1rem;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold)}.selected-cards-list{color:#cbd5e1;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--text-sm);margin-top:.25rem;margin-top:var(--space-xs)}.status-bar{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#fbbf2433,#d9770633);border:2px solid #fbbf2466;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);left:50%;max-width:90%;padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);position:absolute;top:1rem;top:var(--space-md);transform:translateX(-50%);z-index:100}.status-bar,.status-bar-inline{transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.status-bar-inline{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#fbbf2426,#d9770626);border:2px solid #fbbf244d;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:inline-flex;margin-left:1.5rem;margin-left:var(--space-lg);padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg)}.status-label{color:#fbbf24;color:var(--color-gold);font-weight:700;font-weight:var(--font-bold);overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #0000004d;white-space:nowrap}.status-label,.status-message{font-size:1rem;font-size:var(--text-base)}.status-message{align-items:center;animation:slideInMessage .5s cubic-bezier(.68,-.55,.265,1.55);animation:slideInMessage var(--transition-bounce);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:inline-flex;font-weight:600;font-weight:var(--font-semibold);margin:1.5rem auto;margin:var(--space-lg) auto;max-width:600px;padding:1rem 2rem;padding:var(--space-md) var(--space-xl)}@keyframes slideInMessage{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.status-message.success{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--color-success) 0,var(--color-success-dark) 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 30px #10b98166;box-shadow:var(--shadow-lg),var(--shadow-glow-success);color:#fff}.status-message.error{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--color-danger) 0,var(--color-danger-dark) 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 30px #ef444466;box-shadow:var(--shadow-lg),var(--shadow-glow-danger);color:#fff}.status-message.info{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--color-info) 0,var(--color-info-dark) 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 30px #3b82f666;box-shadow:var(--shadow-lg),var(--shadow-glow-info);color:#fff}.status-message.warning{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--color-warning) 0,var(--color-warning-dark) 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 30px #fbbf2480;box-shadow:var(--shadow-lg),var(--shadow-glow-secondary);color:#fff}.notification-popup{animation:slideInRight .5s cubic-bezier(.68,-.55,.265,1.55);animation:slideInRight var(--transition-bounce);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#111827;background:var(--color-bg-secondary);border:2px solid #8b5cf6;border:2px solid var(--color-primary);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000040,0 0 30px #8b5cf680;box-shadow:var(--shadow-2xl),var(--shadow-glow-primary);max-width:400px;padding:1.5rem 2rem;padding:var(--space-lg) var(--space-xl);position:fixed;right:3rem;right:var(--space-2xl);top:3rem;top:var(--space-2xl);z-index:2000;z-index:var(--z-toast)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.modal-overlay{align-items:center;animation:fadeIn .25s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-base);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;padding:var(--space-xl);position:fixed;right:0;top:0;z-index:1000;z-index:var(--z-modal)}.modal-content{animation:modalSlideIn .5s cubic-bezier(.68,-.55,.265,1.55);animation:modalSlideIn var(--transition-bounce);background:linear-gradient(135deg,#111827,#0a0f1a);background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-primary) 100%);border:2px solid #8b5cf6;border:2px solid var(--color-primary);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040,0 0 30px #8b5cf680;box-shadow:var(--shadow-2xl),var(--shadow-glow-primary);max-height:90vh;max-width:90vw;overflow-y:auto;padding:3rem;padding:var(--space-2xl);position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(100px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#fbbf24);background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-gold) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;font-weight:var(--font-bold);margin-bottom:2rem;margin-bottom:var(--space-xl);text-align:center}.modal-close{align-items:center;background:#ffffff14;background:var(--color-glass-medium);border:1px solid #ffffff1a;border:1px solid var(--color-glass-border);border-radius:9999px;border-radius:var(--radius-full);color:#f8fafc;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:1.25rem;font-size:var(--text-xl);height:44px;justify-content:center;position:absolute;right:1.5rem;right:var(--space-lg);top:1.5rem;top:var(--space-lg);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:44px}.modal-close:hover{background:#ffffff1f;background:var(--color-glass-heavy);border-color:#ef4444;border-color:var(--color-danger);color:#ef4444;color:var(--color-danger);transform:rotate(90deg)}.seal-management{border-top:3px solid #ffffff1a;border-top:3px solid var(--color-glass-border);margin-top:4rem;margin-top:var(--space-3xl);padding-top:3rem;padding-top:var(--space-2xl)}.seal-management-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#8b5cf6);background:linear-gradient(135deg,var(--color-gold) 0,var(--color-primary) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;font-weight:var(--font-bold);text-align:center}.seal-management-title,.seal-player-section{margin-bottom:3rem;margin-bottom:var(--space-2xl)}.seal-player-section{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff0d;background:var(--color-glass-light);border:2px solid #ffffff1a;border:2px solid var(--color-glass-border);border-radius:1rem;border-radius:var(--radius-xl);padding:2rem;padding:var(--space-xl);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.seal-player-section:hover{background:#ffffff14;background:var(--color-glass-medium);border-color:#fff3;border-color:var(--color-glass-border-hover)}.seal-player-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.seal-player-name{color:#f8fafc;color:var(--color-text-primary);font-size:1.25rem;font-size:var(--text-xl);font-weight:700;font-weight:var(--font-bold)}.seal-container,.seal-player-actions{align-items:center;display:flex;gap:1rem;gap:var(--space-md)}.seal-container{background:#0003;border:1px solid #ffffff1a;border:1px solid var(--color-glass-border);border-radius:.75rem;border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:center;margin-bottom:1rem;margin-bottom:var(--space-md);min-height:120px;padding:1.5rem;padding:var(--space-lg)}.seal-container-label{color:#94a3b8;color:var(--color-text-muted);font-size:.875rem;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-semibold);letter-spacing:.05em;margin-bottom:.5rem;margin-bottom:var(--space-sm);text-transform:uppercase}.seal-card{background:linear-gradient(135deg,#fbbf2426,#d9770626);border:2px solid #fbbf2466;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;min-width:90px;padding:1rem;padding:var(--space-md);text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.seal-card:hover{background:linear-gradient(135deg,#fbbf2440,#d9770640);border-color:#fbbf2499;box-shadow:0 0 30px #fbbf2466;box-shadow:var(--shadow-glow-gold);transform:translateY(-4px)}.seal-card.rare{animation:rareShimmer 3s ease-in-out infinite;background:linear-gradient(135deg,#8b5cf626,#7c3aed26);border-color:#8b5cf666}@keyframes rareShimmer{0%,to{box-shadow:0 0 10px #8b5cf680;box-shadow:0 0 10px var(--color-primary-glow)}50%{box-shadow:0 0 25px #8b5cf680;box-shadow:0 0 25px var(--color-primary-glow)}}.seal-card.rare:hover{background:linear-gradient(135deg,#8b5cf640,#7c3aed40);border-color:#8b5cf699;box-shadow:0 0 30px #8b5cf680;box-shadow:var(--shadow-glow-primary)}.seal-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.875rem;font-size:var(--text-3xl);margin-bottom:.5rem;margin-bottom:var(--space-sm)}.seal-name{color:#f8fafc;color:var(--color-text-primary);font-size:.875rem;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-semibold);margin-bottom:.25rem;margin-bottom:var(--space-xs)}.seal-description,.seal-slot-empty{color:#94a3b8;color:var(--color-text-muted);font-size:.75rem;font-size:var(--text-xs)}.seal-slot-empty{align-items:center;border:2px dashed #fff3;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;height:110px;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:90px}.seal-slot-empty:hover{background:#ffffff0d;border-color:#fff6}.shop-modal{max-width:800px;width:100%}.shop-header{justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--space-xl)}.shop-coins,.shop-header{align-items:center;display:flex}.shop-coins{color:#fbbf24;color:var(--color-gold);font-size:1.25rem;font-size:var(--text-xl);font-weight:700;font-weight:var(--font-bold);gap:.5rem;gap:var(--space-sm)}.shop-boosters{grid-gap:2rem;grid-gap:var(--space-xl);display:grid;gap:2rem;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.booster-card{background:linear-gradient(135deg,#ffffff14,#ffffff0d);background:linear-gradient(135deg,var(--color-glass-medium) 0,var(--color-glass-light) 100%);border:2px solid #ffffff1a;border:2px solid var(--color-glass-border);border-radius:1rem;border-radius:var(--radius-xl);cursor:pointer;padding:2rem;padding:var(--space-xl);text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.booster-card:hover{border-color:#8b5cf6;border-color:var(--color-primary);box-shadow:0 0 30px #8b5cf680;box-shadow:var(--shadow-glow-primary);transform:translateY(-5px)}.booster-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:3rem;font-size:var(--text-5xl);margin-bottom:1rem;margin-bottom:var(--space-md)}.booster-name{color:#f8fafc;color:var(--color-text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:700;font-weight:var(--font-bold);margin-bottom:.5rem;margin-bottom:var(--space-sm)}.booster-price{color:#fbbf24;color:var(--color-gold);font-size:1rem;font-size:var(--text-base);font-weight:600;font-weight:var(--font-semibold)}.exchange-container{margin:0 auto;max-width:1200px;padding:3rem;padding:var(--space-2xl)}.exchange-header{margin-bottom:3rem;margin-bottom:var(--space-2xl);text-align:center}.exchange-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#fbbf24);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-gold) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;font-weight:var(--font-bold);margin-bottom:1rem;margin-bottom:var(--space-md)}.exchange-step{color:#cbd5e1;color:var(--color-text-secondary);font-size:1.25rem;font-size:var(--text-xl);margin-bottom:.5rem;margin-bottom:var(--space-sm)}.exchange-description{color:#94a3b8;color:var(--color-text-muted);font-size:1.125rem;font-size:var(--text-lg)}.exchange-hand{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff0d;background:var(--color-glass-light);border:1px solid #ffffff1a;border:1px solid var(--color-glass-border);border-radius:1rem;border-radius:var(--radius-xl);margin-bottom:2rem;margin-bottom:var(--space-xl);padding:2rem;padding:var(--space-xl)}.exchange-card-highlighted{border:3px solid #ef4444!important;border:3px solid var(--color-danger)!important;box-shadow:0 0 30px #ef444466!important;box-shadow:var(--shadow-glow-danger)!important}.exchange-actions,.game-end-modal{text-align:center}.game-end-modal{padding:3rem;padding:var(--space-2xl)}.game-end-title{-webkit-text-fill-color:#0000;animation:celebrateTitle 1s ease-out;background:linear-gradient(135deg,#fbbf24,#8b5cf6);background:linear-gradient(135deg,var(--color-gold) 0,var(--color-primary) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-size:var(--text-4xl);font-weight:800;font-weight:var(--font-extrabold);margin-bottom:2rem;margin-bottom:var(--space-xl)}@keyframes celebrateTitle{0%{opacity:0;transform:scale(.5) rotate(-10deg)}50%{transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.game-end-results{margin-bottom:2rem;margin-bottom:var(--space-xl)}.game-end-result{color:#cbd5e1;color:var(--color-text-secondary);font-size:1.125rem;font-size:var(--text-lg);margin-bottom:1rem;margin-bottom:var(--space-md)}.game-end-result strong{color:#f8fafc;color:var(--color-text-primary)}.mode-selector{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md);margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.mode-btn{border:2px solid #0000;border-radius:.75rem;border-radius:var(--radius-lg);font-weight:600;font-weight:var(--font-semibold);padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.mode-btn.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);box-shadow:0 0 30px #8b5cf680;box-shadow:var(--shadow-glow-primary);color:#fff}.mode-btn.inactive{background:#ffffff0d;background:var(--color-glass-light);border-color:#ffffff1a;border-color:var(--color-glass-border);color:#cbd5e1;color:var(--color-text-secondary)}.mode-btn.inactive:hover{background:#ffffff14;background:var(--color-glass-medium);color:#f8fafc;color:var(--color-text-primary)}.form-group{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.form-label{color:#cbd5e1;color:var(--color-text-secondary);display:block;font-size:.875rem;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-semibold);margin-bottom:.5rem;margin-bottom:var(--space-sm)}.form-input{background:#ffffff0d;background:var(--color-glass-light);border:2px solid #ffffff1a;border:2px solid var(--color-glass-border);border-radius:.5rem;border-radius:var(--radius-md);color:#f8fafc;color:var(--color-text-primary);font-size:1rem;font-size:var(--text-base);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.form-input:focus{border-color:#8b5cf6;border-color:var(--color-primary);box-shadow:0 0 0 3px #8b5cf680;box-shadow:0 0 0 3px var(--color-primary-glow);outline:none}.form-input::placeholder{color:#94a3b8;color:var(--color-text-muted)}.form-input-number{text-align:center;width:100px}.players-list{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md);margin-bottom:2rem;margin-bottom:var(--space-xl)}.player-card{background:#ffffff0d;background:var(--color-glass-light);border:2px solid #ffffff1a;border:2px solid var(--color-glass-border);border-radius:.75rem;border-radius:var(--radius-lg);min-width:140px;padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.player-card.current-turn{background:#10b9811a;border-color:#10b981;border-color:var(--color-success)}.player-card.is-me{background:#3b82f61a;border-color:#3b82f6;border-color:var(--color-info)}.player-card-name{color:#f8fafc;color:var(--color-text-primary);font-size:.875rem;font-size:var(--text-sm);font-weight:600;font-weight:var(--font-semibold);margin-bottom:.25rem;margin-bottom:var(--space-xs)}.player-card-info{color:#94a3b8;color:var(--color-text-muted)}.player-card-info,.player-card-status{font-size:.75rem;font-size:var(--text-xs)}.player-card-status{color:#10b981;color:var(--color-success);font-weight:600;font-weight:var(--font-semibold);margin-top:.25rem;margin-top:var(--space-xs)}.game-center{align-items:center;display:flex;justify-content:center;margin:2rem 0;margin:var(--space-xl) 0;position:relative}.game-info-badges{right:20px}.game-info-badges,.player-info-badges{align-items:center;display:flex;flex-direction:column;gap:8px;position:absolute;top:50%;transform:translateY(-50%)}.player-info-badges{left:20px}.player-badge{background:linear-gradient(135deg,#3b82f633,#2563eb4d);border:1px solid #3b82f666;border-radius:.75rem;border-radius:var(--radius-lg);color:#93c5fd;font-size:13px;font-weight:600;min-width:100px;padding:8px 16px;text-align:center}.player-badge.points-badge{background:linear-gradient(135deg,#eab30833,#ca8a044d);border-color:#eab30866;color:#fde047}.game-info-badges .round-badge{font-size:13px;min-width:100px;padding:8px 16px;text-align:center}@media (max-width:1024px){.game-container{padding:1.5rem;padding:var(--space-lg)}.modal-content{max-width:95vw;padding:2rem;padding:var(--space-xl)}.game-controls{align-items:stretch;flex-direction:column}.controls-right{justify-content:center}}@media (max-width:768px){.game-container{padding:1rem;padding:var(--space-md)}.modal-content{border-radius:1rem;border-radius:var(--radius-xl);padding:1.5rem;padding:var(--space-lg)}.modal-header{font-size:1.5rem;font-size:var(--text-2xl)}.player-header{align-items:flex-start;flex-direction:column}.hand-container{gap:.125rem;gap:var(--space-2xs);padding:1rem;padding:var(--space-md)}.playing-card{--card-width:42px;--card-height:65px;height:var(--card-height);min-width:var(--card-width);padding:.25rem;padding:var(--space-xs)}.game-controls{padding:1rem;padding:var(--space-md)}.btn-md{font-size:.875rem;font-size:var(--text-sm);padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg)}.notification-popup{left:1rem;left:var(--space-md);max-width:none;right:1rem;right:var(--space-md);top:1rem;top:var(--space-md)}.last-play-container{border-radius:8px;margin:4px 0;min-height:80px;min-width:0;min-width:auto;padding:8px 60px 8px 8px;width:100%}.last-play-info{margin-bottom:4px;margin-right:0}.joker-display{gap:8px;transform:translateX(-50%) translateY(-30%)}.joker-display .joker-card{transform:scale(.6);transform-origin:center bottom}.shop-boosters{grid-template-columns:1fr}.seal-player-header{align-items:flex-start}.players-list,.seal-player-header{flex-direction:column}}@media (max-width:480px){.game-container{padding:.5rem;padding:var(--space-sm);padding-top:140px}.playing-card{--card-width:36px;--card-height:55px;height:var(--card-height);margin:2px;min-width:var(--card-width)}.player-name{font-size:1.125rem;font-size:var(--text-lg)}.btn-md{font-size:.75rem;font-size:var(--text-xs);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.coin-display{font-size:.875rem;font-size:var(--text-sm);padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.game-center{gap:1rem;gap:var(--space-md)}.exchange-title{font-size:1.5rem;font-size:var(--text-2xl)}}@media (max-width:639px){.hand-container{flex-wrap:wrap;gap:0;justify-content:center;overflow-x:visible;overflow-y:visible;padding:.5rem;padding:var(--space-sm)}.hand-container .playing-card{--card-width:48px;--card-height:72px;flex-shrink:0;height:var(--card-height);margin-bottom:8px;margin-left:-12px;min-width:var(--card-width);touch-action:manipulation;transform:none!important;width:var(--card-width)}.hand-container .playing-card:nth-child(2),.hand-container .playing-card:nth-child(9){margin-left:0}.hand-container .playing-card.selected{margin-left:-6px;margin-right:6px;transform:translateY(-10px)!important;z-index:10}}@media (max-width:900px) and (orientation:landscape){.game-container{padding-top:80px}.player-info-bar{flex-direction:row!important;padding:6px 12px 6px 100px!important}.bar-logo{left:8px!important;position:absolute!important;top:4px!important}.logo-text{font-size:18px!important}.hand-container{flex-wrap:nowrap;overflow-x:auto;padding:.5rem;padding:var(--space-sm)}.hand-container .playing-card{--card-width:42px;--card-height:63px;height:var(--card-height);margin-bottom:0;margin-left:-12px;min-width:var(--card-width);width:var(--card-width)}.hand-container .playing-card:first-child{margin-left:0}.hand-container .playing-card.selected{margin-left:-6px;margin-right:4px;transform:translateY(-8px)!important}.game-center{gap:.5rem;gap:var(--space-sm)}.game-center,.last-play-container{padding:.5rem;padding:var(--space-sm)}.last-play-container{min-height:70px;min-width:0;min-width:auto}.card-back-stack{transform:scale(.7)}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0a0f1a;background:var(--color-bg-primary)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:2px solid #0a0f1a;border:2px solid var(--color-bg-primary)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6);background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-primary) 100%)}*{scrollbar-color:#8b5cf6 #0a0f1a;scrollbar-color:var(--color-primary) var(--color-bg-primary);scrollbar-width:thin}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.flex-1{flex:1 1}.gap-xs{gap:.25rem;gap:var(--space-xs)}.gap-sm{gap:.5rem;gap:var(--space-sm)}.gap-md{gap:1rem;gap:var(--space-md)}.gap-lg{gap:1.5rem;gap:var(--space-lg)}.gap-xl{gap:2rem;gap:var(--space-xl)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.mt-xs{margin-top:.25rem;margin-top:var(--space-xs)}.mt-sm{margin-top:.5rem;margin-top:var(--space-sm)}.mt-md{margin-top:1rem;margin-top:var(--space-md)}.mt-lg{margin-top:1.5rem;margin-top:var(--space-lg)}.mt-xl{margin-top:2rem;margin-top:var(--space-xl)}.mt-2xl{margin-top:3rem;margin-top:var(--space-2xl)}.mb-xs{margin-bottom:.25rem;margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:.5rem;margin-bottom:var(--space-sm)}.mb-md{margin-bottom:1rem;margin-bottom:var(--space-md)}.mb-lg{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:2rem;margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:3rem;margin-bottom:var(--space-2xl)}.ml-sm{margin-left:.5rem;margin-left:var(--space-sm)}.mr-sm{margin-right:.5rem;margin-right:var(--space-sm)}.p-0{padding:0}.p-xs{padding:.25rem;padding:var(--space-xs)}.p-sm{padding:.5rem;padding:var(--space-sm)}.p-md{padding:1rem;padding:var(--space-md)}.p-lg{padding:1.5rem;padding:var(--space-lg)}.p-xl{padding:2rem;padding:var(--space-xl)}.p-2xl{padding:3rem;padding:var(--space-2xl)}.px-sm{padding-left:.5rem;padding-left:var(--space-sm);padding-right:.5rem;padding-right:var(--space-sm)}.px-md{padding-left:1rem;padding-left:var(--space-md);padding-right:1rem;padding-right:var(--space-md)}.px-lg{padding-left:1.5rem;padding-left:var(--space-lg);padding-right:1.5rem;padding-right:var(--space-lg)}.py-sm{padding-bottom:.5rem;padding-bottom:var(--space-sm);padding-top:.5rem;padding-top:var(--space-sm)}.py-md{padding-bottom:1rem;padding-bottom:var(--space-md);padding-top:1rem;padding-top:var(--space-md)}.py-lg{padding-bottom:1.5rem;padding-bottom:var(--space-lg);padding-top:1.5rem;padding-top:var(--space-lg)}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:.75rem;font-size:var(--text-xs)}.text-sm{font-size:.875rem;font-size:var(--text-sm)}.text-base{font-size:1rem;font-size:var(--text-base)}.text-lg{font-size:1.125rem;font-size:var(--text-lg)}.text-xl{font-size:1.25rem;font-size:var(--text-xl)}.text-2xl{font-size:1.5rem;font-size:var(--text-2xl)}.text-3xl{font-size:1.875rem;font-size:var(--text-3xl)}.font-normal{font-weight:400;font-weight:var(--font-normal)}.font-medium{font-weight:500;font-weight:var(--font-medium)}.font-semibold{font-weight:600;font-weight:var(--font-semibold)}.font-bold{font-weight:700;font-weight:var(--font-bold)}.text-primary{color:#f8fafc;color:var(--color-text-primary)}.text-secondary{color:#cbd5e1;color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:#10b981}.text-danger{color:#ef4444;color:var(--color-danger)}.text-warning{color:#f59e0b}.text-info{color:#3b82f6;color:var(--color-info)}.text-gold{color:#fbbf24;color:var(--color-gold)}.rounded-sm{border-radius:.375rem;border-radius:var(--radius-sm)}.rounded-md{border-radius:.5rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:.75rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:1rem;border-radius:var(--radius-xl)}.rounded-2xl{border-radius:1.5rem;border-radius:var(--radius-2xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.w-full{width:100%}.w-auto{width:auto}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-full{max-width:100%}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.animate-fade-in{animation:fadeIn .25s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-base)}.animate-slide-in{animation:slideInMessage .5s cubic-bezier(.68,-.55,.265,1.55);animation:slideInMessage var(--transition-bounce)}.animate-bounce-in{animation:modalSlideIn .5s cubic-bezier(.68,-.55,.265,1.55);animation:modalSlideIn var(--transition-bounce)}.animate-pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.transition-fast{transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.transition-base{transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.transition-slow{transition:all .35s cubic-bezier(.4,0,.2,1);transition:all var(--transition-slow)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.z-0{z-index:0;z-index:var(--z-base)}.z-10{z-index:10;z-index:var(--z-elevated)}.z-50{z-index:500;z-index:var(--z-overlay)}.z-100{z-index:1000;z-index:var(--z-modal)}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#fbbf24);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-gold) 100%);-webkit-background-clip:text;background-clip:text}.gradient-text-gold{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fbbf24,#d97706);background:linear-gradient(135deg,var(--color-gold) 0,var(--color-secondary-dark) 100%);-webkit-background-clip:text;background-clip:text}.hover-lift{transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base)}.hover-lift:hover{transform:translateY(-4px)}.hover-scale{transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow .25s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:0 0 30px #8b5cf680;box-shadow:var(--shadow-glow-primary)}.focus-ring:focus{box-shadow:0 0 0 3px #8b5cf680;box-shadow:0 0 0 3px var(--color-primary-glow);outline:none}::selection{background:#8b5cf6;background:var(--color-primary);color:#fff}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-top-color:#8b5cf6;border:3px solid var(--color-glass-border);border-radius:9999px;border-radius:var(--radius-full);border-top-color:var(--color-primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.loading-dots{display:inline-flex;gap:.25rem;gap:var(--space-xs)}.loading-dots span{animation:loadingDot 1.4s ease-in-out infinite;background:#8b5cf6;background:var(--color-primary);border-radius:9999px;border-radius:var(--radius-full);height:8px;width:8px}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes loadingDot{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.phase-loading{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f0f1a);display:flex;flex-direction:column;gap:2rem;inset:0;justify-content:center;position:fixed;z-index:9999}.phase-loading-logo{-webkit-text-fill-color:#0000;animation:phaseLogoShimmer 3s linear infinite;background:linear-gradient(90deg,#e94560,#f472b6 25%,#fbbf24 50%,#f472b6 75%,#e94560);-webkit-background-clip:text;background-clip:text;background-size:200% auto;filter:drop-shadow(0 0 20px rgba(233,69,96,.5));font-family:Bowlby One SC,sans-serif;font-size:clamp(3rem,15vw,8rem);font-weight:400;letter-spacing:1px;margin:0}@keyframes phaseLogoShimmer{0%{background-position:0}to{background-position:200%}}.phase-loading-spinner{animation:spin 1s linear infinite;border:3px solid #e9456033;border-radius:50%;border-top-color:#e94560;height:50px;width:50px}@media (max-width:768px){.phase-loading{gap:1.5rem;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.phase-loading-logo{font-size:clamp(2rem,12vw,4rem);padding:0 1rem;text-align:center}.phase-loading-spinner{height:40px;width:40px}}@media print{.App:before{display:none}body{background:#fff;color:#000}.glass-card,.glass-panel,.glass-surface{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #ccc}.btn{background:#eee;box-shadow:none;color:#000}}.status-message-hand{animation:statusFadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e1e32f2,#2d2d46f2);border-left:3px solid #8b5cf6;border-radius:10px;box-shadow:0 4px 15px #0000004d,0 0 0 1px #8b5cf64d,inset 0 1px 0 #ffffff1a;box-sizing:border-box;color:#fff;font-size:14px;font-weight:500;line-height:1.4;margin-bottom:12px;padding:10px 20px;text-align:center;width:100%}.status-message-hand.active-turn{background:linear-gradient(135deg,#10b98133,#1e1e32f2);border-left-color:#10b981;box-shadow:0 4px 15px #10b98133,0 0 0 1px #10b98166,inset 0 1px 0 #ffffff1a}.status-message-hand.waiting{background:linear-gradient(135deg,#6366f126,#1e1e32f2);border-left-color:#6366f1}.status-message-hand.warning{animation:statusFadeIn .3s ease-out,statusPulseHand 2s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b33,#1e1e32f2);border-left-color:#f59e0b}.status-message-hand.reaction{background:linear-gradient(135deg,#ec489926,#1e1e32f2);border-left-color:#ec4899}@keyframes statusFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes statusPulseHand{0%,to{box-shadow:0 4px 15px #0000004d,0 0 0 1px #f59e0b4d,inset 0 1px 0 #ffffff1a}50%{box-shadow:0 4px 20px #f59e0b4d,0 0 0 2px #f59e0b80,inset 0 1px 0 #ffffff1a}}@media (max-width:768px){.status-message-hand{border-radius:8px;font-size:13px;margin-bottom:12px;max-width:calc(100% - 16px);padding:10px 16px}}.floating-controls{align-items:center;display:flex;gap:8px;position:fixed;right:10px;top:10px;z-index:999}.back-button-floating{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e32cc;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.back-button-floating:hover{background:#8b5cf64d;border-color:#8b5cf680;color:#fff}.joker-display{gap:15px;left:50%;position:absolute;top:0;transform:translateX(-50%) translateY(-50%);z-index:0}.joker-card,.joker-display{display:flex;justify-content:center}.joker-card{align-items:center;background:linear-gradient(145deg,#4a1a6b,#2d1045);border:2px solid #b482ff80;border-radius:10px;box-shadow:0 4px 15px #0006,inset 0 1px 0 #ffffff1a;cursor:pointer;flex-direction:column;height:100px;position:relative;transition:all .3s ease;width:70px}.joker-card:hover{border-color:#b482ffe6;box-shadow:0 12px 30px #8b5cf680,inset 0 1px 0 #fff3;transform:translateY(-20px);z-index:10}.joker-card .joker-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:32px}.turn-timer-badge{align-items:center;background:linear-gradient(145deg,#1e293be6,#0f172ae6);border:2px solid #64748b80;border-radius:20px;box-shadow:0 4px 12px #0000004d;color:#e2e8f0;display:flex;font-size:14px;font-weight:600;gap:4px;padding:6px 12px;position:absolute;right:12px;top:12px;transition:all .3s ease;z-index:10}.turn-timer-badge .turn-timer-icon{font-size:16px}.turn-timer-badge .turn-timer-time{font-family:Monaco,Consolas,monospace;min-width:32px;text-align:center}.turn-timer-badge.warning{animation:timerWarningPulse 1s ease-in-out infinite;background:linear-gradient(145deg,#f59e0b4d,#d977064d);border-color:#f59e0bb3;color:#fbbf24}.turn-timer-badge.critical{animation:timerCriticalPulse .5s ease-in-out infinite;background:linear-gradient(145deg,#ef44444d,#b91c1c4d);border-color:#ef4444cc;color:#f87171}@keyframes timerWarningPulse{0%,to{box-shadow:0 4px 12px #f59e0b4d}50%{box-shadow:0 4px 20px #f59e0b80}}@keyframes timerCriticalPulse{0%,to{box-shadow:0 4px 12px #ef444466;transform:scale(1)}50%{box-shadow:0 4px 25px #ef4444b3;transform:scale(1.05)}}.hand-container-wrapper{align-items:center;display:flex;flex-direction:column;width:100%}.hand-container-wrapper .hand-container{width:100%}.hand-container-wrapper .sort-button{align-self:flex-end}.sort-button{background:#1e283cf2;border:1px solid #ffffff1a;border:1px solid var(--color-glass-border);border-radius:0 0 8px 8px;border-top:none;color:#fff;cursor:pointer;font-size:12px;font-weight:500;margin-right:20px;margin-top:-1px;padding:5px 14px;transition:background .2s ease;white-space:nowrap}.sort-button:hover{background:#323c50f2}.joker-card .joker-slot{color:#fff9;font-size:11px;font-weight:500;margin-top:4px}.joker-card[data-tooltip]:hover:after{background:linear-gradient(135deg,#1e1432fa,#140a28fa);border:1px solid #b482ff66;border-radius:10px;bottom:calc(100% + 12px);box-shadow:0 6px 20px #0006;color:#fff;content:attr(data-tooltip);font-size:12px;left:50%;padding:10px 14px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.joker-card.empty{background:linear-gradient(145deg,#1a0a2e,#0d051a);border-color:#64468c66;opacity:1}.joker-card.empty .joker-icon{opacity:.4}.joker-card.owned{opacity:1}.joker-card.owned.rarity-common{background:linear-gradient(145deg,#374151,#1f2937);border-color:#9ca3afb3}.joker-card.owned.rarity-uncommon{background:linear-gradient(145deg,#166534,#14532d);border-color:#22c55eb3}.joker-card.owned.rarity-rare{background:linear-gradient(145deg,#1d4ed8,#1e3a8a);border-color:#3b82f6b3}.joker-card.owned.rarity-legendary{background:linear-gradient(145deg,#b45309,#78350f);border-color:#f59e0bb3;box-shadow:0 4px 15px #f59e0b4d,inset 0 1px 0 #ffffff1a}.joker-sell-btn{background:#ef4444e6;border:none;border-radius:6px;bottom:8px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;left:50%;opacity:0;padding:4px 10px;position:absolute;transform:translateX(-50%);transition:opacity .2s ease,background .2s ease;z-index:5}.joker-card:hover .joker-sell-btn{opacity:1}.joker-sell-btn:hover{background:#dc2626}.hand-controls-bottom{display:flex;gap:12px;justify-content:center;margin-top:0;z-index:10}.hand-controls-bottom .btn{border-radius:10px;font-size:14px;font-weight:600;min-width:100px;padding:10px 20px;transition:all .2s ease}.hand-controls-bottom .btn-success{background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 4px 15px #10b98166;color:#fff}.hand-controls-bottom .btn-success:hover:not(:disabled){box-shadow:0 6px 20px #10b98180;transform:translateY(-2px)}.hand-controls-bottom .btn-success:disabled{background:linear-gradient(135deg,#374151,#1f2937);box-shadow:none;color:#ffffff4d;cursor:not-allowed}.hand-controls-bottom .btn-secondary{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;box-shadow:0 4px 15px #6366f166;color:#fff}.hand-controls-bottom .btn-secondary:hover:not(:disabled){box-shadow:0 6px 20px #6366f180;transform:translateY(-2px)}.hand-controls-bottom .btn-secondary:disabled{background:linear-gradient(135deg,#374151,#1f2937);box-shadow:none;color:#ffffff4d;cursor:not-allowed}.hand-controls-bottom .btn-valid{animation:validPulse 1.2s ease-in-out infinite}@keyframes validPulse{0%,to{box-shadow:0 4px 15px #10b98166}50%{box-shadow:0 4px 25px #10b981b3}}.hand-controls-bottom .btn-disabled{background:linear-gradient(135deg,#374151,#1f2937);box-shadow:none;color:#ffffff80;cursor:not-allowed}.shield-control{align-items:center;border-left:2px solid #ffffff1a;display:flex;gap:8px;margin-left:8px;padding-left:12px}.shield-indicator{align-items:center;animation:shieldGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f633,#8b5cf633);border:1px solid #3b82f64d;border-radius:20px;display:flex;gap:4px;padding:6px 12px}.shield-indicator .shield-icon{font-size:18px}.shield-indicator .shield-count{color:#60a5fa;font-size:14px;font-weight:700;min-width:16px;text-align:center}@keyframes shieldGlow{0%,to{box-shadow:0 0 8px #3b82f64d}50%{box-shadow:0 0 16px #3b82f680}}.shield-indicator.fortress{animation:fortressGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#fbbf2433,#eab30833);border-color:#fbbf2466}.shield-indicator.fortress .shield-count{color:#fbbf24}@keyframes fortressGlow{0%,to{box-shadow:0 0 8px #fbbf244d}50%{box-shadow:0 0 20px #fbbf2499}}.btn-shield{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 10px #3b82f64d;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.btn-shield:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 4px 15px #3b82f680;transform:translateY(-2px)}.btn-shield:active{transform:translateY(0)}.round-badge{background:#1e1b4b;border:1px solid #6366f166;border-radius:6px;color:#e0e7ff;display:inline-block;font-size:13px;font-weight:700;margin-right:10px;padding:6px 14px}.round-badge.trick-badge{background:#312e81;border-color:#818cf866}.player-header{align-items:center;display:flex;margin-bottom:10px}.player-header .player-name{font-size:14px;margin:0}.card-animation-container{display:flex;flex-direction:column;gap:12px;left:50%;pointer-events:none;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:10000}.card-animation-item{align-items:center;animation:cardAnimSlideIn .6s cubic-bezier(.22,1,.36,1) forwards;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;box-shadow:0 8px 40px #0006;display:flex;gap:16px;padding:16px 24px}.card-animation-item.card-added{background:linear-gradient(135deg,#22c55ee6,#16a34ae6);border:2px solid #86efac99}.card-animation-item.card-removed{background:linear-gradient(135deg,#ef4444e6,#dc2626e6);border:2px solid #fca5a599}.card-animation-badge{align-items:center;display:flex;gap:6px}.card-animation-icon{font-size:28px}.card-animation-text{color:#fff;font-size:18px;font-weight:700;text-shadow:0 2px 4px #0006}.card-animation-cards{display:flex;gap:8px}.card-animation-card{align-items:center;animation:cardFlipIn .5s cubic-bezier(.34,1.56,.64,1) forwards;background:#fff;border-radius:6px;box-shadow:0 4px 16px #0000004d;display:flex;font-weight:700;height:70px;justify-content:center;position:relative;width:50px}@keyframes cardFlipIn{0%{opacity:0;transform:scale(0) rotateY(180deg) translateY(-30px)}50%{opacity:.7;transform:scale(1.2) rotateY(90deg) translateY(0)}to{opacity:1;transform:scale(1) rotateY(0deg) translateY(0)}}.card-animation-card.red{color:#dc2626}.card-animation-card.black{color:#1f2937}.card-animation-card .anim-card-rank,.card-animation-card .anim-card-rank-bottom{font-size:16px;font-weight:800;line-height:1;position:absolute}.card-animation-card .anim-card-rank{left:5px;top:3px}.card-animation-card .anim-card-rank-bottom{bottom:3px;right:5px;transform:rotate(180deg)}.card-animation-card .anim-card-suit{font-size:24px;line-height:1}.playing-card.flying{animation:flyToCenter .25s ease-out forwards;border-color:gold!important;box-shadow:0 0 15px gold,0 8px 20px #0000004d!important;pointer-events:none;z-index:100}@keyframes flyToCenter{0%{transform:translate(0) scale(1)}50%{transform:translate(0,-125px) scale(1.1);transform:translate(calc(var(--fly-x, 0)*.5),calc(var(--fly-y, -250px)*.5)) scale(1.1)}to{transform:translateY(-250px) scale(1.1);transform:translate(var(--fly-x,0),var(--fly-y,-250px)) scale(1.1)}}.drawn-card-flying{animation:flyToHand 1s ease forwards;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #0003;font-weight:700;height:70px;pointer-events:none;position:fixed;transform:translate(-50%,-50%);width:50px;z-index:10000}@media (min-width:1024px){.drawn-card-flying{height:105px;width:75px}}.drawn-card-flying.red{color:#dc2626}.drawn-card-flying.black{color:#1f2937}.drawn-card-flying .anim-card-rank,.drawn-card-flying .anim-card-rank-bottom{font-size:17px;font-weight:800;line-height:1;position:absolute}@media (min-width:1024px){.drawn-card-flying .anim-card-rank,.drawn-card-flying .anim-card-rank-bottom{font-size:26px}}.drawn-card-flying .anim-card-rank{left:5px;top:3px}.drawn-card-flying .anim-card-rank-bottom{bottom:3px;right:5px;transform:rotate(180deg)}.drawn-card-flying .anim-card-suit{font-size:25px;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}@media (min-width:1024px){.drawn-card-flying .anim-card-suit{font-size:38px}}@keyframes flyToHand{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1);transform:translate(calc(-50% + var(--fly-x, 0)),calc(-50% + var(--fly-y, 0))) scale(1)}}@keyframes cardAnimSlideIn{0%{opacity:0;transform:scale(.5) translateY(-200px)}60%{opacity:1;transform:scale(1.15) translateY(20px)}80%{transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.card-animation-item.card-added{animation:cardAnimSlideIn .4s ease-out forwards,cardAddedPulse .6s ease-in-out .4s forwards}@keyframes cardAddedPulse{0%,to{box-shadow:0 4px 20px #22c55e66}50%{box-shadow:0 4px 30px #22c55ecc}}.card-animation-item.card-removed{animation:cardAnimSlideIn .4s ease-out forwards,cardRemovedShake .5s ease-in-out .4s forwards}@keyframes cardRemovedShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.card-animation-item{animation:cardAnimSlideIn .4s ease-out forwards,cardAnimFadeOut .5s ease-in 2s forwards}@keyframes cardAnimFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}:root{--color-primary:#e94560;--color-primary-dark:#c73e54;--color-secondary:#0f3460;--color-secondary-light:#16213e;--color-background:#1a1a2e;--color-surface:#ffffff0d;--color-surface-hover:#ffffff1a;--color-text:#fff;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-success:#4ade80;--color-warning:#fbbf24;--color-error:#ef4444;--color-info:#60a5fa;--color-card-red:#ef4444;--color-card-black:#1e293b;--color-common:#94a3b8;--color-uncommon:#4ade80;--color-rare:#60a5fa;--color-legendary:#fbbf24;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 2px 4px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 24px #0006;--font-xs:10px;--font-sm:12px;--font-md:14px;--font-lg:16px;--font-xl:20px;--font-2xl:24px;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-overlay:400;--z-tooltip:500;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px);--player-bar-height:100px}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a2e;background:var(--color-background);color:#fff;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;min-height:100vh;min-height:100dvh;overflow-x:hidden}.safe-area-top{padding-top:env(safe-area-inset-top,0);padding-top:var(--safe-area-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0);padding-bottom:var(--safe-area-bottom)}.game-container{min-height:100vh;min-height:100dvh;padding:calc(100px + env(safe-area-inset-top, 0px)) 8px calc(24px + env(safe-area-inset-bottom, 0px));padding:calc(var(--player-bar-height) + var(--safe-area-top)) var(--spacing-sm) calc(var(--spacing-lg) + var(--safe-area-bottom))}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--font-md);font-weight:600;justify-content:center;min-height:44px;min-width:44px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(180deg,#e94560,#c73e54);background:linear-gradient(180deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #e9456066}.btn-success{background:linear-gradient(180deg,#4ade80,#22c55e);background:linear-gradient(180deg,var(--color-success) 0,#22c55e 100%);color:#000}.btn-secondary{background:#ffffff0d;background:var(--color-surface);border:1px solid #fff3;color:#fff;color:var(--color-text)}.btn:disabled{cursor:not-allowed;opacity:.5}.card{background:#ffffff0d;background:var(--color-surface);border:1px solid #ffffff1a;border-radius:12px;border-radius:var(--radius-lg);padding:16px;padding:var(--spacing-md)}.card-header{border-bottom:1px solid #ffffff1a;margin-bottom:16px;margin-bottom:var(--spacing-md);padding-bottom:8px;padding-bottom:var(--spacing-sm)}.playing-card{--card-width:clamp(45px,12vw,70px);--card-height:calc(var(--card-width)*1.4);align-items:center;background:#fff;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0003;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;font-size:calc(var(--card-width)*.35);font-weight:700;height:var(--card-height);justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;width:var(--card-width)}.playing-card.red{color:#ef4444;color:var(--color-card-red)}.playing-card.black{color:#1e293b;color:var(--color-card-black)}.playing-card.selected{border:2px solid #e94560;border:2px solid var(--color-primary);box-shadow:0 8px 16px #e9456066;transform:translateY(-10px)}.playing-card.sealed{position:relative}.playing-card.sealed:after{background:#1a1a2e;background:var(--color-background);border-radius:9999px;border-radius:var(--radius-full);content:attr(data-seal);font-size:16px;padding:2px;position:absolute;right:-8px;top:-8px}.hand-container{-webkit-overflow-scrolling:touch;display:flex;gap:4px;gap:var(--spacing-xs);margin:0 -8px;margin:0 calc(var(--spacing-sm)*-1);overflow-x:auto;padding:8px;padding:var(--spacing-sm);scrollbar-width:none}.hand-container::-webkit-scrollbar{display:none}@media (min-width:640px){.hand-container{flex-wrap:wrap;justify-content:center;overflow-x:visible}.playing-card{--card-width:65px}.hand-container .playing-card{margin-left:-20px}.hand-container .playing-card:first-child{margin-left:0}}.last-play-area{align-items:center;background:#0003;border-radius:12px;border-radius:var(--radius-lg);display:flex;gap:8px;gap:var(--spacing-sm);justify-content:center;margin:16px 0;margin:var(--spacing-md) 0;min-height:120px;padding:16px;padding:var(--spacing-md)}.last-play-area.empty{border:2px dashed #ffffff1a}.action-buttons{background:linear-gradient(0deg,#1a1a2e,#0000);background:linear-gradient(0deg,var(--color-background) 0,#0000 100%);bottom:env(safe-area-inset-bottom,0);bottom:var(--safe-area-bottom);display:flex;gap:8px;gap:var(--spacing-sm);left:0;padding:16px;padding:var(--spacing-md);padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px));padding-bottom:calc(var(--spacing-md) + var(--safe-area-bottom));position:fixed;right:0}.action-buttons .btn{flex:1 1}.status-message{background:#0003;border-radius:8px;border-radius:var(--radius-md);color:#94a3b8;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-sm);margin-bottom:16px;margin-bottom:var(--spacing-md);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);text-align:center}.status-message.success{background:#4ade801a;color:#4ade80;color:var(--color-success)}.status-message.error{background:#ef44441a;color:#ef4444;color:var(--color-error)}.overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:16px;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:400;z-index:var(--z-overlay)}.modal{background:linear-gradient(180deg,#1a1a2e,#16213e);background:linear-gradient(180deg,var(--color-background) 0,var(--color-secondary-light) 100%);border:2px solid #0f3460;border:2px solid var(--color-secondary);border-radius:16px;border-radius:var(--radius-xl);max-height:90vh;max-width:400px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between}.modal-body,.modal-footer,.modal-header{padding:16px;padding:var(--spacing-md)}.modal-footer{border-top:1px solid #ffffff1a}.grid{grid-gap:16px;grid-gap:var(--spacing-md);display:grid;gap:16px;gap:var(--spacing-md)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:480px){.grid-3{grid-template-columns:repeat(2,1fr)}}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-col{display:flex;flex-direction:column}.gap-sm{gap:8px;gap:var(--spacing-sm)}.gap-md{gap:16px;gap:var(--spacing-md)}.text-center{text-align:center}.text-sm{font-size:12px;font-size:var(--font-sm)}.text-lg{font-size:16px;font-size:var(--font-lg)}.text-muted{color:#94a3b8;color:var(--color-text-secondary)}.text-success{color:#4ade80;color:var(--color-success)}.text-warning{color:#fbbf24;color:var(--color-warning)}.text-error{color:#ef4444;color:var(--color-error)}.animate-fade-in{animation:fadeIn .2s ease;animation:fadeIn var(--transition-normal)}.animate-slide-up{animation:slideUp .2s ease;animation:slideUp var(--transition-normal)}.animate-pop{animation:pop .15s ease;animation:pop var(--transition-fast)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(.9)}50%{transform:scale(1.05)}to{transform:scale(1)}}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}@media (max-width:360px){:root{--font-xs:9px;--font-sm:11px;--font-md:13px;--font-lg:15px}}@media (min-width:768px){:root{--player-bar-height:80px}.game-container{margin:0 auto;max-width:1024px;padding-left:24px;padding-left:var(--spacing-lg);padding-right:24px;padding-right:var(--spacing-lg)}.action-buttons{background:none;justify-content:center;padding:16px 0;padding:var(--spacing-md) 0;position:static}.action-buttons .btn{flex:0 0 auto;min-width:120px}}@media (min-width:1024px){.game-container{max-width:1280px}.playing-card{--card-width:75px;--card-height:105px}.card-back,.card-back-empty,.playing-card.peeked-card{--card-width:96px;--card-height:135px}.playing-card.peeked-card{height:var(--card-height);min-width:var(--card-width);width:var(--card-width)}.card-back-empty,.card-back:after{font-size:48px}.card-back-stack{height:147px;width:108px}.card-back-stacked:first-child{left:6px;top:6px}.card-back-stacked:nth-child(2){left:3px;top:3px}}@media print{.action-buttons,.player-info-bar{display:none}}.phase-splash{align-items:center;animation:splashFadeIn .25s ease-out;background:#000000d9;cursor:pointer;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.phase-splash-content{align-items:center;animation:splashPop .4s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;gap:16px}.phase-splash-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;box-shadow:0 4px 20px #6366f166;color:#fff;font-size:14px;font-weight:600;letter-spacing:2px;padding:8px 24px;text-transform:uppercase}.phase-splash-text{align-items:center;display:flex;gap:12px}.phase-splash-icon{animation:iconBounce .6s ease-out .2s both;font-size:48px}.phase-splash-label{animation:textSlideIn .5s ease-out .15s both;color:#fff;font-size:42px;font-weight:800;text-shadow:0 4px 30px #ffffff4d}@keyframes splashFadeIn{0%{opacity:0}to{opacity:1}}@keyframes splashPop{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes iconBounce{0%{opacity:0;transform:scale(0) rotate(-20deg)}50%{transform:scale(1.2) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes textSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.phase-splash-icon{font-size:36px}.phase-splash-label{font-size:28px}.phase-splash-badge{font-size:12px;padding:6px 16px}}.toast-container{display:flex;flex-direction:column;gap:8px;max-width:320px;pointer-events:none;position:fixed;right:16px;top:70px;z-index:1500}.toast{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#191923f2;border-left:4px solid #666;border-radius:10px;box-shadow:0 4px 12px #0000004d;color:#f0f0f0;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;opacity:0;padding:10px 16px;pointer-events:auto;transform:translateX(100px);transition:all .3s cubic-bezier(.4,0,.2,1)}.toast.visible{opacity:1;transform:translateX(0)}.toast.exiting{opacity:0;transform:translateX(50px) scale(.95)}.toast-icon{flex-shrink:0;font-size:20px}.toast-message{flex:1 1;line-height:1.3}.toast-priority-low{background:#1e1e28e6;border-left-color:#6b7280}.toast-priority-normal{border-left-color:#3b82f6}.toast-priority-high{background:#2d2319f2;border-left-color:#f59e0b}.toast-style-special{background:linear-gradient(135deg,#372346f2,#1e1e2df2);border-left-color:#8b5cf6}.toast-style-legendary{animation:legendary-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#3c2d14f2,#231e19f2);border-left-color:#fbbf24}@keyframes legendary-pulse{0%,to{box-shadow:0 4px 12px #0000004d,0 0 8px #fbbf2433}50%{box-shadow:0 4px 12px #0000004d,0 0 16px #fbbf2466}}@media (max-width:480px){.toast-container{align-items:center;bottom:100px;left:8px;max-width:none;right:8px;top:auto}.toast{font-size:13px;margin:0 auto;max-width:90%;padding:10px 14px}.toast-icon{font-size:18px}.toast-message{text-align:center}}@media (max-width:480px) and (orientation:landscape){.toast-container{align-items:flex-end;bottom:auto;left:auto;max-width:280px;right:8px;top:60px}.toast{margin:0}.toast-message{text-align:left}}
/*# sourceMappingURL=main.3f2610b2.css.map*/