.s-tier-badge{animation:tierGlow 2s ease-in-out infinite}@keyframes tierGlow{0%,to{box-shadow:0 0 8px #fbbf2440}50%{box-shadow:0 0 16px #fbbf2460,0 0 24px #fbbf2430}}.page-transition{animation:pageIn .3s ease-out}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.kingdom-card{transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s ease}.filter-panel{animation:fadeIn .2s ease}.share-popup{animation:fadeIn .15s ease}.loading-spinner{width:48px;height:48px;border:3px solid #2a2a2a;border-top-color:#22d3ee;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner-sm{width:40px;height:40px;border:3px solid #2a2a2a;border-top-color:#22d3ee;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stat-card{background-color:#131318;border:1px solid #2a2a2a;border-radius:12px;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.stat-card:hover{border-color:#22d3ee30;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.leaderboard-entry{transition:background-color .15s ease}.leaderboard-entry:hover{background-color:#1a1a1f!important}.comparison-row{transition:background-color .15s ease}.comparison-row:hover{background-color:#151518}.input-glow:focus{border-color:#22d3ee!important;box-shadow:0 0 0 2px #22d3ee26}.phase-card{background-color:#131318;border:1px solid #2a2a2a;border-radius:12px;transition:border-color .2s ease}.phase-card:hover{border-color:#3a3a3a}.kvk-row{transition:background-color .15s ease}.kvk-row:hover{background-color:#18181f!important}@tailwind base;@tailwind components;@tailwind utilities;html,body,#root{background-color:#0a0a0a;min-height:100vh}:root{--color-bg: #0a0a0a;--color-surface: #111111;--color-card: #131318;--color-surface-hover: #1a1a1a;--color-border: #2a2a2a;--color-border-subtle: #1f1f1f;--color-border-strong: #3a3a3a;--color-text: #ffffff;--color-text-secondary: #9ca3af;--color-text-muted: #6b7280;--color-primary: #22d3ee;--color-primary-hover: #06b6d4;--color-success: #22c55e;--color-warning: #eab308;--color-error: #ef4444;--color-orange: #f97316;--color-purple: #a855f7;--color-blue: #3b82f6;--color-gold: #fbbf24;--color-discord: #5865F2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-card: 0 4px 20px rgba(0, 0, 0, .2);--shadow-card-hover: 0 12px 40px rgba(0, 0, 0, .4);--shadow-tooltip: 0 4px 12px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(34, 211, 238, .1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-display: "Cinzel", "Times New Roman", serif;--font-mono: "Orbitron", monospace;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--breakpoint-desktop: 1280px}*{margin:0;padding:0;box-sizing:border-box}html{background-color:#0a0a0a}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#f3f4f6;line-height:1.6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d4ff,#09c);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00b8e6,#079)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@layer components{.card{@apply bg-surface rounded-lg border border-border transition-all duration-200;}.card-hover{@apply hover:border-primary/50 hover:shadow-card-hover hover:-translate-y-0.5;}.btn{@apply px-4 py-2 rounded-md font-medium transition-all duration-200 cursor-pointer;}.btn-primary{@apply bg-primary text-black hover:bg-primary-hover;}.btn-secondary{@apply bg-transparent border border-border text-text-secondary hover:border-primary hover:text-primary;}.btn-ghost{@apply bg-transparent text-text-secondary hover:bg-surface-hover hover:text-white;}.btn-danger{@apply bg-error/20 border border-error text-error hover:bg-error/30;}.badge{@apply px-2 py-0.5 rounded text-xs font-medium;}.badge-primary{@apply bg-primary/15 text-primary border border-primary/30;}.badge-success{@apply bg-success/15 text-success border border-success/30;}.badge-warning{@apply bg-warning/15 text-warning border border-warning/30;}.badge-error{@apply bg-error/15 text-error border border-error/30;}.badge-tier-s{@apply bg-tier-s/20 text-tier-s border border-tier-s/40 shadow-glow-gold;}.badge-tier-a{@apply bg-tier-a/20 text-tier-a border border-tier-a/40;}.badge-tier-b{@apply bg-tier-b/20 text-tier-b border border-tier-b/40;}.badge-tier-c{@apply bg-tier-c/20 text-tier-c border border-tier-c/40;}.badge-tier-d{@apply bg-tier-d/20 text-tier-d border border-tier-d/40;}.input{@apply w-full px-4 py-3 bg-bg border border-border rounded-md text-white text-sm outline-none transition-colors duration-200 focus:border-primary;}.select{@apply w-full px-4 py-3 bg-bg border border-border rounded-md text-white text-sm cursor-pointer appearance-none;}.tooltip{@apply absolute z-50 px-3 py-2 bg-bg border border-border rounded-md text-sm text-white shadow-tooltip whitespace-nowrap;}.text-glow{@apply text-primary drop-shadow-[0_0_8px_rgba(34,211,238,.5)];}.text-glow-gold{@apply text-gold drop-shadow-[0_0_8px_rgba(251,191,36,.5)];}.filter-panel{@apply p-6 bg-surface/90 backdrop-blur-lg rounded-lg border border-border animate-fade-in;}.empty-state{@apply text-center py-16 px-8 bg-surface rounded-lg border border-border;}.empty-state-icon{@apply text-5xl mb-4 opacity-50;}.empty-state-title{@apply text-white text-xl font-medium mb-2;}.empty-state-description{@apply text-text-muted text-sm max-w-md mx-auto mb-6;}}@media(max-width:768px){button,a,[role=button]{min-height:44px;min-width:44px}body{overflow-x:hidden}.mobile-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.container{padding-left:.75rem;padding-right:.75rem}input,select,textarea{font-size:16px}.hide-scrollbar-mobile::-webkit-scrollbar{display:none}.hide-scrollbar-mobile{-ms-overflow-style:none;scrollbar-width:none}}@supports (padding: max(0px)){.safe-area-inset{padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right));padding-bottom:max(.75rem,env(safe-area-inset-bottom))}}.high-contrast{--color-text: #ffffff;--color-text-secondary: #e5e5e5;--color-text-muted: #b0b0b0;--color-border: #555555;--color-border-subtle: #444444;--color-border-strong: #666666;--color-bg: #000000;--color-surface: #0a0a0a;--color-card: #111111}.high-contrast *{text-shadow:none!important}.high-contrast a,.high-contrast button{text-decoration-thickness:2px}.high-contrast .stat-card,.high-contrast .phase-card,.high-contrast .kingdom-card{border-width:2px!important}.high-contrast *:focus{outline:3px solid #ffffff!important;outline-offset:2px!important}.high-contrast svg text{fill:#fff!important}.high-contrast svg polygon[fill*="20"]{fill-opacity:.4!important}@media print{body,html{background-color:#fff!important;color:#000!important}header,nav,footer,.no-print,button:not(.print-include),[role=navigation],.share-menu,.ad-banner{display:none!important}.stat-card,.phase-card,.kingdom-card{background-color:#f5f5f5!important;border:1px solid #ddd!important;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}svg{-webkit-print-color-adjust:exact;print-color-adjust:exact}.radar-chart-container{page-break-inside:avoid}*{color:#000!important;text-shadow:none!important}.print-color{-webkit-print-color-adjust:exact;print-color-adjust:exact}a{text-decoration:underline!important}@page{margin:1cm}.phase-card,.stat-card{page-break-inside:avoid}}