:root{--primary: #3b82f6;--primary-dark: #2563eb;--primary-light: #60a5fa;--secondary: #8b5cf6;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--bg-dark: #1e293b;--bg-light: #f8fafc;--bg-white: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--border: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--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}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-primary);background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:var(--spacing-lg)}#app{max-width:1400px;margin:0 auto;background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}header{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;padding:var(--spacing-xl) var(--spacing-lg);text-align:center;position:relative;overflow:hidden}header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h100v100H0z" fill="none"/><path d="M50 10l5 15h16l-13 10 5 15-13-10-13 10 5-15-13-10h16z" fill="rgba(255,255,255,0.1)"/></svg>');opacity:.1;animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}header h1{margin:0;font-size:2.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;z-index:1}header .tagline{margin:var(--spacing-xs) 0 0 0;font-size:.95rem;font-weight:400;letter-spacing:.05em;opacity:.7;position:relative;z-index:1}footer{background:linear-gradient(135deg,var(--bg-dark) 0%,#0f172a 100%);color:#fffc;padding:var(--spacing-lg) var(--spacing-xl);text-align:center;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}footer p{margin:0;font-size:14px;letter-spacing:.3px}main{padding:var(--spacing-xl)}.controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(to bottom,var(--bg-light),var(--bg-white));border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.control-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.control-group label{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:.3px}.control-group input[type=text],.control-group input[type=number],.control-group input[type=date],.control-group select{padding:10px 14px;border:2px solid var(--border);border-radius:var(--radius-md);font-size:14px;transition:all .2s ease;background:var(--bg-white);color:var(--text-primary)}.control-group input:focus,.control-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.control-group input:disabled{background:var(--bg-light);cursor:not-allowed;opacity:.6}.control-group input[type=checkbox]{margin-right:var(--spacing-xs);width:18px;height:18px;cursor:pointer}.control-group .checkbox-label{display:flex;align-items:center;font-size:14px;margin-top:var(--spacing-xs);font-weight:500;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.control-group .help-text{font-size:12px;color:var(--text-secondary);margin-top:2px;font-style:italic}.control-group input.invalid{border-color:var(--error);background-color:#fef2f2;animation:shake .3s ease}.control-group .kingdom-warning{display:block;color:var(--warning);font-size:12px;font-weight:600;margin-top:4px;padding:6px 10px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:3px solid var(--warning);border-radius:4px;animation:fadeIn .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}#load-btn{grid-column:1 / -1;padding:12px 32px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md);text-transform:uppercase;letter-spacing:.5px}#load-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%)}#load-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.status{padding:14px 18px;margin-bottom:var(--spacing-lg);border-radius:var(--radius-md);font-size:14px;font-weight:500;display:flex;align-items:center;gap:var(--spacing-sm);animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.status:before{content:"";width:6px;height:6px;border-radius:50%;animation:pulse 2s ease infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #6ee7b7}.status.success:before{background:var(--success)}.status.error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #fca5a5}.status.error:before{background:var(--error)}.status.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fcd34d}.status.warning:before{background:var(--warning)}.status.loading{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #93c5fd}.status.loading:before{background:var(--primary)}.leaderboard{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.leaderboard-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:3px solid var(--primary)}.leaderboard-header h2{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leaderboard-header .metadata{color:var(--text-secondary);font-size:14px;font-weight:500}.leaderboard-header .disclaimer{color:var(--text-secondary);font-size:13px;font-style:italic;margin-top:4px;opacity:.8}.leaderboard-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:var(--spacing-md);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.leaderboard-table thead{background:linear-gradient(135deg,var(--bg-dark) 0%,#334155 100%);color:#fff}.leaderboard-table th{padding:16px 12px;text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:10;box-shadow:0 2px 4px #0000001a}.leaderboard-table td{padding:14px 12px;border-bottom:1px solid var(--border);transition:all .2s ease}.leaderboard-table tbody tr{background:#fff;transition:all .2s ease}.leaderboard-table tbody tr:nth-child(2n){background:var(--bg-light)}.leaderboard-table tbody tr:hover{background:linear-gradient(90deg,#eff6ff,#dbeafe);transform:scale(1.01);box-shadow:var(--shadow-sm);cursor:pointer}.leaderboard-table .rank{width:70px;text-align:center;font-weight:700;font-size:16px;color:var(--text-secondary)}.leaderboard-table .id{width:130px;font-family:Monaco,Menlo,monospace;font-size:12px;color:var(--text-secondary)}.leaderboard-table .name{font-weight:600;color:var(--text-primary)}.leaderboard-table .alliance{font-weight:500;color:var(--secondary);font-size:14px}.leaderboard-table .value{text-align:right;font-weight:700;font-size:16px;color:var(--primary);font-family:Monaco,Menlo,monospace}.leaderboard-table .rank-1{background:linear-gradient(90deg,#fef3c7,#fde68a)!important;border-left:4px solid #f59e0b}.leaderboard-table .rank-1 .rank{color:#f59e0b;font-size:20px}.leaderboard-table .rank-1 .rank:before{content:"🥇 "}.leaderboard-table .rank-2{background:linear-gradient(90deg,#f3f4f6,#e5e7eb)!important;border-left:4px solid #9ca3af}.leaderboard-table .rank-2 .rank{color:#6b7280;font-size:18px}.leaderboard-table .rank-2 .rank:before{content:"🥈 "}.leaderboard-table .rank-3{background:linear-gradient(90deg,#fef2f2,#fee2e2)!important;border-left:4px solid #f87171}.leaderboard-table .rank-3 .rank{color:#ef4444;font-size:18px}.leaderboard-table .rank-3 .rank:before{content:"🥉 "}.loading-state,.error-state,.empty-state{padding:var(--spacing-xl) var(--spacing-lg);text-align:center;color:var(--text-secondary);background:var(--bg-light);border-radius:var(--radius-lg);border:2px dashed var(--border)}.loading-state{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.spinner{border:4px solid var(--border);border-top:4px solid var(--primary);border-radius:50%;width:48px;height:48px;animation:spin .8s linear infinite;margin:0 auto var(--spacing-md)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p{font-size:16px;font-weight:500;color:var(--primary)}.error-state{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:var(--error)}.error-state h3{color:var(--error);margin-bottom:var(--spacing-sm);font-size:1.4rem}.error-state p{color:#991b1b;line-height:1.6}.empty-state{background:linear-gradient(135deg,#fefce8,#fef9c3);border-color:var(--warning)}.empty-state p{color:#92400e;font-size:15px}@media (max-width: 768px){body{padding:var(--spacing-sm)}header h1{font-size:1.8rem}main{padding:var(--spacing-md)}.controls{grid-template-columns:1fr}.leaderboard-table{font-size:13px}.leaderboard-table th,.leaderboard-table td{padding:10px 8px}.leaderboard-table .id{display:none}.leaderboard-header h2{font-size:1.4rem}}@media (max-width: 480px){header h1{font-size:1.5rem}.leaderboard-table{font-size:12px}.leaderboard-table .alliance{display:none}.leaderboard-table .rank{width:50px}}