:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--text-primary:#1e293b;--text-secondary:#64748b;--bg-main:#f3f4f6;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#e2e8f0;--nav-bg:#fff;--nav-border:#e2e8f0;--nav-link-hover:#e2e8f0;--nav-menu-bg:#f8fafc;--border-color:#e2e8f0;--accent-color:#e53935;color:var(--text-primary);background-color:var(--bg-main);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--bg-main:#090e1a;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--nav-bg:#1e293b;--nav-border:#334155;--nav-link-hover:#334155;--nav-menu-bg:#0f172a;--border-color:#334155;--accent-color:#ff6659;--skeleton-base:var(--bg-tertiary);--skeleton-shimmer-start:#fff0;--skeleton-shimmer-mid:#ffffff4d;--skeleton-shimmer-end:#fff0}[data-theme=dark] body{background-color:var(--bg-main)}a{color:var(--accent-color);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:var(--accent-color);opacity:.8}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{background-color:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:var(--accent-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}.skeleton{background-color:var(--skeleton-base);position:relative;overflow:hidden}.skeleton:before{content:"";background:linear-gradient(90deg,var(--skeleton-shimmer-start)0%,var(--skeleton-shimmer-mid)50%,var(--skeleton-shimmer-end)100%);width:100%;height:100%;animation:2s ease-in-out infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}[data-theme=dark]{--skeleton-shimmer-mid:#ffffff1a}.skeleton-text{border-radius:4px;height:.875rem;margin-bottom:.5rem}.skeleton-image{border-radius:8px}.skeleton:nth-child(2):before{animation-delay:.1s}.skeleton:nth-child(3):before{animation-delay:.2s}.navbar[data-v-f6a8e382]{background-color:var(--nav-bg);border-bottom:1px solid var(--nav-border);z-index:1000;padding:0;transition:background-color .3s,border-color .3s;position:sticky;top:0}.nav-container[data-v-f6a8e382]{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:1rem 1.5rem;display:flex;position:relative}.nav-brand[data-v-f6a8e382]{color:var(--text-primary);cursor:pointer;font-size:1.25rem;font-weight:700;text-decoration:none;transition:opacity .2s}.nav-brand[data-v-f6a8e382]:hover{opacity:.8}.logo-text[data-v-f6a8e382]{white-space:nowrap}.nav-links-desktop[data-v-f6a8e382]{align-items:center;gap:2rem;display:none}@media (min-width:768px){.nav-links-desktop[data-v-f6a8e382]{display:flex}.nav-hamburger[data-v-f6a8e382]{display:none}}.nav-link[data-v-f6a8e382]{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem 1rem;font-size:1rem;transition:background-color .2s}.nav-link[data-v-f6a8e382]:hover{background-color:var(--nav-link-hover)}.theme-toggle[data-v-f6a8e382]{font-size:1.25rem}.nav-hamburger[data-v-f6a8e382]{align-items:center;display:flex}@media (min-width:768px){.nav-hamburger[data-v-f6a8e382]{display:none}}.hamburger-btn[data-v-f6a8e382]{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:.5rem;display:flex}.hamburger-btn span[data-v-f6a8e382]{background-color:var(--text-primary);border-radius:3px;width:25px;height:3px;transition:all .3s}.hamburger-btn.active span[data-v-f6a8e382]:first-child{transform:rotate(45deg)translate(10px,10px)}.hamburger-btn.active span[data-v-f6a8e382]:nth-child(2){opacity:0}.hamburger-btn.active span[data-v-f6a8e382]:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}.nav-menu-mobile[data-v-f6a8e382]{background-color:var(--nav-menu-bg);border-top:1px solid var(--nav-border);flex-direction:column;gap:.5rem;padding:1rem 1.5rem;animation:.2s slideDown-f6a8e382;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 6px #0000001a}@keyframes slideDown-f6a8e382{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-menu-item[data-v-f6a8e382]{color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;padding:.75rem 1rem;font-size:1rem;transition:background-color .2s}.nav-menu-item[data-v-f6a8e382]:hover{background-color:var(--nav-link-hover)}.router-link-active[data-v-f6a8e382]{background-color:var(--nav-link-active,#6366f11a);color:var(--accent-color);font-weight:600}.nav-link[data-v-f6a8e382]{text-decoration:none}.nav-menu-item.router-link-active[data-v-f6a8e382]{background-color:var(--nav-link-active,#6366f11a);color:var(--accent-color)}.nav-menu-item[data-v-f6a8e382]{text-decoration:none}[data-theme=dark] .router-link-active[data-v-f6a8e382]{background-color:var(--nav-link-active-dark,#6366f133)}.demo-mode-controls[data-v-f6a8e382]{margin-left:1rem;position:relative}.demo-toggle-btn[data-v-f6a8e382]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:opacity .2s;animation:3s linear infinite rainbow-border-f6a8e382}.demo-toggle-btn[data-v-f6a8e382]:hover{opacity:.9}@keyframes rainbow-border-f6a8e382{0%{box-shadow:0 0 5px red}16%{box-shadow:0 0 5px #f80}33%{box-shadow:0 0 5px #ff0}50%{box-shadow:0 0 5px #0f0}66%{box-shadow:0 0 5px #08f}83%{box-shadow:0 0 5px #80f}to{box-shadow:0 0 5px red}}.demo-menu[data-v-f6a8e382]{background:var(--bg-primary);border:2px solid var(--accent-color);z-index:1001;border-radius:8px;min-width:180px;padding:1rem;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 4px 12px #00000026}.demo-menu-title[data-v-f6a8e382]{color:var(--text-primary);margin:0 0 .75rem;font-size:.9rem;font-weight:700}.demo-option[data-v-f6a8e382]{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.demo-option[data-v-f6a8e382]:last-child{margin-bottom:0}.demo-option input[type=radio][data-v-f6a8e382]{cursor:pointer}.demo-option label[data-v-f6a8e382]{cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;font-size:.9rem}.demo-option label[data-v-f6a8e382]:hover{color:var(--accent-color)}@media (production){.demo-mode-controls[data-v-f6a8e382]{display:none!important}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-main);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background-color .3s,color .3s}#app-root{background-color:var(--bg-main);min-height:100vh;color:var(--text-primary);flex-direction:column;transition:background-color .3s,color .3s;display:flex}.card-element[data-v-be582b5d]{background:var(--bg-primary);border:3px solid var(--border-color);border-radius:12px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}[data-theme=dark] .card-element[data-v-be582b5d]{box-shadow:0 2px 8px #0000004d}.card-element[data-v-be582b5d]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}[data-theme=dark] .card-element[data-v-be582b5d]:hover{box-shadow:0 4px 12px #0006}.card-element.selected[data-v-be582b5d]{border-color:var(--accent-color);background:#ffebee;transform:scale(1.02);box-shadow:0 0 16px #e5393566}[data-theme=dark] .card-element.selected[data-v-be582b5d]{background:#2d0909;box-shadow:0 0 16px #ff665980}.card-element:hover .card-name[data-v-be582b5d]{-webkit-text-decoration-color:var(--text-primary);text-decoration-color:var(--text-primary)}.card-image-wrapper[data-v-be582b5d]{aspect-ratio:1.4;cursor:pointer;background:#1a1a1a;width:100%;position:relative;overflow:hidden}.card-art[data-v-be582b5d]{object-fit:cover;width:100%;height:100%;display:block}.loading-overlay[data-v-be582b5d]{z-index:10;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.spinner[data-v-be582b5d]{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin-be582b5d}@keyframes spin-be582b5d{to{transform:rotate(360deg)}}.card-info-wrapper[data-v-be582b5d]{background:var(--bg-primary);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.card-header[data-v-be582b5d]{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:0;display:flex}.card-name[data-v-be582b5d]{color:var(--text-primary);text-underline-offset:4px;cursor:pointer;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:1.1rem;font-weight:700;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .2s;display:inline-flex}.detail-link-icon[data-v-be582b5d]{opacity:.7;align-items:center;padding:.125rem;font-size:1rem;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.detail-link-icon[data-v-be582b5d]:hover{opacity:1;transform:scale(1.15)}.elo-info[data-v-be582b5d]{color:var(--text-primary);font-size:1rem;font-weight:600}.elo-delta-positive[data-v-be582b5d]{color:#16a34a}.elo-delta-negative[data-v-be582b5d]{color:#dc2626}.info-item[data-v-be582b5d]{flex-direction:column;gap:.25rem;display:flex}.label[data-v-be582b5d]{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:700}.value[data-v-be582b5d]{color:var(--text-primary);font-size:.95rem;font-weight:500}.flavor-text[data-v-be582b5d]{background:var(--bg-secondary);border-left:3px solid var(--border-color);color:var(--text-secondary);border-radius:4px;margin:.5rem 0;padding:.75rem;font-size:.875rem;font-style:italic;line-height:1.5}@media (max-width:768px){.card-element[data-v-be582b5d]{border-radius:10px}.card-info-wrapper[data-v-be582b5d]{gap:.5rem;padding:1rem}.card-name[data-v-be582b5d]{font-size:1rem}.value[data-v-be582b5d]{font-size:.9rem}.flavor-text[data-v-be582b5d]{display:none}}.card-display-v2-container[data-v-389ee6b4]{flex-direction:column;gap:2rem;width:100%;display:flex}.cards-grid[data-v-389ee6b4]{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:2rem;width:100%;max-width:1200px;margin:0 auto;display:grid}.vs-divider[data-v-389ee6b4]{color:var(--text-secondary);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-height:300px;font-size:1.5rem;font-weight:700;display:flex}.vs-divider span[data-v-389ee6b4]{background:linear-gradient(135deg,#22c55e 0%,#0ea5e9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (max-width:1024px){.cards-grid[data-v-389ee6b4]{gap:1.5rem}}@media (max-width:768px){.cards-grid[data-v-389ee6b4]{grid-template-columns:1fr;gap:.75rem;padding:0 1rem}.vs-divider[data-v-389ee6b4]{writing-mode:horizontal-tb;min-height:auto;padding:.5rem 0;font-size:1rem}}.match-skeleton-container[data-v-53900bc0]{justify-content:center;align-items:center;min-height:600px;padding:2rem;display:flex}.match-skeleton[data-v-53900bc0]{grid-template-columns:1fr auto 1fr;gap:2rem;width:100%;max-width:1200px;display:grid}.card-skeleton-large[data-v-53900bc0]{flex-direction:column;align-items:center;gap:1rem;display:flex}.skeleton-card-image[data-v-53900bc0]{aspect-ratio:1.4;border-radius:12px;width:100%;max-width:500px}.vs-divider[data-v-53900bc0]{color:var(--text-secondary);align-items:center;font-size:2rem;font-weight:700;display:flex}@media (max-width:768px){.match-skeleton[data-v-53900bc0]{grid-template-columns:1fr;gap:1rem}.vs-divider[data-v-53900bc0]{transform:rotate(90deg)}}.empty-state[data-v-2e6f0448]{text-align:center;border:2px dashed var(--border-color);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin:2rem;padding:4rem 2rem;display:flex}.empty-state-icon[data-v-2e6f0448]{margin-bottom:1rem;font-size:4rem;animation:2s ease-in-out infinite pulse-2e6f0448}@keyframes pulse-2e6f0448{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.empty-state-title[data-v-2e6f0448]{color:var(--text-primary);margin:0 0 1rem;font-size:1.5rem}.empty-state-message[data-v-2e6f0448]{color:var(--text-secondary);max-width:500px;margin:0 0 2rem;font-size:1rem;line-height:1.6}.empty-state-cta[data-v-2e6f0448]{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;transition:opacity .2s}.empty-state-cta[data-v-2e6f0448]:hover{opacity:.9}.error-state[data-v-15e5b1f0]{text-align:center;border:2px dashed var(--border-color);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:400px;margin:2rem;padding:4rem 2rem;display:flex}.error-network[data-v-15e5b1f0]{background:linear-gradient(135deg,#3b82f60d 0%,#3b82f61a 100%);border-color:#3b82f6}.error-http[data-v-15e5b1f0]{background:linear-gradient(135deg,#ef44440d 0%,#ef44441a 100%);border-color:#ef4444}[data-theme=dark] .error-network[data-v-15e5b1f0]{background:linear-gradient(135deg,#3b82f61a 0%,#3b82f626 100%)}[data-theme=dark] .error-http[data-v-15e5b1f0]{background:linear-gradient(135deg,#ef44441a 0%,#ef444426 100%)}.error-state-icon[data-v-15e5b1f0]{margin-bottom:1rem;font-size:4rem;animation:2s ease-in-out infinite pulse-15e5b1f0}@keyframes pulse-15e5b1f0{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.error-state-title[data-v-15e5b1f0]{color:var(--text-primary);margin:0 0 1rem;font-size:1.5rem;font-weight:700}.error-network .error-state-title[data-v-15e5b1f0]{color:#3b82f6}.error-http .error-state-title[data-v-15e5b1f0]{color:#ef4444}[data-theme=dark] .error-network .error-state-title[data-v-15e5b1f0]{color:#60a5fa}[data-theme=dark] .error-http .error-state-title[data-v-15e5b1f0]{color:#f87171}.error-state-message[data-v-15e5b1f0]{color:var(--text-secondary);max-width:500px;margin:0 0 2rem;font-size:1rem;font-style:italic;line-height:1.6}.retry-indicator[data-v-15e5b1f0]{flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.spinner[data-v-15e5b1f0]{border:4px solid var(--border-color);border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin-15e5b1f0}@keyframes spin-15e5b1f0{to{transform:rotate(360deg)}}.retry-indicator p[data-v-15e5b1f0]{color:var(--text-secondary);margin:0;font-size:.9rem;font-weight:600}.error-state-cta[data-v-15e5b1f0]{color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.error-network .error-state-cta[data-v-15e5b1f0]{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.error-http .error-state-cta[data-v-15e5b1f0]{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.error-state-cta[data-v-15e5b1f0]:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.error-state-cta[data-v-15e5b1f0]:active{transform:translateY(0)}@media (max-width:768px){.error-state[data-v-15e5b1f0]{min-height:300px;margin:1rem;padding:2rem 1rem}.error-state-icon[data-v-15e5b1f0]{font-size:3rem}.error-state-title[data-v-15e5b1f0]{font-size:1.25rem}.error-state-message[data-v-15e5b1f0]{font-size:.9rem}.error-state-cta[data-v-15e5b1f0]{padding:.6rem 1.5rem;font-size:.9rem}}.toast-notification[data-v-ba1f2c8e]{z-index:1000;justify-content:center;padding:1rem;display:flex;position:fixed;top:0;left:0;right:0}.toast-content[data-v-ba1f2c8e]{background:var(--bg-primary);border-radius:12px;align-items:center;gap:1rem;max-width:400px;padding:1rem 1.5rem;transition:background .3s;animation:.4s ease-out slideInDown-ba1f2c8e;display:flex;box-shadow:0 10px 40px #00000026}[data-theme=dark] .toast-content[data-v-ba1f2c8e]{box-shadow:0 10px 40px #0006}.toast-icon[data-v-ba1f2c8e]{color:#22c55e;flex-shrink:0;font-size:1.5rem;font-weight:700}.toast-text[data-v-ba1f2c8e]{flex-direction:column;gap:.25rem;display:flex}.toast-title[data-v-ba1f2c8e]{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:600}.toast-id[data-v-ba1f2c8e]{color:var(--text-secondary);margin:0;font-family:monospace;font-size:.75rem}@keyframes slideInDown-ba1f2c8e{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.slide-in-enter-active[data-v-ba1f2c8e],.slide-in-leave-active[data-v-ba1f2c8e]{transition:all .3s}.slide-in-enter-from[data-v-ba1f2c8e],.slide-in-leave-to[data-v-ba1f2c8e]{opacity:0;transform:translateY(-100%)}@media (max-width:640px){.toast-notification[data-v-ba1f2c8e]{padding:.75rem}.toast-content[data-v-ba1f2c8e]{width:100%;padding:.875rem 1rem}.toast-title[data-v-ba1f2c8e]{font-size:.9rem}.toast-id[data-v-ba1f2c8e]{font-size:.7rem}}.match-game-container[data-v-b6a97634]{background:linear-gradient(135deg,var(--bg-secondary)0%,var(--bg-tertiary)100%);min-height:100vh;color:var(--text-primary);padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background .3s,color .3s}.app-header[data-v-b6a97634]{text-align:center;margin-bottom:3rem}.app-header h1[data-v-b6a97634]{color:var(--text-primary);margin:0 0 .5rem;font-size:2.5rem;font-weight:800}.subtitle[data-v-b6a97634]{color:var(--text-secondary);margin:0;font-size:1.1rem;font-weight:500}.game-area[data-v-b6a97634]{margin-bottom:2rem}.vote-counter[data-v-b6a97634]{text-align:center;background:var(--bg-primary);border-radius:8px;max-width:400px;margin-top:2rem;margin-left:auto;margin-right:auto;padding:1rem;transition:background .3s;box-shadow:0 2px 8px #0000001a}[data-theme=dark] .vote-counter[data-v-b6a97634]{box-shadow:0 2px 8px #0000004d}.vote-count[data-v-b6a97634]{color:var(--text-primary);font-size:1.1rem;font-weight:600}@media (max-width:768px){.match-game-container[data-v-b6a97634]{padding:1rem}.app-header h1[data-v-b6a97634]{font-size:1.8rem}.subtitle[data-v-b6a97634]{font-size:1rem}.app-header[data-v-b6a97634]{margin-bottom:1.5rem}.error-banner[data-v-b6a97634]{flex-direction:column;align-items:flex-start}.retry-btn[data-v-b6a97634]{width:100%}}.card-skeleton-wrapper[data-v-22e37b0d]{flex-direction:column;gap:1rem;display:flex}.card-skeleton[data-v-22e37b0d]{background:var(--bg-secondary);border-radius:8px;flex-direction:column;align-items:center;padding:1rem;display:flex;position:relative}.skeleton-rank-badge[data-v-22e37b0d]{border-radius:50%;width:32px;height:32px;position:absolute;top:8px;left:8px}.leaderboard-container[data-v-0ac7f299]{background:linear-gradient(135deg,var(--bg-secondary)0%,var(--bg-tertiary)100%);min-height:100vh;color:var(--text-primary);padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:background .3s,color .3s}.leaderboard-header[data-v-0ac7f299]{text-align:center;margin-bottom:3rem}.leaderboard-header h1[data-v-0ac7f299]{color:var(--text-primary);margin:0 0 .5rem;font-size:2.5rem;font-weight:800}.subtitle[data-v-0ac7f299]{color:var(--text-secondary);margin:0;font-size:1.1rem;font-weight:500}.leaderboard-grid[data-v-0ac7f299]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;max-width:1400px;margin:0 auto;display:grid}.leaderboard-entry[data-v-0ac7f299]{background:var(--bg-primary);cursor:pointer;border:2px solid #0000;border-radius:12px;gap:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s,border .2s;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}[data-theme=dark] .leaderboard-entry[data-v-0ac7f299]{box-shadow:0 2px 8px #0000004d}.leaderboard-entry[data-v-0ac7f299]:hover{border-color:var(--accent-color);transform:translateY(-4px);box-shadow:0 8px 16px #00000026}[data-theme=dark] .leaderboard-entry[data-v-0ac7f299]:hover{box-shadow:0 8px 16px #0006}.rank-badge[data-v-0ac7f299]{background:var(--bg-tertiary);width:40px;height:40px;color:var(--text-primary);border:3px solid var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex;position:absolute;top:-12px;left:-12px;box-shadow:0 2px 4px #0003}.rank-gold .rank-badge[data-v-0ac7f299]{color:#92400e;background:linear-gradient(135deg,gold 0%,#ffec8b 100%)}.rank-silver .rank-badge[data-v-0ac7f299]{color:#4b5563;background:linear-gradient(135deg,silver 0%,#e8e8e8 100%)}.rank-bronze .rank-badge[data-v-0ac7f299]{color:#78350f;background:linear-gradient(135deg,#cd7f32 0%,#daa06d 100%)}.rank-gold[data-v-0ac7f299]{border-color:gold}.rank-silver[data-v-0ac7f299]{border-color:silver}.rank-bronze[data-v-0ac7f299]{border-color:#cd7f32}.entry-image[data-v-0ac7f299]{object-fit:cover;border-radius:8px;flex-shrink:0;width:168px;height:120px;box-shadow:0 2px 4px #0000001a}.entry-info[data-v-0ac7f299]{flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex}.entry-name[data-v-0ac7f299]{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.1rem;font-weight:700;overflow:hidden}.entry-elo[data-v-0ac7f299]{color:var(--accent-color);margin:0;font-size:1rem;font-weight:600}.entry-record[data-v-0ac7f299]{color:var(--text-secondary);margin:0;font-size:.9rem}.entry-artist[data-v-0ac7f299]{color:var(--text-secondary);margin:0;font-size:.85rem;font-style:italic}.podium-section[data-v-0ac7f299]{flex-direction:column;align-items:center;gap:2rem;max-width:900px;margin:0 auto 3rem;display:flex}.podium-first-container[data-v-0ac7f299]{justify-content:center;width:100%;display:flex}.podium-first-container .leaderboard-entry[data-v-0ac7f299]{width:100%;max-width:500px;transform:scale(1.1);box-shadow:0 8px 24px #ffd7004d}.podium-first-container .leaderboard-entry[data-v-0ac7f299]:hover{transform:scale(1.15)translateY(-4px)}.podium-first-container .rank-badge[data-v-0ac7f299]{width:50px;height:50px;font-size:1.3rem}.podium-row[data-v-0ac7f299]{grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;display:grid}.podium-row-entry[data-v-0ac7f299],.podium-row-entry .leaderboard-entry[data-v-0ac7f299]{width:100%}@media (max-width:768px){.podium-section[data-v-0ac7f299]{gap:1rem;margin:0 auto 2rem}.podium-first-container .leaderboard-entry[data-v-0ac7f299]{max-width:none;transform:none}.podium-first-container .leaderboard-entry[data-v-0ac7f299]:hover{transform:translateY(-4px)}.podium-row[data-v-0ac7f299]{grid-template-columns:1fr;gap:1rem}.leaderboard-container[data-v-0ac7f299]{padding:1rem}.leaderboard-header h1[data-v-0ac7f299]{font-size:1.8rem}.subtitle[data-v-0ac7f299]{font-size:1rem}.leaderboard-header[data-v-0ac7f299]{margin-bottom:2rem}.leaderboard-grid[data-v-0ac7f299]{grid-template-columns:1fr;gap:1rem}.leaderboard-entry[data-v-0ac7f299]{text-align:center;flex-direction:column;align-items:center;padding:1rem}.rank-badge[data-v-0ac7f299]{width:36px;height:36px;font-size:1rem;top:-10px;left:-10px}.entry-image[data-v-0ac7f299]{aspect-ratio:7/5;width:100%;max-width:200px;height:auto}.error-banner[data-v-0ac7f299]{flex-direction:column;align-items:flex-start}.retry-btn[data-v-0ac7f299]{width:100%}}@media (max-width:480px){.entry-info[data-v-0ac7f299]{align-items:center}.entry-name[data-v-0ac7f299]{font-size:1rem}}.count-display[data-v-0ac7f299]{color:var(--text-secondary);margin:.5rem 0 0;font-size:.95rem;font-weight:500}.loading-more[data-v-0ac7f299]{color:var(--text-secondary);flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.spinner[data-v-0ac7f299]{border:3px solid var(--bg-tertiary);border-top-color:var(--accent-color);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin-0ac7f299}@keyframes spin-0ac7f299{to{transform:rotate(360deg)}}.observer-target[data-v-0ac7f299]{height:1px;margin:0;padding:0}.end-message[data-v-0ac7f299]{text-align:center;color:var(--text-secondary);padding:2rem;font-style:italic}@media (max-width:768px){.loading-more[data-v-0ac7f299]{padding:1.5rem}.end-message[data-v-0ac7f299]{padding:1.5rem;font-size:.9rem}.count-display[data-v-0ac7f299]{font-size:.9rem}}.illustration-detail-container[data-v-90260fa7]{max-width:1280px;color:var(--text-primary);margin:0 auto;padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.illustration-loading[data-v-90260fa7]{flex-direction:column;align-items:center;gap:2rem;padding:2rem;display:flex}.skeleton-artwork-large[data-v-90260fa7]{aspect-ratio:1.4;border-radius:12px;width:100%;max-width:600px;margin:2rem auto}.error-banner[data-v-90260fa7],.not-found-banner[data-v-90260fa7]{text-align:center;color:#c33;background-color:#fee;border:1px solid #fcc;border-radius:8px;max-width:600px;margin:2rem auto;padding:2rem 1.5rem}[data-theme=dark] .error-banner[data-v-90260fa7],[data-theme=dark] .not-found-banner[data-v-90260fa7]{color:#fca5a5;background-color:#7f1d1d;border-color:#fca5a5}.error-banner p[data-v-90260fa7],.not-found-banner p[data-v-90260fa7]{margin:0 0 1rem;font-size:1.1rem}.back-btn[data-v-90260fa7]{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:1rem}.back-btn[data-v-90260fa7]:hover{opacity:.9}.page-header[data-v-90260fa7]{margin-bottom:2rem}.back-link[data-v-90260fa7]{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;margin-bottom:1rem;padding:0;font-size:1rem;display:inline-flex}.back-link[data-v-90260fa7]:hover{color:var(--accent-color)}.header-info[data-v-90260fa7]{text-align:center}.card-name[data-v-90260fa7]{color:var(--text-primary);margin:0 0 1.5rem;font-size:2rem}.stats-row[data-v-90260fa7]{flex-wrap:wrap;justify-content:center;gap:3rem;display:flex}.stat-item[data-v-90260fa7]{flex-direction:column;align-items:center;display:flex}.stat-value[data-v-90260fa7]{color:var(--accent-color);font-size:2rem;font-weight:700}.stat-label[data-v-90260fa7]{color:var(--text-secondary);margin-top:.25rem;font-size:.9rem}.artwork-section[data-v-90260fa7]{text-align:center;max-width:900px;margin:2rem auto}.artwork-container[data-v-90260fa7]{background-color:var(--bg-secondary);border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 4px 12px #00000026}[data-theme=dark] .artwork-container[data-v-90260fa7]{box-shadow:0 4px 12px #0006}.artwork-container[data-v-90260fa7]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}[data-theme=dark] .artwork-container[data-v-90260fa7]:hover{box-shadow:0 8px 20px #00000080}.artwork-image[data-v-90260fa7]{width:100%;height:auto;display:block}.artwork-placeholder[data-v-90260fa7]{background:linear-gradient(135deg,var(--bg-primary)0%,var(--bg-secondary)100%);border:2px solid var(--border-color);border-radius:12px;padding:4rem 2rem;box-shadow:0 2px 8px #0000001a}[data-theme=dark] .artwork-placeholder[data-v-90260fa7]{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);box-shadow:0 2px 8px #0000004d}.placeholder-icon[data-v-90260fa7]{margin-bottom:1rem;font-size:4rem}.placeholder-text[data-v-90260fa7]{color:var(--text-secondary);margin:0;font-size:1rem}.cards-section[data-v-90260fa7]{margin-top:2rem}.section-title[data-v-90260fa7]{color:var(--text-primary);margin:0 0 1.5rem;font-size:1.5rem}.empty-state[data-v-90260fa7]{text-align:center;color:var(--text-secondary);background-color:var(--bg-primary);border-radius:8px;padding:2rem 1rem}.cards-grid[data-v-90260fa7]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.card-placeholder[data-v-90260fa7]{background:linear-gradient(135deg,var(--bg-primary)0%,var(--bg-secondary)100%);border:2px solid var(--border-color);border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 8px #0000001a}[data-theme=dark] .card-placeholder[data-v-90260fa7]{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);box-shadow:0 2px 8px #0000004d}.card-placeholder[data-v-90260fa7]:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}[data-theme=dark] .card-placeholder[data-v-90260fa7]:hover{box-shadow:0 8px 16px #0006}.card-header[data-v-90260fa7]{background-color:var(--accent-color);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.set-badge[data-v-90260fa7]{color:#fff;text-transform:uppercase;background-color:#fff3;border-radius:4px;padding:.25rem .5rem;font-size:.85rem;font-weight:600}.card-icon[data-v-90260fa7]{text-align:center;color:#fff;text-shadow:0 4px 8px #0003;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:2rem 0;font-size:6rem}.card-image-container[data-v-90260fa7]{background-color:#1a1a1a;justify-content:center;align-items:center;padding:1rem;display:flex}.card-image[data-v-90260fa7]{border-radius:8px;width:100%;height:auto;transition:transform .2s;display:block;box-shadow:0 4px 8px #0003}.card-image[data-v-90260fa7]:hover{transform:scale(1.02)}.card-info[data-v-90260fa7]{padding:1.5rem}.card-name-text[data-v-90260fa7]{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0 0 .5rem;font-size:1.25rem;font-weight:600;overflow:hidden}.card-set[data-v-90260fa7],.card-number[data-v-90260fa7]{color:var(--text-secondary);margin:0 0 .25rem;font-size:.95rem}.card-number[data-v-90260fa7]{font-family:monospace}.flavor-text[data-v-90260fa7]{border-left:3px solid var(--accent-color);color:var(--text-secondary);background-color:#0000000d;margin:1rem 0;padding:.75rem;font-size:.9rem;font-style:italic;line-height:1.4}[data-theme=dark] .flavor-text[data-v-90260fa7]{background-color:#ffffff0d}.scryfall-link[data-v-90260fa7]{color:var(--accent-color);margin-top:1rem;font-weight:500;text-decoration:none;display:inline-block}.scryfall-link[data-v-90260fa7]:hover{text-decoration:underline}@media (max-width:640px){.card-name[data-v-90260fa7]{font-size:1.5rem}.stats-row[data-v-90260fa7]{gap:1.5rem}.stat-value[data-v-90260fa7]{font-size:1.5rem}.cards-grid[data-v-90260fa7]{grid-template-columns:1fr}.artwork-section[data-v-90260fa7]{max-width:100%;margin:1.5rem auto}.artwork-placeholder[data-v-90260fa7]{padding:3rem 1.5rem}.placeholder-icon[data-v-90260fa7]{font-size:3rem}.error-banner[data-v-90260fa7],.not-found-banner[data-v-90260fa7]{margin:1rem}}.matches-container[data-v-438fbf57]{max-width:1280px;margin:0 auto;padding:2rem 1rem}.page-header[data-v-438fbf57]{text-align:center;margin-bottom:2rem}.page-header h1[data-v-438fbf57]{color:var(--text-primary);margin:0 0 .5rem;font-size:2.5rem}.subtitle[data-v-438fbf57]{color:var(--text-secondary);margin:0;font-size:1.1rem}.matches-loading[data-v-438fbf57]{flex-direction:column;gap:1rem;display:flex}.match-skeleton-entry[data-v-438fbf57]{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;padding:1rem}.skeleton-timeline[data-v-438fbf57]{border-radius:4px;width:150px;height:.75rem;margin-bottom:1rem}.match-content-skeleton[data-v-438fbf57]{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;display:grid}.player-skeleton[data-v-438fbf57]{flex-direction:column;align-items:center;gap:.5rem;display:flex}.skeleton-player-image[data-v-438fbf57]{border-radius:8px;width:168px;height:120px}.matches-list[data-v-438fbf57]{flex-direction:column;gap:1.5rem;display:flex}.match-entry[data-v-438fbf57]{background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;transition:box-shadow .2s;overflow:hidden}.match-entry[data-v-438fbf57]:hover{box-shadow:0 4px 12px #0000001a}.match-timestamp[data-v-438fbf57]{background-color:var(--timestamp-bg,#f5f5f5);color:var(--text-secondary);text-align:center;border-bottom:1px solid var(--border-color);padding:.75rem 1rem;font-size:.9rem}.match-content[data-v-438fbf57]{align-items:center;gap:0;display:flex}.player-section[data-v-438fbf57]{cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:1rem;padding:1.5rem;transition:background-color .2s;display:flex}.player-section[data-v-438fbf57]:hover{filter:brightness(.95)}.winner-section[data-v-438fbf57]{background-color:var(--winner-bg,#d4edda)}.loser-section[data-v-438fbf57]{background-color:var(--loser-bg,#e9ecef)}.badge[data-v-438fbf57]{font-size:2rem;line-height:1}.winner-badge[data-v-438fbf57]{filter:drop-shadow(0 2px 4px #0000001a)}.loser-badge[data-v-438fbf57]{opacity:.6}.player-image[data-v-438fbf57]{object-fit:cover;border-radius:8px;flex-shrink:0;width:168px;height:120px;box-shadow:0 2px 4px #0000001a}.player-name[data-v-438fbf57]{color:var(--text-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;margin:0;font-size:1.2rem;font-weight:600;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .2s;overflow:hidden}.player-section:hover .player-name[data-v-438fbf57]{-webkit-text-decoration-color:var(--text-primary);text-decoration-color:var(--text-primary)}.elo-changes[data-v-438fbf57]{align-items:center;gap:.5rem;font-family:monospace;font-size:1rem;display:flex}.elo-value[data-v-438fbf57]{color:var(--text-secondary)}.elo-delta[data-v-438fbf57]{font-size:1.1rem;font-weight:700}.elo-delta.positive[data-v-438fbf57]{color:var(--success-color,#28a745)}.elo-delta.negative[data-v-438fbf57]{color:var(--danger-color,#dc3545)}.vs-divider[data-v-438fbf57]{color:var(--text-secondary);background-color:var(--card-bg);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);justify-content:center;align-items:center;padding:0 1rem;font-size:1.2rem;font-weight:700;display:flex}[data-theme=dark] .match-entry[data-v-438fbf57]{background-color:var(--card-bg-dark,#2a2a2a);border-color:var(--border-color-dark,#444)}[data-theme=dark] .match-timestamp[data-v-438fbf57]{background-color:var(--timestamp-bg-dark,#1a1a1a)}[data-theme=dark] .winner-section[data-v-438fbf57]{background-color:var(--winner-bg-dark,#1e3d25)}[data-theme=dark] .loser-section[data-v-438fbf57]{background-color:var(--loser-bg-dark,#2d2d2d)}[data-theme=dark] .vs-divider[data-v-438fbf57]{background-color:var(--card-bg-dark,#2a2a2a);border-color:var(--border-color-dark,#444)}[data-theme=dark] .player-name[data-v-438fbf57]{color:var(--text-primary-dark,#fff)}[data-theme=dark] .elo-value[data-v-438fbf57]{color:var(--text-secondary-dark,#aaa)}@media (max-width:768px){.match-content[data-v-438fbf57]{flex-direction:column}.player-section[data-v-438fbf57]{border-bottom:1px solid var(--border-color);width:100%}.player-section[data-v-438fbf57]:last-child{border-bottom:none}.vs-divider[data-v-438fbf57]{border-left:none;border-right:none;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:.5rem}.elo-changes[data-v-438fbf57]{font-size:.9rem}}