:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#e9f3f5;background:#07121a;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.shell{display:flex;min-height:100vh}.sidebar{width:258px;flex-shrink:0;background:#0b1821;border-right:1px solid #20323c;padding:29px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;margin:2px 6px 48px}.brand b{font-size:18px;letter-spacing:2px}.brand small{display:block;color:#75a5a8;font-size:9px;letter-spacing:2px;margin-top:3px}.mark{height:43px;width:43px;border:1px solid #3d9f9b;border-radius:12px;display:grid;place-items:center;font-weight:900;color:#c4f5eb;font-size:20px;position:relative}.mark span,.orb span{font-size:11px;color:#64d4c5;position:absolute;top:2px;right:3px}.side-label,.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:750;color:#78949f}.side-label{margin:0 12px 17px}nav{display:grid;gap:8px}nav button{border:1px solid transparent;background:transparent;color:#8fa5ae;text-align:left;padding:13px 15px;border-radius:10px;display:flex;gap:12px;font-weight:650}nav button.active,nav button:hover{background:#142d35;border-color:#28555a;color:#d7fff4}.side-bottom{margin-top:auto;color:#a4d3ce;font-size:11px;letter-spacing:1px;padding:20px 10px;border-top:1px solid #22333b}.side-bottom small{display:block;color:#708f99;margin-top:8px}.dot{display:inline-block;width:7px;height:7px;background:#55d4b2;border-radius:50%;margin-right:5px}main{width:calc(100% - 258px);max-width:1700px;padding:36px clamp(18px,4vw,64px) 18px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px}h1{font-size:clamp(27px,3vw,40px);letter-spacing:-1px;margin:9px 0 4px}header p{color:#8da3ad;margin:0;font-size:13px}.header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.chip,.pill{font-size:10px;font-weight:800;letter-spacing:1px;color:#86c6bd;border:1px solid #2a625f;border-radius:6px;padding:8px 10px}.pill{padding:6px 9px}button.primary{background:#76d6c3;color:#072128;border:1px solid #76d6c3;padding:12px 18px;border-radius:9px;font-weight:800}button.primary:hover{background:#a2f1df}button.outline{background:#12232c;border:1px solid #33545a;border-radius:8px;color:#c5e8e3;padding:10px 14px}button.textbtn{background:none;border:0;color:#83ddcc}.view{display:none}.view.active{display:block}.hero{background:radial-gradient(ellipse at 80% 45%,#1b5553 0%,#102f38 36%,#0e222d 72%);border:1px solid #285057;border-radius:18px;padding:44px;display:flex;justify-content:space-between;align-items:center;min-height:305px;overflow:hidden}.hero>div:first-child{max-width:550px;z-index:1}.teal{color:#77d6c4}.hero h2{font-size:clamp(40px,5vw,70px);letter-spacing:-2px;line-height:1.04;margin:15px 0}.hero em{font-style:normal;color:#81d9c7}.hero p{color:#a9c1c5;font-size:14px;line-height:1.65;max-width:430px;margin-bottom:22px}.hero-art{width:270px;height:250px;display:grid;place-items:center;position:relative;flex-shrink:0}.orb{height:125px;width:125px;border:1px solid #77d6c4;border-radius:30px;display:grid;place-items:center;font-size:52px;font-weight:900;color:#c3fff2;box-shadow:0 0 90px #4ac7b638;transform:rotate(-8deg);position:relative}.orbit{position:absolute;border:1px solid #6dbcb045;border-radius:50%;height:210px;width:210px}.orbit.two{height:275px;width:275px;border-style:dashed}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:19px 0}.stats article,.panel{border:1px solid #243d47;background:#0d202a;border-radius:13px}.stats article{padding:20px}.stats label{display:block;font-size:10px;color:#7ea7ac;font-weight:800;letter-spacing:1px}.stats strong{display:block;font-size:30px;margin:10px 0 3px;letter-spacing:-1px}.stats small,.muted{color:#8fa9b0;font-size:12px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{padding:22px;min-width:0}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.panelhead h3,.sectiontitle{margin:0;font-size:18px}.panelhead p{color:#8aa8ae;font-size:12px;margin:6px 0 0}.empty{color:#8aa7ad;padding:28px;text-align:center;border:1px dashed #34505a;border-radius:10px;font-size:13px}.signal{border-top:1px solid #243e47;padding:13px 0}.signal b{color:#85ddc9;font-size:10px;letter-spacing:1px}.signal p{color:#a4b8bd;font-size:12px;line-height:1.6;margin:7px 0 0}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.filters label{flex:1;min-width:150px}label.field,.filters label{display:flex;flex-direction:column;gap:7px;color:#a9c2c6;font-size:12px;margin-bottom:14px}input,select,textarea{width:100%;background:#0a1922;border:1px solid #31505b;color:#e7f4f3;border-radius:8px;padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:#78d7c4}textarea{resize:vertical}.game-list{display:grid;gap:10px}.game{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:14px;border:1px solid #29434d;border-radius:10px;background:#102630}.game .teams{font-weight:700;font-size:14px}.game .meta{color:#91adb5;font-size:11px;margin-top:6px}.game .score{text-align:right;font-weight:800;font-size:18px}.game .status{text-align:right;color:#89cdbf;font-size:11px;margin-top:4px}.report-summary{color:#8fe1cc;margin-bottom:14px;font-size:13px}.notice{border-left:3px solid #70cabb;background:#122c33;padding:16px;margin-top:20px;border-radius:0 9px 9px 0}.notice p{color:#a5bdc0;font-size:12px;line-height:1.6}.footnote{color:#77959e;font-size:11px;line-height:1.6;margin-top:16px}.sectiontitle{margin:24px 0 12px}.research-item,.pred-item{border:1px solid #2b454f;border-radius:10px;padding:15px;margin-bottom:10px;background:#112731}.research-item h4,.pred-item h4{margin:0 0 6px}.research-item p,.pred-item p{font-size:12px;color:#aac1c5;white-space:pre-wrap;overflow-wrap:anywhere}.research-item small,.pred-item small{color:#83a5aa}.pred-item .actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.pred-item .actions button{border:1px solid #3a6168;background:#17333c;color:#b9e4dc;border-radius:6px;padding:6px 10px;font-size:11px}#alert:not(:empty){padding:13px 16px;border:1px solid #47736c;background:#133037;border-radius:9px;margin-bottom:18px;color:#b8e7dd;font-size:12px}footer{border-top:1px solid #253a44;margin-top:40px;padding:24px 0;color:#71969b;font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between;gap:12px}@media(max-width:1050px){.sidebar{width:210px}main{width:calc(100% - 210px)}.stats{grid-template-columns:repeat(2,1fr)}.twocol{grid-template-columns:1fr}.hero-art{width:160px}.orbit.two{width:180px;height:180px}.orbit.one{width:140px;height:140px}.orb{width:95px;height:95px;font-size:36px}}@media(max-width:690px){.shell{display:block}.sidebar{height:auto;width:100%;position:relative;padding:14px;border-right:0;border-bottom:1px solid #20323c}.brand{margin:0 0 14px}.side-label,.side-bottom{display:none}nav{display:flex;overflow:auto;gap:5px}nav button{flex-shrink:0;padding:9px 12px;font-size:11px}nav button span{white-space:nowrap}main{width:100%;padding:22px 15px}header{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.chip{font-size:9px}.hero{padding:25px;min-height:260px}.hero-art{display:none}.hero h2{font-size:45px}.stats{gap:9px}.stats article{padding:14px}.stats strong{font-size:24px}.panel{padding:16px}footer{flex-direction:column}}

