@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #a855f766}50%{box-shadow:0 0 40px #a855f7cc}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-ring{0%{transform:scale(.33);opacity:1}80%,to{transform:scale(2.33);opacity:0}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animation-delay-150{animation-delay:.15s}.animation-delay-300{animation-delay:.3s}.animation-delay-500{animation-delay:.5s}.animation-delay-700{animation-delay:.7s}.animation-delay-1000{animation-delay:1s}.animation-delay-1500{animation-delay:1.5s}.animation-delay-2000{animation-delay:2s}.premium-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-hover:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px #0000004d}.gradient-text-animated{background:linear-gradient(45deg,#8b5cf6,#ec4899,#06b6d4,#10b981,#f59e0b,#ef4444);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-shift 3s ease infinite}.float-animation{animation:float 6s ease-in-out infinite}.glow-effect{animation:glow 2s ease-in-out infinite alternate}.shimmer-effect{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.pulse-ring{position:relative}.pulse-ring:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border:2px solid rgba(168,85,247,.6);border-radius:inherit;transform:translate(-50%,-50%);animation:pulse-ring 2s cubic-bezier(.455,.03,.515,.955) infinite}.premium-card{background:#0f172a99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000005e,inset 0 1px #ffffff1a}.rank-gold{background:linear-gradient(135deg,#fbbf2433,#0f172acc);border-left:4px solid #fbbf24;box-shadow:0 0 20px #fbbf244d}.rank-silver{background:linear-gradient(135deg,#9ca3af33,#0f172acc);border-left:4px solid #9ca3af;box-shadow:0 0 20px #9ca3af4d}.rank-bronze{background:linear-gradient(135deg,#c2410c33,#0f172acc);border-left:4px solid #c2410c;box-shadow:0 0 20px #c2410c4d}.user-team-premium{background:linear-gradient(135deg,#3b82f633,#0f172acc);border-left:4px solid #3b82f6;box-shadow:0 0 20px #3b82f666;animation:pulse-ring 3s infinite}.premium-spinner{position:relative}.premium-spinner:after{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-top:2px solid rgba(168,85,247,.6);border-radius:50%;animation:spin 1s linear infinite reverse}.smooth-transition{transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-morphism{background:#0f172a66;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.125);box-shadow:0 8px 32px #1f26875e,inset 0 1px #ffffff1a}@media (max-width: 768px){.premium-hover:hover{transform:none;box-shadow:none}.float-animation{animation:none}}@media (prefers-color-scheme: dark){.premium-card{background:#0f172acc}.glass-morphism{background:#0f172a99}}.rulebook-root{min-height:100vh;background:linear-gradient(135deg,#0c0c0c,#1a1a2e,#16213e);padding:2rem 1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.rulebook-container{max-width:1200px;margin:0 auto;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.rulebook-header{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#4a6bff1a,#a855f71a);border-bottom:1px solid rgba(255,255,255,.1);position:relative}.header-decoration{height:2px;background:linear-gradient(90deg,transparent,#4a6bff,#a855f7,transparent);margin:1rem 0}.rulebook-title{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#4a6bff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;letter-spacing:-.5px}.rulebook-subtitle{color:#ffffffb3;font-size:1.1rem;font-weight:300;letter-spacing:1px;text-transform:uppercase;margin:0}.rulebook-content{padding:2rem}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.rule-category{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem;transition:all .3s ease;position:relative}.rule-category:hover{transform:translateY(-5px);border-color:#4a6bff4d;box-shadow:0 10px 30px -10px #4a6bff33}.rule-category.featured{background:linear-gradient(135deg,#4a6bff1a,#a855f71a);border:1px solid rgba(74,107,255,.3)}.featured-badge{position:absolute;top:-10px;right:20px;background:linear-gradient(135deg,#4a6bff,#a855f7);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.category-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.category-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.category-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0;flex:1}.rules-list{list-style:none;padding:0;margin:0}.rules-list li{color:#fffc;border-bottom:1px solid rgba(255,255,255,.05);line-height:1.5;position:relative;padding:.75rem 0 .75rem 1.5rem}.rules-list li:last-child{border-bottom:none}.rules-list li:before{content:"";position:absolute;left:0;top:1rem;width:6px;height:6px;background:#4a6bff;border-radius:50%}.rule-highlight{color:#4a6bff;font-weight:600;background:#4a6bff1a;padding:.1rem .4rem;border-radius:4px}.rule-important{color:#a855f7;font-weight:700;background:#a855f71a;padding:.1rem .4rem;border-radius:4px}.format-rules{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:1.5rem;background:#ffffff08;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.05)}.format-rule{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.format-name{color:#fff;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.format-detail{color:#4a6bff;font-weight:600;font-size:.9rem}.rulebook-footer{background:#0000004d;border-top:1px solid rgba(255,255,255,.1);padding:2rem}.custom-players .players-list li:before{background:#a855f7}.legend-note{margin-top:1rem;color:#ffffffd9;font-weight:600;background:#a855f70f;display:inline-block;padding:.5rem .75rem;border-radius:8px}.footer-decoration{height:1px;background:linear-gradient(90deg,transparent,#4a6bff,#a855f7,transparent);margin-bottom:2rem}.footer-content{text-align:center;position:relative}.official-stamp{position:absolute;top:-10px;right:0;color:#4a6bff;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;opacity:.7}.footer-note{color:#ffffffb3;font-size:.9rem;margin:0 0 .5rem;font-weight:500}.footer-disclaimer{color:#ffffff80;font-size:.8rem}@media (max-width: 768px){.rulebook-root{padding:1rem .5rem}.rulebook-title{font-size:2rem}.rules-grid{grid-template-columns:1fr;gap:1.5rem}.rulebook-content{padding:1rem}.rule-category{padding:1.5rem}.category-header{flex-direction:column;text-align:center;gap:.5rem}.official-stamp{position:relative;top:0;margin-bottom:1rem}}html{scroll-behavior:smooth}.rulebook-content::-webkit-scrollbar{width:6px}.rulebook-content::-webkit-scrollbar-track{background:#ffffff0d}.rulebook-content::-webkit-scrollbar-thumb{background:#4a6bff;border-radius:3px}:root{--primary: #6d28d9;--secondary: #10b981;--accent: #f59e0b;--dark: #0a0e17;--light: #f8fafc}body{font-family:Poppins,sans-serif;background-color:var(--dark);color:var(--light);overflow-x:hidden;margin:0;padding:0}.champion-bg{background:linear-gradient(#0a0e17b3,#0a0e17b3),url(https://images.unsplash.com/photo-1517649763962-0c623066013b?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80) no-repeat center center;background-size:cover;position:relative}.rain-overlay{position:absolute;width:100%;height:100%;background:url(https://www.transparenttextures.com/patterns/rain.png);opacity:.3;animation:rain .5s linear infinite;pointer-events:none}@keyframes rain{0%{background-position:0 0}to{background-position:-20% 100%}}.lightning{position:absolute;width:100%;height:100%;background:#fff;opacity:0;animation:lightning 8s linear infinite}@keyframes lightning{0%{opacity:0}2%{opacity:.3}4%{opacity:0}50%{opacity:0}52%{opacity:.6}54%{opacity:0}55%{opacity:.4}56%{opacity:0}}h1,h2,.logo{font-family:Orbitron,sans-serif;letter-spacing:.05em;text-shadow:0 0 10px rgba(245,158,11,.5)}.trophy{filter:drop-shadow(0 0 10px rgba(245,158,11,.7))}.glass-card{background:#0f172ab3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000005c}.gradient-text{background:linear-gradient(135deg,var(--accent),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.stat-card{background:linear-gradient(135deg,#6d28d933,#0f172acc);border-left:4px solid var(--primary)}.champion-banner{background:linear-gradient(135deg,#f59e0be6,#ca8a04e6)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-slow{animation:float 8s ease-in-out infinite}@keyframes zoomPulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.animate-zoom-pulse{animation:zoomPulse 30s ease-in-out infinite}@keyframes rainStreak{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.animate-rain-streak{animation:rainStreak 1.5s linear infinite}@keyframes droplet{0%{opacity:0;transform:scale(.8)}20%{opacity:1}to{opacity:0;transform:scale(1.2)}}.animate-droplet{animation:droplet 3s ease-in infinite}@keyframes pulseSlow{0%{opacity:.2;transform:scale(.95)}50%{opacity:.3;transform:scale(1.05)}to{opacity:.2;transform:scale(.95)}}.animate-pulse-slow{animation:pulseSlow 4s ease-in-out infinite}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #6d28d966}.btn-primary:disabled{transform:none;box-shadow:none;opacity:.6;cursor:not-allowed}@keyframes bounce-slow{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.animate-bounce-slow{animation:bounce-slow 3s ease-in-out infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 20s linear infinite}@keyframes orbit{0%{transform:rotate(0) translate(120px) rotate(0)}to{transform:rotate(360deg) translate(120px) rotate(-360deg)}}.animate-orbit{animation:orbit 15s linear infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px #f59e0b80}50%{box-shadow:0 0 20px #f59e0bcc,0 0 30px #10b98199}}.animate-glow-pulse{animation:glow-pulse 2s ease-in-out infinite}.stat-orbit{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 8px 32px #0000005e}.stat-orbit:hover{box-shadow:0 12px 40px #00000080}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .6s ease-out forwards}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slide-up .5s ease-out forwards}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scale-in .4s ease-out forwards}.glass-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0006}.profile-glow{box-shadow:0 0 30px #f59e0b4d,0 0 60px #10b98133}.hover\:scale-102:hover{transform:scale(1.02)}.premium-stat-card{position:relative;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000005e,inset 0 1px #ffffff1a,0 0 0 1px #ffffff0d}.premium-stat-card:before{content:"";position:absolute;inset:0;border-radius:1rem;padding:1px;background:linear-gradient(135deg,#fff3,#ffffff0d);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor}.premium-stat-card:hover{transform:scale(1.1) translateY(-5px);box-shadow:0 20px 60px #00000080,0 0 40px #f59e0b4d,inset 0 1px #fff3}@keyframes premium-glow{0%,to{box-shadow:0 0 20px #f59e0b4d,0 0 40px #10b98133,0 0 60px #8b5cf61a}50%{box-shadow:0 0 30px #f59e0b80,0 0 60px #10b9814d,0 0 90px #8b5cf633}}.animate-premium-glow{animation:premium-glow 3s ease-in-out infinite}.glass-card{background:#0f172acc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.125);box-shadow:0 8px 32px #0000005e,inset 0 1px #ffffff1a}.premium-profile-ring{background:conic-gradient(from 0deg,#f59e0b,#8b5cf6,#10b981,#3b82f6,#ec4899,#f59e0b 360deg);animation:rotate 10s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes particle-float{0%,to{transform:translateY(0) rotate(0);opacity:.6}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}.input-field{background:#0f172a80;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 2px #f59e0b40}.duration-3000{transition-duration:3s}@keyframes spin-wheel{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-wheel{animation:spin-wheel 3s cubic-bezier(.25,.46,.45,.94) forwards}.tournament-match{background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.tournament-match:hover{border-color:#f59e0b80;box-shadow:0 4px 20px #f59e0b33}.tournament-winner{background:linear-gradient(135deg,#22c55e4d,#16a34a4d);border-color:#22c55e}.champion-card{background:linear-gradient(135deg,#f59e0b33,#fbbf2433);border:2px solid #f59e0b;box-shadow:0 0 30px #f59e0b4d}.preview-image{max-height:200px;object-fit:contain;border:2px dashed rgba(255,255,255,.2);border-radius:.5rem}.nav-link{position:relative}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent);transition:width .3s ease}.nav-link:hover:after{width:100%}