@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--poppy: #E8451A;--blue: #1A6FE8;--bg: #F5F2EE;--ink: #0F0F0F;--muted: #888;--border: #E0DDD8;--surface: #fff;--font-display: "Bebas Neue", sans-serif;--font-body: "Inter", sans-serif}html,body,#root{min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-body)}body{min-height:100vh}button,input,select,textarea{font:inherit}.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 44px;border-bottom:1px solid var(--border)}.nav-left{display:flex;align-items:center;gap:10px}.nav-rings{display:flex;gap:2px;align-items:center}.ring{width:11px;height:11px;border-radius:50%;border:2px solid}.r1{border-color:#0081c8}.r2{border-color:#fcb131}.r3{border-color:#444}.r4{border-color:#00a651}.r5{border-color:#ee334e}.nav-wordmark{font-family:var(--font-display);font-size:16px;letter-spacing:.08em;color:var(--ink)}.nav-right{font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.nav-right-group{display:flex;align-items:center;gap:16px}.nav-refresh{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:10px;font-weight:500;font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:color .15s,border-color .15s,background .15s}.nav-refresh:hover:not(:disabled){color:var(--ink);border-color:#b0ada8;background:#0f0f0f0a}.nav-refresh:disabled{opacity:.4;cursor:not-allowed}.nav-refresh-busy{color:var(--muted);opacity:.7}.nav-spinner{display:inline-block;width:9px;height:9px;border:1.5px solid var(--border);border-top-color:var(--muted);border-radius:50%;animation:fab-spin .7s linear infinite;flex-shrink:0}@keyframes fab-spin{to{transform:rotate(360deg)}}.hero{padding:52px 44px 36px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between}.hero-content{flex:1}.hero-image{max-width:500px;max-height:320px;margin-top:30px;margin-right:10%;margin-left:30px;object-fit:contain}.hero-kicker{font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--poppy);margin-bottom:16px}.hero-h{font-family:var(--font-display);font-size:clamp(56px,11vw,108px);line-height:.88;color:var(--ink);margin-bottom:20px;letter-spacing:.01em}.hero-h em{color:var(--poppy);font-style:normal}.hero-body{font-size:14px;color:var(--muted);line-height:1.7;max-width:400px;font-weight:300}.agent-strip{display:flex;gap:0;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.agent-strip::-webkit-scrollbar{display:none}.agent-item{flex:1;min-width:120px;padding:14px 20px;border-right:1px solid var(--border);cursor:default}.agent-item:last-child{border-right:none}.ai-name{font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.ai-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:400}.dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.dot-idle{background:var(--border)}.dot-done{background:#22c55e}.dot-live{background:var(--poppy);animation:blink 1s ease-in-out infinite}.dot-error{background:#dc2626}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.data-banner{padding:10px 44px;background:#fff8f0;border-bottom:1px solid #FFD5C8;font-size:12px;color:#a03010;letter-spacing:.04em}.error-toast{position:fixed;top:18px;right:18px;z-index:40;width:min(360px,calc(100vw - 36px));padding:14px 16px;border:1px solid #FFD5C8;border-radius:10px;background:#fff8f6f5;color:#a03010;box-shadow:0 18px 48px #0f0f0f1f;opacity:0;transform:translateY(-10px) scale(.98);transition:opacity .32s ease,transform .32s ease;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.error-toast-visible{opacity:1;transform:translateY(0) scale(1)}.error-toast-label{font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}.error-toast-body{font-size:12px;line-height:1.65}#root{padding:0 12px}.layout{display:grid;grid-template-columns:1fr 629px;min-height:calc(100vh - 57px);align-items:start}@media(max-width:900px){.layout{grid-template-columns:1fr}}.left{border-right:1px solid var(--border);position:sticky;top:57px;height:calc(100vh - 57px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.left::-webkit-scrollbar{display:none}.sport-row{display:flex;align-items:center;padding:20px 28px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s;gap:20px;position:relative;width:100%;background:transparent;border-left:none;border-right:none;border-top:none;text-align:left}.sport-row:hover{background:#e8451a08}.sport-row.active{background:#fff}.sport-row.active:after{content:"";position:absolute;right:-1px;top:0;bottom:0;width:2px;background:var(--poppy)}.sr-rank{font-family:var(--font-display);font-size:32px;color:var(--border);min-width:36px;line-height:1;-webkit-user-select:none;user-select:none}.sport-row.active .sr-rank{color:var(--poppy)}.sr-body{flex:1;min-width:0}.sr-name{font-family:var(--font-display);font-size:22px;letter-spacing:.03em;line-height:1;margin-bottom:3px}.sr-sub{font-size:11px;color:var(--muted);font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-right{text-align:right;flex-shrink:0}.sr-score{font-family:var(--font-display);font-size:38px;line-height:1}.sr-tier{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;margin-top:1px}.t-fire .sr-score,.t-fire .sr-tier{color:var(--poppy)}.t-rise .sr-score,.t-rise .sr-tier{color:var(--blue)}.t-build .sr-score,.t-build .sr-tier{color:#888}.sport-row:before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:2px;border-radius:2px;opacity:0}.t-fire.active:before,.t-fire:hover:before{opacity:1;background:var(--poppy)}.t-rise.active:before,.t-rise:hover:before{opacity:1;background:var(--blue)}.t-build.active:before,.t-build:hover:before{opacity:1;background:#aaa}.badge{display:inline-block;font-size:9px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:1px 6px;border-radius:2px;margin-left:6px;vertical-align:middle}.badge-para{background:#eef3ff;color:var(--blue)}.badge-new{background:#fff0eb;color:var(--poppy)}.tier-div{padding:10px 28px 6px;background:var(--bg);border-bottom:1px solid var(--border)}.tier-div-label{font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.right{padding:32px 40px;display:flex;flex-direction:column;gap:0;background:var(--surface);position:sticky;top:57px;max-height:calc(100vh - 57px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.right::-webkit-scrollbar{display:none}.panel-sport-name{font-family:var(--font-display);font-size:50px;line-height:.9;margin-bottom:10px}.panel-score-row{display:flex;align-items:baseline;gap:10px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}.panel-score{font-family:var(--font-display);font-size:84px;line-height:1;color:var(--poppy)}.panel-ci{font-size:13px;color:var(--muted);align-self:flex-end;padding-bottom:12px}.signals{display:flex;flex-direction:column;gap:16px;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--border)}.sig-row{display:flex;align-items:center;gap:14px}.sig-label{font-size:13px;font-weight:400;color:#555;min-width:130px;letter-spacing:.01em}.sig-track{flex:1;height:3px;background:var(--border);border-radius:3px;overflow:hidden}.sig-fill{height:3px;border-radius:3px;transition:width .6s cubic-bezier(.16,1,.3,1)}.sig-val{font-size:14px;font-weight:600;min-width:28px;text-align:right;color:var(--ink)}.conflict-flag{background:#fff8f6;border:1px solid #FFD5C8;border-radius:8px;padding:14px 16px;margin-bottom:24px;font-size:13px;line-height:1.65;color:#a03010}.no-conflict{background:#f6fff8;border:1px solid #C8FFDA;border-radius:8px;padding:14px 16px;margin-bottom:24px;font-size:13px;line-height:1.65;color:#127a3a}.narrative{font-size:16px;font-weight:300;line-height:1.85;color:#333;font-style:italic;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--border)}.para-block{margin-bottom:24px}.para-label{font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.para-grade{font-family:var(--font-display);font-size:34px;color:var(--blue);display:inline-block;margin-right:10px}.para-note{font-size:13px;color:#555;font-weight:300;line-height:1.7}.para-note-muted{color:#aaa}.gcloud{margin-top:auto;padding-top:20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px}.gdots{display:flex;gap:3px}.gd{width:8px;height:8px;border-radius:50%}.gcloud-text{font-size:10px;color:var(--muted);letter-spacing:.04em}.sport-row-skeleton{display:flex;align-items:center;padding:20px 28px;border-bottom:1px solid var(--border);gap:20px}.sport-row-skeleton-body{flex:1;display:flex;flex-direction:column;gap:8px}.skel{background:var(--border);border-radius:4px;animation:shimmer 1.4s infinite linear}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.45}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.right>*{animation:fadeIn .25s ease both}@media(max-width:900px){.layout{grid-template-columns:1fr}.left{position:static;height:auto;overflow-y:visible}.right{position:static;max-height:none;overflow-y:visible;border-top:1px solid var(--border)}}@media(max-width:600px){#root{padding:0 4px}.nav{padding:16px 24px}.hero{padding:40px 24px 28px;flex-direction:column;align-items:flex-start;gap:24px}.hero-image{margin-right:0;margin-left:0;max-width:200px;margin-top:0}.hero-body{max-width:none}.error-toast{top:14px;right:14px;width:min(100vw - 28px,360px)}.sport-row,.sport-row-skeleton{padding:18px 20px;gap:14px}.tier-div{padding:10px 20px 6px}.right{padding:24px 20px}.panel-sport-name{font-size:38px}.panel-score{font-size:64px}.sig-label{min-width:100px;font-size:11px}.narrative{font-size:14px}}.vibe-container{display:flex;flex-direction:column;gap:20px;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--border)}.vibe-headline{font-family:var(--font-display);font-size:32px;line-height:1.1;color:var(--ink);letter-spacing:.02em}.vibe-why-watch p,.vibe-prediction p{font-size:15px;line-height:1.6;color:#333}.vibe-label{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--poppy);margin-bottom:4px}.vibe-story{font-size:16px;font-weight:300;line-height:1.7;color:#111;font-style:italic}.vibe-fan-signal{background:#fff8f0;border-left:3px solid var(--poppy);padding:16px 20px;font-size:14px;font-weight:500;color:#a03010;display:flex;gap:12px;align-items:center;border-radius:0 8px 8px 0}.vibe-fan-icon{font-size:20px}