#detail-panel[hidden]{display:none!important}#detail-panel{margin:24px 0;overflow-x:auto}.stats-table{overflow-x:auto;margin:12px 0 22px}.stats-row{display:flex;gap:10px;min-width:560px;padding:8px 0;border-bottom:1px solid rgba(170,190,210,.13);font-size:12px}.stats-row>*{min-width:52px;flex:1}.stats-row>*:first-child{min-width:145px;flex:2}.details-btn{margin-top:8px;font-size:11px}
/* V1.2 — CAPBROS official identity + sports team crests */
.mark-official{background:#05090d;border-color:#37646a;overflow:hidden;flex:none}
.mark-official img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:contrast(1.13)}
.hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 75% 40%,#185253 0%,#102d37 43%,#0c212b 80%)}
.hero-brand-art{display:flex;align-items:center;justify-content:center;position:relative;width:min(42%,420px);height:270px;flex-shrink:1;opacity:.85}
.hero-wordmark{width:128%;max-width:none;object-fit:contain;mix-blend-mode:screen;filter:contrast(1.18) brightness(1.12) drop-shadow(0 0 15px #a7e5df12)}
.hero-spark{position:absolute;width:52px;right:-1%;top:8%;object-fit:contain;opacity:.55;filter:drop-shadow(0 0 10px #ace5e544)}
.league-label{display:flex;align-items:center;gap:7px;color:#8ed8ca;font-size:11px;font-weight:750;letter-spacing:.4px;margin-bottom:10px}
.logo-shell{width:39px;height:39px;min-width:39px;display:inline-flex;align-items:center;justify-content:center;position:relative;border-radius:50%;background:#1c3640;border:1px solid #34545e;overflow:hidden}
.logo-shell img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;z-index:1;padding:3px}
.logo-shell img:not([hidden]) + .logo-fallback{visibility:hidden}
.logo-fallback{font-size:10px;color:#b9d7d5;font-weight:800}
.logo-shell.league-logo{width:23px;height:23px;min-width:23px;background:#162d37}
.logo-shell.league-logo .logo-fallback{font-size:8px}
.matchup{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.match-team{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1 135px;font-size:13px;font-weight:700}
.match-team span:not(.logo-shell):not(.logo-fallback){min-width:0}
.match-divider{color:#6f9da2;font-size:11px;font-weight:900}
.game-logo-card{grid-template-columns:minmax(0,1fr) auto;gap:12px;min-width:0}
.game-result{text-align:right}.game-result .status{text-align:right}
.signal-match .league-label{margin-bottom:7px}
.mini-match{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px;color:#b9d2d4}
.mini-match .logo-shell{height:27px;width:27px;min-width:27px}
.mini-match .versus{color:#74a39e;font-size:9px;font-weight:800}
@media(max-width:690px){.hero{padding:28px 25px 150px;min-height:410px}.hero>div:first-child{max-width:100%}.hero-brand-art{display:flex;position:absolute;bottom:4px;right:5px;width:87%;height:155px;opacity:.42;pointer-events:none;z-index:-1}.hero-wordmark{width:100%;max-width:100%}.hero-spark{width:33px;right:2%;top:8%}.game-logo-card{grid-template-columns:minmax(0,1fr) auto}.matchup{gap:6px}.match-team{flex:1 1 140px;font-size:12px}.match-divider{display:none}.logo-shell{width:32px;height:32px;min-width:32px}}