@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Manrope:wght@400;500;600;700&display=swap";:root{--cobalt: #0047ab;--slate: #708090;--copper: #b87333;--white: #ffffff;--surface: color-mix(in srgb, var(--white) 92%, var(--slate));--text-main: var(--cobalt);--text-muted: color-mix(in srgb, var(--cobalt) 60%, var(--white));--slate-dark: var(--cobalt)}.app-shell{min-height:100vh;padding:clamp(1rem,3vw,2.5rem);color:var(--cobalt);background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--copper) 24%,white) 0%,transparent 30%),radial-gradient(circle at 12% 86%,color-mix(in srgb,var(--cobalt) 16%,white) 0%,transparent 34%),linear-gradient(150deg,color-mix(in srgb,var(--white) 94%,var(--slate)),color-mix(in srgb,var(--white) 88%,var(--slate)))}.top-banner{display:flex;align-items:stretch;justify-content:space-between;gap:.55rem;margin:0 auto 1rem;max-width:min(100%,1600px);height:117px;padding:0;border-radius:12px;border:2px solid var(--copper);background:var(--slate);color:var(--white);box-shadow:0 12px 28px color-mix(in srgb,var(--cobalt) 18%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:visible;animation:panelIn .52s ease-out}.brand{display:inline-flex;align-items:stretch;height:100%;margin:0;padding:0;flex:0 0 auto;text-decoration:none}.brand-logo{width:auto;height:100%;max-height:none;object-fit:contain;background:transparent;padding:0;display:block;margin:0;flex:0 0 auto;transform:scale(1.5);transform-origin:left center}.banner-nav{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;padding-right:.7rem}.banner-link{text-decoration:none;color:#fff;border:1px solid color-mix(in srgb,var(--copper) 58%,white);border-radius:999px;padding:.42rem .8rem;font-size:.85rem;font-weight:700;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.banner-link:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--copper) 25%,var(--slate))}.banner-link.active{background:var(--cobalt);color:#fff;border-color:color-mix(in srgb,var(--copper) 45%,white)}.panel{max-width:min(100%,1600px);margin:0 auto;background:color-mix(in srgb,var(--surface) 92%,var(--white));border:2px solid var(--copper);border-radius:22px;box-shadow:0 22px 50px color-mix(in srgb,var(--cobalt) 24%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:visible;animation:panelIn .56s ease-out}.panel-header{padding:clamp(1.1rem,2.5vw,1.6rem) clamp(1.1rem,2.5vw,1.8rem);border-bottom:1px solid color-mix(in srgb,var(--slate) 20%,white);background:linear-gradient(100deg,color-mix(in srgb,var(--cobalt) 13%,white),color-mix(in srgb,var(--slate) 12%,white) 70%),linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--copper) 10%,white) 100%)}.panel-header h1{margin:0;font-family:Space Grotesk,Manrope,sans-serif;letter-spacing:.02em;font-size:clamp(1.35rem,3vw,1.9rem);color:var(--cobalt)}.status{margin:1rem 1.5rem .8rem;color:var(--text-main);font-size:.95rem;font-weight:500}.status.error{color:var(--copper)}.filters{display:grid;gap:.55rem;margin:1.2rem 1.5rem .8rem;max-width:520px;animation:sectionIn .64s ease-out}.filters label{font-family:Space Grotesk,Manrope,sans-serif;font-size:calc(.84rem + 6px);letter-spacing:.07em;text-transform:uppercase;color:var(--cobalt);font-weight:700}.filters input{border:1px solid color-mix(in srgb,var(--slate) 45%,white);border-radius:14px;padding:.8rem .95rem;font-size:calc(.97rem + 6px);font-weight:500;color:var(--text-main);background:color-mix(in srgb,var(--surface) 92%,var(--white));transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.player-filter-wrap{position:relative}.player-options-list{position:absolute;top:calc(100% + .3rem);left:0;right:0;z-index:8;margin:0;padding:.25rem;list-style:none;max-height:300px;overflow-y:auto;border:2px solid var(--copper);border-radius:12px;background:var(--white);box-shadow:0 10px 24px color-mix(in srgb,var(--cobalt) 20%,transparent)}.player-options-list::-webkit-scrollbar{width:10px}.player-options-list::-webkit-scrollbar-track{background:color-mix(in srgb,var(--white) 86%,var(--slate));border-radius:999px}.player-options-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--slate) 70%,var(--cobalt));border-radius:999px}.player-option-button{display:block;width:100%;border:0;background:transparent;text-align:left;cursor:pointer;color:var(--cobalt);font-size:calc(.97rem + 6px);font-weight:600;border-radius:10px;padding:.46rem .62rem}.player-option-button:hover,.player-option-button:focus-visible{outline:none;background:color-mix(in srgb,var(--copper) 16%,var(--white))}.filters input:focus{border-color:var(--cobalt);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--cobalt) 24%,white);transform:translateY(-1px)}.player-card-stack{margin:.95rem 1.5rem .75rem;display:grid;gap:.65rem}.player-card{margin:0;border-radius:18px;border:2px solid var(--copper);background:var(--slate);color:var(--white);box-shadow:inset 0 1px color-mix(in srgb,var(--white) 60%,transparent),0 10px 26px color-mix(in srgb,var(--cobalt) 14%,transparent);overflow:hidden;animation:sectionIn .52s ease-out}.player-card-title{margin:0;padding:.7rem 1.05rem 0;color:var(--cobalt);font-family:Space Grotesk,Manrope,sans-serif;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.player-card-header{padding:1rem 1.1rem .5rem}.player-card-kicker{margin:0;color:var(--white);font-family:Space Grotesk,Manrope,sans-serif;text-transform:uppercase;font-weight:700;letter-spacing:.08em;font-size:.72rem}.player-card-header h2{margin:.18rem 0 0;color:var(--white);font-size:clamp(1.08rem,2.2vw,1.35rem);font-family:Space Grotesk,Manrope,sans-serif;letter-spacing:.02em}.player-card-subtitle{margin:.24rem 0 0;color:var(--white);font-size:.86rem;font-weight:600}.player-card-metrics{display:grid;grid-template-columns:repeat(5,minmax(72px,.62fr));justify-content:start;gap:.55rem;padding:.85rem 1.05rem 1.05rem}.player-metric{border-radius:12px;border:1px solid color-mix(in srgb,var(--slate) 24%,white);background:color-mix(in srgb,var(--white) 90%,var(--slate));box-shadow:0 6px 14px color-mix(in srgb,var(--cobalt) 10%,transparent);padding:.84rem .42rem;color:var(--slate-dark)}.metric-label{margin:0;font-size:.96rem;letter-spacing:.08em;font-family:Space Grotesk,Manrope,sans-serif;font-weight:700;color:var(--slate-dark)}.metric-value{margin:.24rem 0 0;font-size:clamp(1.38rem,2.7vw,1.78rem);color:var(--slate-dark);font-weight:800}.table-wrap{width:auto;overflow:visible;margin:.2rem 1.5rem 1rem;border:1px solid color-mix(in srgb,var(--slate) 30%,white);border-radius:12px;border-top:1px solid color-mix(in srgb,var(--slate) 20%,white)}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{white-space:nowrap;padding:.68rem .88rem;border-bottom:1px solid color-mix(in srgb,var(--slate) 20%,white);border-right:1px solid color-mix(in srgb,var(--slate) 20%,white)}th{position:sticky;top:0;z-index:3;background:linear-gradient(180deg,color-mix(in srgb,var(--slate) 92%,var(--white)),color-mix(in srgb,var(--slate) 100%,var(--cobalt)));text-align:left;font-family:Space Grotesk,Manrope,sans-serif;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;font-weight:700;color:#fff}tbody tr:nth-child(2n){background:color-mix(in srgb,var(--slate) 6%,white)}tbody tr:hover{background:color-mix(in srgb,var(--copper) 14%,white)}tbody td:last-child{font-weight:700;color:color-mix(in srgb,var(--copper) 78%,var(--cobalt))}@keyframes panelIn{0%{opacity:0;transform:translateY(18px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sectionIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes logoIn{0%{opacity:0;transform:translateY(-10px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.app-shell{padding:.9rem}.top-banner{height:96px;padding:0;border-radius:10px}.brand-logo{width:auto;height:100%;max-height:none}.banner-link{font-size:.8rem;padding:.35rem .65rem}.panel{border-radius:16px}.panel-header,.filters,.player-card-stack,.status,.table-wrap{margin-left:1rem;margin-right:1rem}.player-card-metrics{grid-template-columns:repeat(2,minmax(86px,.72fr));justify-content:start}}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Manrope,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#0047ab;background:#fff}