:root{--background:#0f0f11;--surface:#1a1a1e;--surface-hover:#232328;--surface-active:#2d2d33;--border:#333339;--primary:#d4af37;--gold:#d4af37;--primary-hover:#e8c651;--primary-transparent:#d4af3726;--text-main:#fff;--text-muted:#a0a0ab;--text-dark:#121214;--success:#34d399;--danger:#ef4444;--radius:8px;--radius-lg:12px;--shadow:0 4px 20px #0006;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:600}.container{max-width:1400px;margin:0 auto;padding:0 24px}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:50;background-color:#1a1a1ecc;padding:16px 0;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--primary);align-items:center;gap:8px;font-size:24px;font-weight:700;display:flex}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--text-dark)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-outline{border:1px solid var(--primary);color:var(--primary);background-color:#0000}.btn-outline:hover{background-color:var(--primary-transparent)}.input{background-color:var(--surface-active);border:1px solid var(--border);color:var(--text-main);border-radius:var(--radius);outline:none;padding:10px 16px;font-size:14px;transition:border-color .2s}.input:focus{border-color:var(--primary)}.select-wrapper{align-items:center;gap:12px;margin-bottom:32px;display:flex}.table-container{border-radius:var(--radius);border:1px solid var(--border);overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{background-color:var(--surface-active);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:12px 16px;font-size:13px;font-weight:500}.data-table td{border-bottom:1px solid var(--border);padding:16px;font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background-color .2s}.data-table tbody tr:hover{background-color:var(--surface-hover)}.badge{border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.badge-gold{background-color:var(--primary-transparent);color:var(--primary);border:1px solid #d4af374d}.badge-gray{background-color:var(--surface-active);color:var(--text-muted)}.score-box{align-items:center;gap:4px;font-weight:600;display:flex}.score-high{color:var(--success)}.score-low{color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}.text-primary{color:var(--primary)}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.mb-4{margin-bottom:16px}.mb-8{margin-bottom:32px}.flex{display:flex}.gap-2{gap:8px}.gap-4{gap:16px}.items-center{align-items:center}.justify-between{justify-content:space-between}@media (max-width:768px){.header-content{flex-direction:column;align-items:center;gap:16px}.header-content nav{flex-wrap:wrap;justify-content:center;gap:12px;width:100%}.container{padding:0 12px}.select-wrapper{flex-direction:column;align-items:stretch;gap:12px}.select-wrapper select,.select-wrapper button{width:100%}h1{text-align:center;font-size:24px!important}.text-muted{text-align:center}.data-table th,.data-table td{padding:8px;font-size:12px}.card{padding:16px}.flex.justify-between.items-center.mb-8{flex-direction:column;gap:16px}.flex.justify-between.items-center.mb-8>div{text-align:center;justify-content:center;width:100%}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{border-radius:var(--radius);background:#2a2a30 linear-gradient(90deg,#2a2a30 0,#333339 40px,#2a2a30 80px) 0 0/1000px 100%;animation:2s linear infinite shimmer}.skeleton-text{width:100%;height:14px;margin-bottom:8px}.skeleton-title{width:50%;height:24px;margin-bottom:16px}.skeleton-row{width:100%;height:48px;margin-bottom:8px}.login-overlay-container{color:#e2e8f0;-webkit-user-select:none;user-select:none;background-color:#0b0b0d;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex;position:relative;overflow:hidden}.login-glow-1{filter:blur(100px);pointer-events:none;background-color:#d4af371a;border-radius:50%;width:300px;height:300px;position:absolute;top:25%;left:25%;transform:translate(-50%,-50%)}.login-glow-2{filter:blur(120px);pointer-events:none;background-color:#9333ea1a;border-radius:50%;width:350px;height:350px;position:absolute;bottom:25%;right:25%;transform:translate(50%,50%)}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background-color:#15151ae6;border:1px solid #d4af3733;border-radius:16px;width:100%;max-width:440px;padding:32px;transition:border-color .3s;position:relative;box-shadow:0 8px 32px #0009}.login-card:hover{border-color:#d4af3773}.login-logo-section{text-align:center;margin-bottom:24px}.login-icon-box{background:linear-gradient(135deg,#d4af3733,#e8c6510d);border:1px solid #d4af374d;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.login-logo-title{letter-spacing:-.05em;background:linear-gradient(90deg,#d4af37,#f7e092,#d4af37);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4px;font-size:28px;font-weight:900}.login-logo-subtitle{color:#94a3b8;letter-spacing:.15em;text-transform:uppercase;opacity:.75;font-size:10px;font-weight:600}.login-alert{border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:16px;padding:12px;font-size:12px;line-height:1.4;display:flex}.login-alert-success{color:#34d399;background-color:#064e3b66;border:1px solid #10b9814d}.login-alert-error{color:#fb7185;background-color:#9f123966;border:1px solid #f43f5e4d}.login-tab-container{border-bottom:1px solid #333339;margin-bottom:24px;display:flex}.login-tab-btn{text-transform:uppercase;letter-spacing:.05em;color:#64748b;cursor:pointer;text-align:center;background:0 0;border:none;flex:1;padding-bottom:10px;font-size:13px;font-weight:700;transition:all .2s}.login-tab-btn:hover{color:#94a3b8}.login-tab-btn.active{color:#d4af37;border-bottom:2px solid #d4af37}.login-form{flex-direction:column;gap:16px;display:flex}.login-form-row{flex-direction:column;gap:6px;display:flex}.login-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.login-label-wrapper{justify-content:space-between;align-items:center;display:flex}.login-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.login-link-forgot{color:#d4af37;cursor:pointer;background:0 0;border:none;padding:0;font-size:10px}.login-link-forgot:hover{text-decoration:underline}.login-input{color:#f1f5f9;background-color:#0d0d10cc;border:1px solid #333339;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:13px;transition:all .2s}.login-input::placeholder{color:#475569}.login-input:focus{border-color:#d4af37;box-shadow:0 0 0 2px #d4af3726}.login-textarea{resize:none;min-height:80px}.login-btn-submit{color:#121214;cursor:pointer;background-color:#d4af37;border:none;border-radius:8px;width:100%;margin-top:8px;padding:12px;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #00000040}.login-btn-submit:hover:not(:disabled){background-color:#e8c651;transform:translateY(-1px)}.login-btn-submit:active:not(:disabled){transform:translateY(0)}.login-btn-submit:disabled{opacity:.6;cursor:not-allowed}.login-btn-group-horizontal{gap:16px;margin-top:8px;display:flex}.login-btn-secondary{color:#cbd5e1;cursor:pointer;text-align:center;background-color:#1a1a24;border:1px solid #333339;border-radius:8px;flex:1;padding:12px;font-size:13px;font-weight:700;transition:all .2s}.login-btn-secondary:hover{color:#f1f5f9;background-color:#252530}.login-footer{text-align:center;color:#475569;letter-spacing:.1em;text-transform:uppercase;z-index:10;margin-top:32px;font-size:11px}@media (max-width:480px){.login-card{border-radius:12px;padding:24px 16px}.login-grid-2{grid-template-columns:1fr;gap:12px}.login-logo-title{font-size:24px}}.live-pulse-wrapper{color:#10b981;text-transform:uppercase;letter-spacing:.05em;background:#10b98114;border:1px solid #10b98133;border-radius:16px;align-items:center;gap:8px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.live-pulse-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.live-pulse-dot:after{content:"";background-color:#10b981;border-radius:50%;width:100%;height:100%;animation:1.5s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;top:0;left:0}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.95)}50%{opacity:0;transform:scale(1.8)}to{opacity:0;transform:scale(1.8)}}.results-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:12px;margin-bottom:24px;padding-bottom:12px;display:flex}.results-tab{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);cursor:pointer;text-transform:uppercase;background:#ffffff08;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.results-tab:hover{color:var(--text-main);background:#ffffff0f}.results-tab.active{background:var(--primary-transparent);border-color:var(--primary);color:var(--primary)}.results-container-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:32px;display:grid}.results-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#1a1a1ea6;padding:20px;transition:all .2s}.results-card:hover{border-color:#d4af3733;transform:translateY(-2px)}.saddle-badge{border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-right:8px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 2px 4px #0000004d}.saddle-1{color:#fff!important;background-color:#ef4444!important}.saddle-2{color:#000!important;background-color:#fff!important;border-color:#ccc!important}.saddle-3{color:#fff!important;background-color:#2563eb!important}.saddle-4{color:#000!important;background-color:#facc15!important}.saddle-5{color:#fff!important;background-color:#16a34a!important}.saddle-6{color:#fff!important;background-color:#000!important}.saddle-7{color:#fff!important;background-color:#ea580c!important}.saddle-8{color:#fff!important;background-color:#ec4899!important}.saddle-9{color:#fff!important;background-color:#06b6d4!important}.saddle-10{color:#fff!important;background-color:#7c3aed!important}.saddle-default{color:#fff!important;background-color:#4b5563!important}.show-on-mobile,.show-on-mobile-inline{display:none!important}.desktop-nav{align-items:center;gap:16px;display:flex}.mobile-header-actions{align-items:center;gap:12px;display:none}.nav-divider{background:var(--border);width:2px;height:20px;margin:0 4px}.nav-link{font-size:13.5px;transition:color .2s}.nav-link:hover{color:var(--primary-hover)!important}.hamburger{cursor:pointer;z-index:100;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:24px;height:18px;padding:0;display:flex}.hamburger-line{background-color:var(--text-main);transform-origin:1px;border-radius:2px;width:24px;height:2px;transition:all .3s linear;position:relative}.hamburger.active .hamburger-line:first-child{transform:rotate(45deg)}.hamburger.active .hamburger-line:nth-child(2){opacity:0;transform:translate(20px)}.hamburger.active .hamburger-line:nth-child(3){transform:rotate(-45deg)}.mobile-nav-drawer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:45;opacity:0;visibility:hidden;background-color:#0f0f11f2;width:100%;height:calc(100vh - 72px);padding:24px;transition:all .3s ease-in-out;position:fixed;top:72px;left:0;overflow-y:auto;transform:translateY(-100%)}.mobile-nav-drawer.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav-content{flex-direction:column;gap:18px;max-width:480px;margin:0 auto;display:flex}.mobile-nav-link{border-bottom:1px solid #ffffff08;padding:8px 0;font-size:16px;font-weight:500}.mobile-fetch-wrapper{margin-top:10px}.qr-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:fixed;top:0;left:0}.qr-modal-container{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--primary);border-radius:var(--radius-lg);width:100%;max-width:460px;animation:.3s ease-out qr-fade-in;overflow:hidden;box-shadow:0 10px 30px #0009}@keyframes qr-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.qr-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.qr-modal-header h3{color:var(--text-main);align-items:center;gap:8px;font-size:18px;display:flex}.qr-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:24px;transition:color .2s}.qr-modal-close:hover{color:var(--text-main)}.qr-modal-body{max-height:80vh;padding:24px;overflow-y:auto}.qr-modal-instruction{color:var(--text-muted);margin-bottom:20px;font-size:14px;line-height:1.5}.qr-code-wrapper{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:252px;height:252px;margin:0 auto 20px;padding:16px;display:flex;box-shadow:0 4px 12px #00000026}.qr-code-image{width:220px;height:220px;display:block}.qr-ip-link-box{border:1px solid var(--border);border-radius:var(--radius);text-align:center;background:#00000040;margin-bottom:24px;padding:12px}.qr-ip-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-size:11px;display:block}.qr-ip-link{word-break:break-all;font-family:monospace;font-size:14px;font-weight:700;color:var(--primary)!important}.pwa-install-guide h4{color:var(--text-main);border-left:3px solid var(--primary);margin-bottom:10px;padding-left:8px;font-size:14px}.pwa-install-guide ul{margin-bottom:14px;padding-left:18px}.pwa-install-guide li{color:var(--text-muted);margin-bottom:8px;font-size:13px;line-height:1.4}.pwa-guide-note{color:var(--primary);background:var(--primary-transparent);border-radius:6px;margin-top:10px;padding:8px 12px;font-size:12px}@media (max-width:768px){.show-on-mobile{display:block!important}.show-on-mobile-inline{display:inline-block!important}.hide-on-mobile,.desktop-nav{display:none!important}.mobile-header-actions{display:flex!important}.data-table,table{white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;width:100%!important;display:block!important;overflow-x:auto!important}.container{padding:0 16px!important}.card{padding:16px!important}}