:root{--lime:#53fc18;--bg:#020504;--panel:#07110d;--panel2:#091712;--line:rgba(83,252,24,.18);--line2:rgba(83,252,24,.48);--white:#f4fff9;--muted:#8da39a;--warn:#f5d354}
body{background:radial-gradient(circle at 50% -10%,rgba(83,252,24,.1),transparent 34rem),var(--bg);font-family:"Sora","Segoe UI",sans-serif}.shell{width:min(calc(100% - 48px),1220px)}
.topbar{position:sticky;top:0;background:rgba(2,5,4,.92);backdrop-filter:blur(16px)}.brand-wordmark{gap:0;font-family:"Space Grotesk",system-ui,sans-serif;font-size:1.08rem;font-weight:500;letter-spacing:-.055em}.brand-symbol{width:42px;height:42px;margin-right:10px;flex:0 0 auto}.word-part{color:#f3fff5}.word-data{color:#75ff9b}
.analyzer-page{min-height:calc(100vh - 150px);padding:55px 0 90px}.analyzer-intro{text-align:center}.eyebrow{margin:0;color:var(--lime);font-family:"IBM Plex Mono",monospace;font-size:.65rem;font-weight:500;letter-spacing:.18em}.analyzer-intro h1{margin:12px 0 8px;font-family:"Space Grotesk",system-ui,sans-serif;font-size:clamp(2.8rem,7vw,5.7rem);font-weight:500;line-height:.88;letter-spacing:-.075em}.analyzer-intro h1 span{color:#75ff9b}.analyzer-intro>p:not(.eyebrow){max-width:730px;margin:0 auto;color:var(--muted);font-family:"Space Grotesk",system-ui,sans-serif;font-size:.92rem;line-height:1.7}.coverage-line{display:inline-flex;margin-top:18px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;color:#9bb2a8;background:rgba(8,20,15,.7);font-size:.65rem}
.selector-card{width:min(810px,100%);margin:34px auto 48px;padding:22px;border:1px solid var(--line2);border-radius:18px;background:linear-gradient(145deg,rgba(8,25,17,.98),rgba(2,9,6,.98));box-shadow:0 25px 70px rgba(0,0,0,.35)}.selector-card label{display:grid;gap:7px}.selector-card label>span{color:#71887f;font-size:.58rem;font-weight:800;letter-spacing:.13em}.selector-card select{width:100%;min-height:49px;padding:0 13px;border:1px solid var(--line);border-radius:10px;color:var(--white);background:#020805;font:600 .78rem "Sora"}.selector-card select:focus{outline:2px solid rgba(83,252,24,.3);border-color:var(--lime)}.team-selectors{display:grid;grid-template-columns:1fr 38px 1fr;align-items:end;gap:12px;margin-top:17px}.team-selectors>b{padding-bottom:15px;color:#65766e;text-align:center;font-size:.65rem}.selector-foot{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:22px;padding-top:17px;border-top:1px solid var(--line)}.selector-foot button{min-height:48px;padding:0 25px;border:0;border-radius:10px;color:#061005;background:var(--lime);box-shadow:0 8px 28px rgba(83,252,24,.18);font:800 .76rem "Sora";cursor:pointer}.selector-foot button:disabled{opacity:.3;box-shadow:none;cursor:not-allowed}
.loading-card{display:flex;align-items:center;justify-content:center;gap:12px;min-height:120px;color:var(--muted)}.loading-card span{width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--lime);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}
.analysis-workspace{margin-top:8px}.match-hero{padding:28px;border:1px solid var(--line2);border-radius:18px 18px 0 0;background:linear-gradient(135deg,#092219,#04100b)}.match-meta{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.match-meta span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:#92a89e;font-size:.62rem}.match-title{display:grid;grid-template-columns:1fr 62px 1fr;align-items:center;gap:24px;padding:34px 5% 28px}.match-title .away{text-align:right}.match-title small{color:var(--lime);font-size:.59rem;font-weight:800;letter-spacing:.16em}.match-title h2{margin:6px 0 0;font-size:clamp(1.8rem,5vw,3.7rem);line-height:1.05;letter-spacing:-.045em}.match-title>b{display:grid;width:56px;height:56px;place-items:center;border:1px solid var(--line2);border-radius:50%;color:var(--lime);font-size:.7rem}.health-row{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.health-pill{padding:6px 9px;border:1px solid var(--line);border-radius:8px;color:#96aaa1;font-size:.61rem}.health-pill:before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--lime)}.health-pill.pending:before{background:var(--warn)}
.module-tabs{position:sticky;z-index:4;top:70px;display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));overflow-x:auto;border-inline:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(3,10,7,.95);backdrop-filter:blur(14px)}.module-tabs button{padding:17px 10px;border:0;border-bottom:2px solid transparent;color:#82968d;background:transparent;font:750 .7rem "Sora";cursor:pointer}.module-tabs button.active,.module-tabs button:hover{border-color:var(--lime);color:var(--lime);background:rgba(83,252,24,.04)}.module-content{min-height:430px;padding-top:18px}.module-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:16px 2px}.module-head h2{margin:0 0 5px;font-size:1.45rem}.module-head p{margin:0;color:var(--muted);font-size:.72rem}.module-head span{color:#789087;font-size:.63rem}
.data-panel{overflow:hidden;margin-bottom:13px;border:1px solid var(--line);border-radius:14px;background:rgba(7,19,13,.88)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 17px;border-bottom:1px solid var(--line)}.panel-head h3{margin:0;font-size:.84rem}.panel-head span{color:#71857d;font-size:.61rem}.prob-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px}.prob-grid article{padding:20px;border:1px solid var(--line);border-radius:11px;background:#030b07;text-align:center}.prob-grid small{color:#71857d;font-size:.58rem;letter-spacing:.12em}.prob-grid strong{display:block;margin-top:7px;color:var(--lime);font:800 1.65rem ui-monospace,monospace}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 15px;border-bottom:1px solid rgba(83,252,24,.08);font-size:.7rem;text-align:left}.data-table th{color:#71857d;font-size:.56rem;letter-spacing:.08em}.data-table td:not(:first-child),.data-table th:not(:first-child){text-align:right}.data-table td.value{color:var(--lime);font:800 .72rem ui-monospace,monospace}.note{margin:0;padding:14px 17px;border-left:3px solid var(--warn);border-radius:0 10px 10px 0;color:#b3aa78;background:rgba(245,211,84,.05);font-size:.69rem;line-height:1.6}.compare-grid,.player-grid,.prematch-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.team-card{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:rgba(7,19,13,.88)}.team-card>h3{margin:0;padding:15px 17px;border-bottom:1px solid var(--line);font-size:.85rem}.metric{display:grid;grid-template-columns:1fr auto;gap:10px;padding:11px 17px;border-bottom:1px solid rgba(83,252,24,.07)}.metric:last-child{border-bottom:0}.metric span{color:var(--muted);font-size:.68rem}.metric strong{font:800 .71rem ui-monospace,monospace}.player-list{padding:6px 16px 14px}.player-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid rgba(83,252,24,.07)}.player-row:last-child{border:0}.player-row b{font-size:.69rem}.player-row span{color:#90a69c;font-size:.63rem}.h2h-list{display:grid}.h2h-row{display:grid;grid-template-columns:100px 1fr 72px 1fr 170px;align-items:center;gap:12px;padding:14px 17px;border-bottom:1px solid rgba(83,252,24,.08);font-size:.69rem}.h2h-row:last-child{border:0}.h2h-row time,.h2h-row em{color:#72887e;font-style:normal}.h2h-row b.score{color:var(--warn);font:800 .95rem ui-monospace,monospace;text-align:center}.h2h-row .away{text-align:right}.empty-module{padding:45px 22px;text-align:center}.empty-module h3{margin:0 0 7px}.empty-module p{max-width:620px;margin:auto;color:var(--muted);font-size:.73rem;line-height:1.7}.prematch-card{padding:17px;border:1px solid var(--line);border-radius:12px;background:#04100a}.prematch-card.ready{border-color:rgba(83,252,24,.33)}.prematch-card small{color:var(--lime);font-size:.57rem;font-weight:800;letter-spacing:.1em}.prematch-card.pending small{color:var(--warn)}.prematch-card h3{margin:8px 0 5px;font-size:.82rem}.prematch-card p{margin:0;color:var(--muted);font-size:.68rem;line-height:1.55}

.selector-field{position:relative;min-width:0}.selector-label{display:block;margin-bottom:7px;color:#71887f;font-size:.58rem;font-weight:800;letter-spacing:.13em}.selector-card .native-select{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.custom-picker{position:relative}.picker-trigger{display:flex;width:100%;min-height:58px;align-items:center;justify-content:space-between;gap:12px;padding:10px 15px;border:1px solid var(--line);border-radius:11px;color:var(--white);background:#020805;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.picker-trigger:hover,.custom-picker.is-open .picker-trigger{border-color:#75ff9b;background:#041009;box-shadow:0 0 0 3px rgba(117,255,155,.06)}.picker-trigger:focus-visible{outline:2px solid #75ff9b;outline-offset:2px}.picker-leading{display:grid;width:34px;height:30px;flex:0 0 34px;place-items:center}.picker-leading[hidden]{display:none}.picker-trigger-copy{display:grid;min-width:0;flex:1;gap:2px}.picker-trigger-copy b{overflow:hidden;color:#f3fff5;font:500 .8rem "Space Grotesk",system-ui,sans-serif;text-overflow:ellipsis;white-space:nowrap}.picker-trigger-copy small{overflow:hidden;color:#6f857a;font:400 .58rem "IBM Plex Mono",monospace;text-overflow:ellipsis;white-space:nowrap}.picker-chevron{flex:0 0 auto;color:#75ff9b;font-size:1.05rem;line-height:1;transition:transform .18s ease}.custom-picker.is-open .picker-chevron{transform:rotate(180deg)}.custom-picker.is-disabled .picker-trigger{opacity:.46;cursor:not-allowed}.picker-menu{position:absolute;z-index:40;top:calc(100% + 8px);left:0;width:100%;padding:10px;border:1px solid rgba(117,255,155,.42);border-radius:13px;background:rgba(2,8,5,.985);box-shadow:0 24px 75px rgba(0,0,0,.68),0 0 0 1px rgba(117,255,155,.04);backdrop-filter:blur(18px)}.picker-menu[hidden]{display:none}.picker-search{position:relative;margin-bottom:9px}.picker-search>span{position:absolute;top:50%;left:13px;color:#75ff9b;font-size:1rem;transform:translateY(-52%)}.picker-search input{width:100%;height:42px;padding:0 14px 0 38px;border:1px solid rgba(117,255,155,.16);border-radius:9px;outline:0;color:#ecfff2;background:#07110c;font:500 .7rem "Space Grotesk",system-ui,sans-serif}.picker-search input:focus{border-color:rgba(117,255,155,.55);box-shadow:0 0 0 3px rgba(117,255,155,.06)}.picker-options{max-height:350px;overflow:auto;padding:2px;scrollbar-color:rgba(117,255,155,.32) transparent;scrollbar-width:thin}.picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.picker-column{display:flex;min-width:0;flex-direction:column;gap:5px}.picker-group{min-width:0}.picker-group[hidden]{display:none}.picker-group-title{margin:10px 8px 6px;color:#607168;font:500 .54rem "IBM Plex Mono",monospace;letter-spacing:.15em;text-transform:uppercase}.picker-option{display:grid;width:100%;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;padding:7px 9px;border:1px solid transparent;border-radius:9px;color:#d9e8df;background:transparent;text-align:left;cursor:pointer}.picker-option:hover,.picker-option:focus-visible{outline:0;border-color:rgba(117,255,155,.22);background:rgba(117,255,155,.07)}.picker-option.is-selected{border-color:rgba(117,255,155,.42);background:rgba(117,255,155,.1)}.picker-flag{display:block;width:32px;height:22px;border:1px solid rgba(255,255,255,.14);border-radius:4px;background:#08150e;object-fit:cover;box-shadow:0 3px 10px rgba(0,0,0,.28)}.picker-event-icon,.picker-monogram,.picker-competition-icon{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(117,255,155,.22);border-radius:7px;color:#75ff9b;background:#08150e;font:500 .53rem "IBM Plex Mono",monospace;letter-spacing:.05em}.picker-event-icon,.picker-competition-icon{border-radius:50%;box-shadow:inset 0 0 0 3px rgba(117,255,155,.035)}.picker-competition-icon svg{width:22px;height:22px}.picker-competition-icon.champions svg circle{fill:#0b2141;stroke:#dbeafe;stroke-width:1.2}.picker-competition-icon.champions svg path{fill:#f8fbff}.picker-competition-icon.europa{border-color:rgba(255,139,42,.42);background:#140b05}.picker-competition-icon.europa svg path:first-child{fill:#ff7a1a}.picker-competition-icon.europa svg path:last-child{fill:#fff2e6}.picker-monogram{border-radius:50%;font-size:.56rem}.picker-leading .picker-flag{width:34px;height:24px}.picker-leading .picker-event-icon,.picker-leading .picker-monogram,.picker-leading .picker-competition-icon{width:30px;height:30px}.picker-option-copy{display:grid;min-width:0;gap:1px}.picker-option-copy b{overflow:hidden;font:500 .69rem "Space Grotesk",system-ui,sans-serif;text-overflow:ellipsis;white-space:nowrap}.picker-option-copy small{overflow:hidden;color:#6f857a;font:400 .54rem "IBM Plex Mono",monospace;text-overflow:ellipsis;white-space:nowrap}.picker-option em{padding:4px 6px;border:1px solid rgba(117,255,155,.12);border-radius:999px;color:#80978a;font:400 .5rem "IBM Plex Mono",monospace;font-style:normal;white-space:nowrap}.picker-empty{margin:8px 0 2px;padding:18px;color:#70847a;text-align:center;font:400 .62rem "IBM Plex Mono",monospace}.picker-empty[hidden]{display:none}

.picker-option.is-team-locked{opacity:.46;filter:saturate(.35);cursor:not-allowed}.picker-option.is-team-locked:hover,.picker-option.is-team-locked:focus-visible{border-color:transparent;background:transparent}.picker-option.is-team-locked .picker-monogram{border-color:rgba(245,211,84,.28);color:#9c9b78}.picker-option.is-team-locked .picker-option-copy b{color:#a5afa9}.picker-option.is-team-locked .picker-option-copy small{color:#777f7a}.picker-option.is-team-locked em{border-color:rgba(245,211,84,.28);color:#f5d354;background:rgba(245,211,84,.06)}

.site-footer{position:relative;overflow:hidden;padding:42px 0 26px;border-top:1px solid rgba(184,255,205,.16);background:linear-gradient(rgba(117,255,155,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(117,255,155,.025) 1px,transparent 1px),#020604;background-size:34px 34px}.site-footer:before{position:absolute;inset:0;content:"";pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.28) 0 1px,transparent 1.3px),radial-gradient(circle,rgba(117,255,155,.2) 0 1px,transparent 1.4px);background-position:0 0,23px 17px;background-size:73px 73px,109px 109px;opacity:.2}.site-footer>.shell{position:relative;z-index:1}.site-footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,minmax(120px,.65fr));gap:34px;padding-bottom:38px}.site-footer-brand strong{display:block;margin-bottom:12px;font:500 1.42rem "Space Grotesk",system-ui,sans-serif;letter-spacing:-.04em}.site-footer-brand strong span{color:#f2f7f3}.site-footer-brand strong em{color:#75ff9b;font-style:normal}.site-footer-brand p{max-width:300px;margin:0;color:#8fa297;font:400 .69rem/1.55 "Space Grotesk",system-ui,sans-serif}.site-footer-column small{display:block;margin-bottom:14px;color:#607168;font:500 .5rem "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase}.site-footer-column a,.site-footer-column span{display:block;width:fit-content;margin:7px 0;color:#a8b8ae;font:400 .64rem/1.35 "Space Grotesk",system-ui,sans-serif}.site-footer-column a:hover{color:#75ff9b}.site-footer-bottom{display:flex;justify-content:space-between;gap:22px;padding-top:18px;border-top:1px solid rgba(184,255,205,.16);color:#617168;font:400 .5rem/1.5 "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:900px){.site-footer-grid{grid-template-columns:1.2fr repeat(2,minmax(120px,.8fr))}.site-footer-column:last-child{grid-column:2/-1}}
@media(max-width:760px){.shell{width:min(calc(100% - 28px),1220px)}.analyzer-page{padding-top:34px}.team-selectors{grid-template-columns:1fr}.team-selectors>b{padding:0}.selector-foot{align-items:stretch;flex-direction:column}.selector-foot button{width:100%}.picker-grid{grid-template-columns:1fr}.picker-column{display:contents}.picker-group[data-picker-region="AMÉRICA"]{order:1}.picker-group[data-picker-region="EUROPA"]{order:2}.picker-group[data-picker-region="INTERNACIONAL"]{order:3}.picker-group[data-picker-region="ASIA"]{order:4}.picker-options{max-height:310px}.match-title{grid-template-columns:1fr 42px 1fr;gap:8px;padding-inline:0}.match-title>b{width:40px;height:40px}.match-title h2{font-size:1.45rem}.module-tabs{grid-template-columns:repeat(7,minmax(118px,1fr))}.prob-grid,.compare-grid,.player-grid,.prematch-grid{grid-template-columns:1fr}.data-panel.scroll{overflow-x:auto}.data-table{min-width:620px}.h2h-row{grid-template-columns:1fr 55px 1fr}.h2h-row time,.h2h-row em{grid-column:1/-1}.h2h-row em{text-align:left}.module-head{align-items:flex-start;flex-direction:column;gap:4px}}
@media(max-width:520px){.selector-card{padding:17px}.picker-trigger{min-height:56px}.site-footer{padding:34px 0 22px}.site-footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.site-footer-brand{grid-column:1/-1}.site-footer-column:last-child{grid-column:auto}.site-footer-bottom{align-items:flex-start;flex-direction:column}}

.picker-competition-logo{display:block;width:30px;height:30px;padding:3px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:#fff;object-fit:contain;box-shadow:0 3px 12px rgba(0,0,0,.34)}
.picker-competition-logo.europa{border-color:rgba(255,122,26,.62)}
.picker-leading .picker-competition-logo{width:30px;height:30px}
.custom-picker[data-picker="league"] .picker-trigger-copy small{display:flex;align-items:center;gap:6px;color:#a1b2aa;font-weight:700;letter-spacing:.025em}
.custom-picker[data-picker="league"] .picker-option-copy small.picker-country{display:flex;align-items:center;gap:6px;color:#93a79d;font-family:"Space Grotesk",system-ui,sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.015em}
.picker-country-flag{display:block;width:16px;height:11px;flex:0 0 16px;border:1px solid rgba(255,255,255,.2);border-radius:2px;object-fit:cover;box-shadow:0 1px 3px rgba(0,0,0,.35)}
.picker-country-flag-fallback{height:auto;border:0;font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:.72rem;line-height:1;box-shadow:none}
.picker-country-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Escudos locales: una sola biblioteca para selector, móvil y escritorio. */
.picker-option{grid-template-columns:38px minmax(0,1fr) auto;min-height:58px}
.picker-team-visual{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(117,255,155,.18);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1),rgba(117,255,155,.035) 72%)}
.picker-team-crest{display:block;grid-area:1/1;width:30px;height:30px;object-fit:contain}
.picker-team-visual .picker-monogram{grid-area:1/1;border:0;background:transparent}
.picker-leading .picker-team-visual{width:34px;height:34px}
.picker-leading .picker-team-crest{width:29px;height:29px}
.picker-trigger-copy b{line-height:1.22;overflow-wrap:anywhere;text-overflow:clip;white-space:normal}
.picker-option-copy b{line-height:1.25;overflow-wrap:anywhere;text-overflow:clip;white-space:normal}
.picker-option.is-team-locked .picker-team-visual{border-color:rgba(245,211,84,.25);background:rgba(245,211,84,.035)}
@media(max-width:520px){.picker-option{grid-template-columns:36px minmax(0,1fr) auto;gap:8px;padding-inline:7px}.picker-option em{font-size:.47rem}.picker-option-copy b{font-size:.68rem}}
