@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{--bg:#080a12;--surface:#101321;--surface2:#15192a;--line:rgba(255,255,255,.08);--text:#f5f7fb;--muted:#8b91a7;--violet:#8267ff;--cyan:#47d7ff;--lime:#b8f34b;--amber:#ffbd59;--danger:#ff6b7a;--radius:20px;--shadow:0 24px 80px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;min-height:100vh;overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}.ambient{position:fixed;pointer-events:none;filter:blur(100px);opacity:.12;border-radius:50%;z-index:-1}.ambient-one{width:520px;height:520px;background:var(--violet);right:-120px;top:-180px}.ambient-two{width:440px;height:440px;background:#1fbda3;left:-240px;top:680px}.topbar{height:74px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:42px;padding:0 max(24px,calc((100vw - 1280px)/2));background:rgba(8,10,18,.82);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:600;letter-spacing:-.4px;white-space:nowrap}.brand b{color:var(--lime)}.brand-mark{width:30px;height:30px;display:flex;gap:3px;align-items:flex-end;justify-content:center;padding:6px;border:1px solid rgba(184,243,75,.35);border-radius:9px;background:rgba(184,243,75,.06)}.brand-mark i{display:block;width:4px;border-radius:4px;background:var(--lime);transform:skew(-11deg)}.brand-mark i:nth-child(1){height:10px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:13px}.main-nav{display:flex;height:100%;gap:4px}.nav-link{position:relative;border:0;background:none;padding:0 15px;font-weight:600;font-size:14px;color:var(--muted);cursor:pointer}.nav-link:hover,.nav-link.active{color:#fff}.nav-link.active:after{content:"";position:absolute;bottom:-1px;left:14px;right:14px;height:2px;background:var(--lime);box-shadow:0 0 12px var(--lime)}.sync-pill{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px;color:#c7cad7;border:1px solid var(--line);background:rgba(255,255,255,.025);padding:9px 12px;border-radius:999px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(184,243,75,.08)}.menu-toggle{display:none;border:0;background:none;margin-left:auto;font-size:24px}.hero{max-width:1280px;margin:0 auto;padding:86px 24px 64px;display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center;min-height:530px}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:800;color:var(--lime)}h1,h2{font-family:'Space Grotesk',sans-serif;margin:0;letter-spacing:-.045em}h1{font-size:clamp(44px,6vw,78px);line-height:.98;margin-top:18px;max-width:900px}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.42)}.hero-copy>p{max-width:680px;color:#a9aec0;line-height:1.7;font-size:16px;margin:26px 0 30px}.hero-actions{display:flex;gap:12px}.primary-button,.ghost-button{border-radius:11px;padding:14px 18px;font-weight:700;cursor:pointer;border:1px solid transparent}.primary-button{background:var(--lime);color:#11160b}.primary-button:hover{box-shadow:0 0 35px rgba(184,243,75,.2);transform:translateY(-1px)}.primary-button span{margin-left:22px}.ghost-button{background:rgba(255,255,255,.03);border-color:var(--line)}.ghost-button:hover{background:rgba(255,255,255,.07)}.hero-panel{border:1px solid var(--line);border-radius:28px;padding:18px;background:linear-gradient(145deg,rgba(130,103,255,.10),rgba(255,255,255,.015));box-shadow:var(--shadow)}.radar-head,.radar-meta{display:flex;justify-content:space-between;color:var(--muted);font-weight:700;font-size:10px;letter-spacing:.12em}.live-label{color:var(--lime)}.live-label i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:5px}.radar-orbit{width:250px;height:250px;margin:14px auto;position:relative;border-radius:50%;overflow:hidden;background:repeating-radial-gradient(circle,transparent 0 38px,rgba(255,255,255,.08) 39px 40px),linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.07) 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,rgba(255,255,255,.07) 50%,transparent 50.3%)}.radar-sweep{position:absolute;inset:0;background:conic-gradient(from 0deg,transparent 0 70%,rgba(184,243,75,.22) 92%,rgba(184,243,75,.55));animation:sweep 5s linear infinite;transform-origin:center;border-radius:50%}.radar-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:#131724;border:1px solid rgba(184,243,75,.45);font-weight:800;color:var(--lime);box-shadow:0 0 40px rgba(184,243,75,.16)}.dot{position:absolute;width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan)}.d1{top:42px;left:106px}.d2{bottom:64px;right:42px}.d3{bottom:85px;left:44px;background:var(--violet);box-shadow:0 0 12px var(--violet)}.radar-meta{letter-spacing:0;text-transform:none;font-weight:500}.radar-meta b{display:block;color:#fff;font-size:21px;margin-bottom:2px}.radar-meta span:last-child{text-align:right}@keyframes sweep{to{transform:rotate(360deg)}}.metrics{max-width:1280px;margin:0 auto;padding:0 24px 72px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metrics article{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.025);border:1px solid var(--line);padding:18px;border-radius:15px}.metrics b{display:block;font-family:'Space Grotesk';font-size:24px}.metrics small{color:var(--muted);font-size:11px}.metric-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:18px}.purple{color:#a695ff;background:rgba(130,103,255,.12)}.cyan{color:var(--cyan);background:rgba(71,215,255,.1)}.lime{color:var(--lime);background:rgba(184,243,75,.1)}.amber{color:var(--amber);background:rgba(255,189,89,.1)}.workspace{max-width:1280px;margin:0 auto;padding:0 24px 90px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;padding-top:25px;margin-bottom:22px}.section-heading h2{font-size:clamp(28px,4vw,42px);margin-top:9px}.result-count{font-size:12px;color:var(--muted);padding-bottom:6px}.filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:10px;background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:17px;padding:12px;margin-bottom:24px}.filters label{height:50px;border-radius:10px;background:#0b0e18;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;justify-content:center;padding:0 13px}.filters label>span{font-size:9px;text-transform:uppercase;color:#686f85;font-weight:700;letter-spacing:.08em}.filters select,.filters input{width:100%;border:0;background:transparent;color:#f3f5fb;outline:0;margin-top:3px;font-weight:600;font-size:12px}.filters select option{background:#101321}.search-box{flex-direction:row!important;align-items:center;justify-content:flex-start!important;gap:10px}.search-box>span{font-size:22px!important;color:var(--muted)!important}.search-box input{font-size:14px;margin:0}.content-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.player-card{position:relative;min-width:0;border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,#15192a,#0d0f19);overflow:hidden;transition:.25s;cursor:pointer}.player-card:hover{transform:translateY(-5px);border-color:rgba(184,243,75,.28);box-shadow:0 22px 50px rgba(0,0,0,.32)}.card-visual{height:252px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 58%,rgba(130,103,255,.16),transparent 58%)}.card-visual:after{content:"";position:absolute;left:15%;right:15%;bottom:11px;height:22px;background:#000;filter:blur(17px);opacity:.55}.card-visual img{width:95%;height:95%;object-fit:contain;position:relative;z-index:1}.rating-badge{position:absolute;top:13px;left:13px;z-index:2;padding:7px 8px;border-radius:10px;background:rgba(8,10,18,.78);backdrop-filter:blur(12px);font-family:'Space Grotesk';font-weight:800;font-size:17px;border:1px solid rgba(255,255,255,.1)}.source-badge{position:absolute;right:10px;top:12px;z-index:2;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px rgba(184,243,75,.7)}.fallback-card{width:150px;height:205px;display:grid;place-items:center;clip-path:polygon(12% 0,88% 0,100% 9%,94% 84%,50% 100%,6% 84%,0 9%);background:linear-gradient(145deg,#ddd0a7,#8a7443);color:#2b2518;font:800 43px 'Space Grotesk';position:relative}.card-body{padding:3px 14px 14px}.card-title{font-family:'Space Grotesk';font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{display:flex;justify-content:space-between;gap:5px;margin:5px 0 12px;color:var(--muted);font-size:10px}.card-price{padding-top:11px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:end}.card-price span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.card-price b{font-size:13px;color:#fff}.card-price b.no-price{color:#6f758a;font-weight:500}.empty-state{grid-column:1/-1;border:1px dashed rgba(255,255,255,.14);border-radius:20px;padding:70px 24px;text-align:center;background:rgba(255,255,255,.015)}.empty-state .empty-icon{width:64px;height:64px;border:1px solid var(--line);border-radius:18px;display:grid;place-items:center;margin:0 auto 18px;font-size:26px;color:var(--lime)}.empty-state h3{font:700 24px 'Space Grotesk';margin:0 0 9px}.empty-state p{color:var(--muted);max-width:560px;margin:0 auto;line-height:1.6}.data-row{grid-column:1/-1;display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025)}.data-row img{width:72px;height:72px;object-fit:contain}.data-row h3{font:700 17px 'Space Grotesk';margin:0 0 6px}.data-row p{margin:0;color:var(--muted);font-size:12px}.data-row .row-price{text-align:right}.data-row .row-price b{font-size:17px}.pagination{display:flex;justify-content:center;gap:7px;margin-top:28px}.pagination button{border:1px solid var(--line);background:var(--surface);min-width:36px;height:36px;border-radius:9px;cursor:pointer}.pagination button.active{background:var(--lime);color:#10140a;border-color:var(--lime)}footer{border-top:1px solid var(--line);max-width:1232px;margin:0 auto;padding:34px 0 50px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}footer p{max-width:560px;text-align:right;line-height:1.5}dialog{width:min(620px,calc(100% - 30px));border:1px solid var(--line);border-radius:22px;background:#111421;color:#fff;padding:30px;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(5px)}dialog h2{font-size:32px;margin:8px 0 14px}dialog>p{color:var(--muted);line-height:1.6;font-size:13px}.dialog-close{position:absolute;right:16px;top:14px;border:0;background:none;font-size:27px;cursor:pointer}.source-list{display:grid;gap:8px;margin-top:20px}.source-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:11px}.source-item .status{width:9px;height:9px;border-radius:50%;background:#4b5060}.source-item.ready .status{background:var(--lime);box-shadow:0 0 11px rgba(184,243,75,.5)}.source-item b{font-size:13px}.source-item small{display:block;color:var(--muted);margin-top:3px}.dialog-note{margin-top:18px;background:#0b0e18;border-radius:11px;padding:13px;color:var(--muted);font-size:11px;line-height:1.6}.dialog-note code{color:var(--lime)}.skeleton{min-height:330px;border-radius:18px;background:linear-gradient(100deg,#10131f 20%,#171b2a 35%,#10131f 50%);background-size:300% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-100% 0}}
@media(max-width:1050px){.content-grid{grid-template-columns:repeat(4,1fr)}.hero{gap:30px}.filters{grid-template-columns:1.6fr repeat(3,1fr)}}
@media(max-width:820px){.topbar{padding:0 18px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:74px;left:0;right:0;height:auto;padding:10px 18px;background:#0b0e17;flex-direction:column;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.nav-link{padding:13px;text-align:left}.nav-link.active:after{display:none}.sync-pill{display:none}.hero{grid-template-columns:1fr;padding-top:58px}.hero-panel{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr 1fr}.search-box{grid-column:1/-1}.content-grid{grid-template-columns:repeat(3,1fr)}.card-visual{height:235px}footer{margin:0 24px}}
@media(max-width:570px){h1{font-size:42px}.hero{padding:46px 18px}.hero-actions{flex-direction:column}.metrics{padding:0 18px 58px;gap:8px}.metrics article{padding:13px}.metrics b{font-size:20px}.workspace{padding-left:18px;padding-right:18px}.section-heading{align-items:flex-start;flex-direction:column;gap:9px}.filters{grid-template-columns:1fr}.search-box{grid-column:auto}.content-grid{grid-template-columns:repeat(2,1fr);gap:9px}.card-visual{height:205px}.card-body{padding:2px 10px 12px}.card-title{font-size:14px}.data-row{grid-template-columns:55px 1fr}.data-row img{width:55px;height:55px}.data-row .row-price{grid-column:2;text-align:left}footer{align-items:flex-start;gap:20px;flex-direction:column}footer p{text-align:left;margin:0}.source-badge{display:none}}