@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@800;900&family=DM+Sans:wght@400;600;700&family=Manrope:wght@500;700;800&display=swap");
:root { --navy:#06162d; --green:#4ee68b; --green-dark:#0a9d53; --paper:#f4f7f9; --ink:#071a32; --muted:#65758a; }
* { box-sizing:border-box; }
html { min-height:100%; background:var(--navy); }
body { min-width:320px; min-height:100vh; margin:0; color:#fff; font-family:"DM Sans",system-ui,sans-serif; }
button { font:inherit; }
.screen { display:none; min-height:100vh; }
.screen.is-active { display:block; }
.home-screen { overflow:hidden; background:#020203; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.hero-image { width:100%; aspect-ratio:2079/756; min-height:310px; max-height:68vh; background:url("assets/serie-a-hero.png") center/cover no-repeat; box-shadow:0 16px 50px rgba(102,0,255,.28); }
.home-content { width:min(1120px,calc(100% - 48px)); margin:0 auto; padding:38px 0 58px; }
.language-picker{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0 0 22px;color:#ad95cf;font:700 11px Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase}.language-picker button{border:1px solid #6e36ff;border-radius:999px;background:rgba(5,10,25,.72);color:#ad95cf;padding:7px 12px;cursor:pointer;font:700 11px Manrope,sans-serif}.language-picker button.is-active{background:#6e36ff;color:#fff;box-shadow:0 0 18px rgba(110,54,255,.4)}
.brand { margin:0 0 clamp(70px,13vh,145px); font:800 23px Manrope,sans-serif; letter-spacing:-.06em; }
.brand span,.season-label,.section-kicker { color:var(--green); }
.season-label,.section-kicker { font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.season-label { margin:0 0 18px; font-size:12px; }
h1 { max-width:860px; margin:0; font:800 clamp(46px,7.4vw,108px)/.91 Manrope,sans-serif; letter-spacing:-.065em; }
h1 em { color:var(--green); font-style:normal; }
.home-copy { max-width:540px; margin:28px 0 40px; color:#b7c5d3; font-size:clamp(16px,1.5vw,20px); line-height:1.55; }
.home-actions { display:grid; grid-template-columns:repeat(2,minmax(0,390px)); justify-content:center; gap:46px; }
.portal-card { position:relative; display:grid; min-height:220px; place-content:center; padding:28px; overflow:hidden; border:2px solid #6e36ff; border-radius:2px; background:linear-gradient(145deg,rgba(86,25,170,.15),rgba(0,0,0,.96)); color:#fff; cursor:pointer; text-align:center; box-shadow:inset 0 0 36px rgba(105,34,255,.08),0 0 24px rgba(89,28,255,.14); transition:.25s; }
.portal-card:hover,.portal-card:focus-visible { outline:none; transform:translateY(-5px); border-color:#ba76ff; box-shadow:0 0 35px rgba(130,41,255,.45); }
.portal-fantasy { border-color:#a92cff; }
.portal-card::after { content:""; position:absolute; inset:auto -20% -70% -20%; height:90%; background:radial-gradient(ellipse,rgba(141,23,255,.22),transparent 66%); }
.portal-card strong { position:relative; z-index:1; display:block; color:#13bdf1; font:800 clamp(26px,3vw,40px)/1.05 Manrope,sans-serif; letter-spacing:-.04em; text-transform:uppercase; text-shadow:0 0 18px rgba(0,180,255,.48); }
.portal-card small { position:relative; z-index:1; display:block; margin-top:18px; color:#ad95cf; font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
.portal-card.is-notified { animation:nudge .35s ease 2; }
@keyframes nudge { 50% { transform:translateX(5px); } }

.rounds-screen { background:var(--paper); color:var(--ink); }
.rounds-header { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px; min-height:190px; padding:32px max(28px,calc((100vw - 1380px)/2)); background:linear-gradient(115deg,#06162d,#083755); color:#fff; }
.back-button { width:48px; height:48px; border:1px solid rgba(255,255,255,.25); border-radius:50%; background:transparent; color:#fff; cursor:pointer; font-size:25px; }
.back-button:hover,.back-button:focus-visible { outline:2px solid var(--green); }
.brand-small { margin:0 0 25px; font-size:17px; }
.section-kicker { margin:0 0 5px; font-size:10px; }
.rounds-header h2 { margin:0; font:800 clamp(32px,4vw,55px)/1 Manrope,sans-serif; letter-spacing:-.055em; }
.next-legend { align-self:end; margin-bottom:7px; color:#bfccda; font-size:12px; }
.next-legend span { display:inline-block; width:9px; height:9px; margin-right:7px; border-radius:50%; background:var(--green); box-shadow:0 0 0 5px rgba(78,230,139,.12); }
.rounds-layout { display:grid; grid-template-columns:minmax(480px,1.15fr) minmax(440px,.85fr); gap:34px; width:min(1380px,calc(100% - 56px)); margin:0 auto; padding:42px 0 70px; }
.round-grid { display:grid; grid-template-columns:repeat(4,minmax(105px,1fr)); gap:12px; align-content:start; }
.round-card { position:relative; min-height:142px; padding:15px 16px; border:1px solid #d8e0e6; border-radius:3px; background:#fff; color:var(--ink); cursor:pointer; text-align:left; transition:.18s; }
.round-card:hover { transform:translateY(-2px); border-color:#8da1b3; box-shadow:0 8px 24px rgba(16,42,65,.08); }
.round-card.is-next { border:2px solid var(--green-dark); box-shadow:inset 0 0 0 3px rgba(78,230,139,.09); }
.round-card.is-selected { background:var(--navy); border-color:var(--navy); color:#fff; }
.round-card.is-next.is-selected { border-color:var(--green); box-shadow:inset 0 0 0 2px var(--green); }
.round-status { color:var(--muted); font-size:9px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.is-next .round-status { color:var(--green-dark); }
.is-selected .round-status { color:var(--green); }
.round-label { display:block; margin-top:25px; color:var(--muted); font-size:11px; }
.is-selected .round-label { color:#8ea0b3; }
.round-card strong { font:800 38px/1 Manrope,sans-serif; letter-spacing:-.06em; }
.round-arrow { position:absolute; right:15px; bottom:16px; color:#91a0ae; }
.fixtures-panel { position:sticky; top:24px; align-self:start; min-height:460px; border-radius:4px; background:#fff; box-shadow:0 18px 50px rgba(15,41,64,.11); overflow:hidden; }
.fixtures-empty { display:grid; min-height:460px; place-content:center; justify-items:center; color:#94a2af; }
.fixtures-empty span { font-size:40px; }
.fixtures-empty p { max-width:230px; text-align:center; }
.fixtures-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; padding:27px 28px 23px; background:var(--navy); color:#fff; }
.fixtures-heading p { margin:0 0 6px; color:var(--green); font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.fixtures-heading h3 { margin:0; font:800 30px/1 Manrope,sans-serif; letter-spacing:-.045em; }
.fixtures-heading time { color:#aebccc; font-size:12px; text-transform:capitalize; }
.live-dot { display:inline-block; width:7px; height:7px; margin-right:5px; border-radius:50%; background:var(--green); box-shadow:0 0 0 4px rgba(78,230,139,.13); }
.fixture-list { padding:8px 22px 16px; }
.fixture-row { display:grid; width:100%; grid-template-columns:62px 1fr auto; gap:13px; padding:15px 2px; border:0; border-bottom:1px solid #e7ecf0; background:transparent; color:var(--ink); cursor:pointer; text-align:left; transition:background .18s,transform .18s; }
.fixture-row:hover,.fixture-row:focus-visible { outline:none; background:#f5f0ff; transform:translateX(3px); }
.fixture-time { display:grid; align-content:center; padding-right:10px; border-right:1px solid #e0e6eb; }
.fixture-time span { color:var(--muted); font-size:10px; text-transform:capitalize; }
.fixture-time strong { margin-top:2px; font-size:13px; }
.fixture-teams { display:grid; grid-template-columns:1fr 45px 1fr; align-items:center; gap:6px; font-size:13px; font-weight:700; }
.fixture-team { display:flex; min-width:0; align-items:center; gap:9px; }
.fixture-team>span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fixture-team-home { justify-content:flex-end; text-align:right; }
.fixture-team-away { justify-content:flex-start; text-align:left; }
.fixture-logo { width:28px; height:28px; flex:0 0 28px; object-fit:contain; filter:drop-shadow(0 3px 6px rgba(0,0,0,.35)); }
.fixture-teams b { color:var(--green-dark); text-align:center; }
.fixture-open { align-self:center; color:#792de2; font-size:9px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.fixture-venue { grid-column:2 / 4; color:#8a98a5; font-size:9px; text-align:center; }
.loading,.error-message { grid-column:1/-1; color:var(--muted); }

.modal-open { overflow:hidden; }
.match-overlay { position:fixed; inset:0; z-index:50; display:grid; padding:24px; place-items:center; background:rgba(1,5,15,.78); backdrop-filter:blur(10px); opacity:0; pointer-events:none; transition:opacity .2s; }
.match-overlay.is-open { opacity:1; pointer-events:auto; }
.match-sheet { position:relative; width:min(900px,100%); max-height:calc(100vh - 48px); overflow:auto; border:1px solid rgba(151,71,255,.55); border-radius:8px; background:linear-gradient(145deg,#111328,#080c19 62%); color:#fff; box-shadow:0 35px 100px rgba(0,0,0,.65),0 0 45px rgba(106,31,255,.2); transform:translateY(20px) scale(.98); transition:transform .25s; }
.is-open .match-sheet { transform:none; }
.sheet-close { position:absolute; z-index:2; top:18px; right:18px; width:42px; height:42px; border:1px solid rgba(255,255,255,.24); border-radius:50%; background:rgba(0,0,0,.3); color:#fff; cursor:pointer; font-size:27px; line-height:1; }
.sheet-close:hover,.sheet-close:focus-visible { outline:2px solid #a94cff; }
.sheet-kicker { margin:0; padding:25px 30px 8px; color:#b74fff; font-size:11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.sheet-match-meta { display:flex; justify-content:space-between; gap:20px; padding:0 78px 20px 30px; color:#8f9ab1; font-size:11px; text-transform:capitalize; }
.sheet-teams { display:grid; grid-template-columns:1fr 60px 1fr; align-items:center; gap:18px; padding:30px; border-block:1px solid rgba(255,255,255,.08); background:radial-gradient(circle at 50% 50%,rgba(104,30,210,.2),transparent 48%); }
.sheet-team { display:grid; justify-items:center; gap:8px; text-align:center; }
.sheet-team>span { color:#78869e; font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.sheet-team>strong { font:800 clamp(24px,4vw,42px)/1 Manrope,sans-serif; letter-spacing:-.05em; }
.sheet-team-logo { width:clamp(68px,8vw,94px); height:clamp(68px,8vw,94px); margin:4px 0 5px; object-fit:contain; filter:drop-shadow(0 12px 18px rgba(0,0,0,.42)); }
.sheet-team small { color:#8d9bb1; font-size:9px; }
.sheet-team .promoted-badge { padding:4px 8px; border:1px solid rgba(255,187,68,.4); border-radius:20px; color:#ffc35d; }
.sheet-vs { color:#a347f3; font:800 15px Manrope,sans-serif; text-align:center; }
.team-comparison { display:grid; gap:7px; padding:22px 30px; }
.comparison-title { margin:0 0 5px; color:#a84bed; font-size:9px; font-weight:800; letter-spacing:.12em; text-align:center; text-transform:uppercase; }
.compare-row { display:grid; grid-template-columns:1fr minmax(120px,1fr) 1fr; align-items:center; min-height:39px; padding:0 15px; border-radius:4px; background:rgba(255,255,255,.045); }
.compare-row strong { font-size:16px; }
.compare-row strong:last-child { text-align:right; }
.compare-row span { color:#8996aa; font-size:10px; font-weight:700; text-align:center; text-transform:uppercase; }
.simulation-zone { display:grid; justify-items:center; gap:18px; padding:10px 30px 32px; }
.simulation-zone>p { max-width:650px; margin:0; color:#8996aa; font-size:12px; line-height:1.5; text-align:center; }
.simulate-button { min-width:260px; min-height:54px; border:1px solid #b84cff; border-radius:3px; background:linear-gradient(100deg,#7226e5,#a529db); color:#fff; cursor:pointer; font-weight:800; letter-spacing:.04em; text-transform:uppercase; box-shadow:0 10px 35px rgba(130,35,225,.3); }
.simulate-button span { margin-left:8px; color:#e6b8ff; font-size:10px; }
.simulate-button:hover,.simulate-button:focus-visible { outline:3px solid rgba(188,78,255,.25); transform:translateY(-2px); }
.simulate-button:disabled { opacity:.7; cursor:wait; }
.simulation-results { display:grid; width:100%; gap:18px; }
.result-lead { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:28px; padding:15px 30px; border:1px solid rgba(177,62,255,.3); background:rgba(117,25,188,.1); }
.result-lead>span { justify-self:end; text-align:right; }
.result-lead>small { justify-self:start; text-align:left; }
.result-lead span,.result-lead small { color:#bca5d3; font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.result-lead strong { color:#16c8f4; font:800 42px/1 Manrope,sans-serif; }
.probability-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
.probability-grid>div { position:relative; display:grid; gap:4px; padding:14px; overflow:hidden; border-radius:4px; background:rgba(255,255,255,.055); text-align:center; }
.probability-grid span { color:#aa43ec; font-weight:800; }.probability-grid strong{font-size:25px}.probability-grid small{color:#8996aa;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.probability-grid i{position:absolute;left:0;bottom:0;width:var(--probability);height:3px;background:linear-gradient(90deg,#7825e8,#12c8f3)}
.expected-goals,.markets { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; }
.expected-goals>div,.markets>div { display:grid; justify-items:center; gap:4px; padding:13px; border:1px solid rgba(255,255,255,.08); border-radius:4px; }
.expected-goals span,.markets span { color:#8b98ac; font-size:9px; text-transform:uppercase; }.expected-goals strong,.markets strong{color:#fff;font-size:24px}.markets small{color:#8b98ac;font-size:10px}
.simulation-results h3 { margin:2px 0 -8px; color:#a9b4c5; font-size:10px; letter-spacing:.12em; text-align:center; text-transform:uppercase; }
.exact-scores { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.exact-scores>div{display:grid;justify-items:center;gap:4px;padding:13px;background:rgba(123,37,217,.11);border:1px solid rgba(160,62,255,.22)}.exact-scores strong{font-size:21px}.exact-scores span{color:#a99ab8;font-size:10px}
.exact-scores>div>small { color:#cf8cff; font-size:9px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.team-comparison.is-simulation-result { align-content:center; }
.simulation-results-focus { align-content:center; }
.simulation-results-focus h3 { margin:0; color:#d66cff; font-size:clamp(18px,2.2vw,32px); line-height:1.1; }
.simulation-results-focus .exact-scores>div { min-height:150px; align-content:center; gap:7px; }
.simulation-results-focus .exact-scores>div.is-most-likely { border-color:#d45cff; background:linear-gradient(145deg,rgba(144,42,224,.3),rgba(62,24,105,.24)); box-shadow:0 0 30px rgba(184,61,255,.18); }
.simulation-results-focus .exact-scores strong { font-size:clamp(48px,5vw,76px); line-height:1; }
.simulation-results-focus .exact-scores span { font-size:18px; }
.model-disclaimer { margin:0!important; color:#68748a!important; font-size:9px!important; }
.match-sheet .sheet-kicker,.match-sheet .sheet-match-meta,.match-sheet .comparison-title,.match-sheet .compare-row,.match-sheet .simulation-results { font-family:"Barlow Condensed",Impact,sans-serif; }
.match-sheet .comparison-title { color:#d66cff; font-weight:900; letter-spacing:.16em; -webkit-text-stroke:.35px #000; text-shadow:0 2px 2px #000; }
.match-sheet .compare-row strong { color:#fff; font-weight:900; letter-spacing:.015em; -webkit-text-stroke:.55px #000; text-shadow:0 2px 2px #000,0 0 7px rgba(255,255,255,.12); }
.match-sheet .compare-row span { color:#fff; font-weight:800; letter-spacing:.045em; -webkit-text-stroke:.35px #000; text-shadow:0 2px 2px #000; }
.match-sheet .result-lead span,.match-sheet .result-lead small,.match-sheet .simulation-results h3 { color:#fff; font-weight:900; letter-spacing:.13em; -webkit-text-stroke:.4px #000; text-shadow:0 2px 2px #000; }
.match-sheet .result-lead strong { -webkit-text-stroke:.7px #000; text-shadow:0 3px 2px #000,0 0 12px rgba(22,200,244,.22); }
.match-sheet .exact-scores strong { color:#fff; font-family:"Barlow Condensed",Impact,sans-serif; font-weight:900; letter-spacing:.02em; -webkit-text-stroke:.6px #000; text-shadow:0 2px 2px #000,0 0 7px rgba(255,255,255,.12); }
.match-sheet .exact-scores span { color:#fff; font-family:"Barlow Condensed",Impact,sans-serif; font-weight:800; -webkit-text-stroke:.3px #000; text-shadow:0 2px 2px #000; }
.shortlist-note { margin:-7px 0 0!important; color:#9a82b5!important; font-size:9px!important; font-style:italic; text-align:center!important; }
@media (max-width:980px) { .rounds-layout{grid-template-columns:1fr}.fixtures-panel{position:static} }
@media (max-width:650px) {
  .hero-image{min-height:230px;background-position:center}.home-content{width:min(100% - 32px,520px);padding:25px 0 38px}.home-actions{grid-template-columns:1fr;gap:18px}.portal-card{min-height:150px}.portal-card strong{font-size:27px}
  .rounds-header{grid-template-columns:auto 1fr;min-height:170px;padding:25px 18px}.next-legend{display:none}.rounds-layout{width:calc(100% - 28px);padding-top:24px}
  .round-grid{grid-template-columns:repeat(3,minmax(82px,1fr));gap:8px}.round-card{min-height:120px;padding:12px}.round-card strong{font-size:31px}.round-label{margin-top:20px}
  .fixtures-heading{align-items:start;padding:23px 20px}.fixtures-heading time{max-width:100px;text-align:right}.fixture-list{padding-inline:12px}.fixture-row{grid-template-columns:52px 1fr}.fixture-teams{font-size:11px}.fixture-logo{width:23px;height:23px;flex-basis:23px}.fixture-team{gap:5px}.fixture-open,.fixture-venue{display:none}
  .match-overlay{padding:10px}.match-sheet{max-height:calc(100vh - 20px)}.sheet-match-meta{display:grid;padding-right:65px}.sheet-teams{grid-template-columns:1fr 34px 1fr;padding:22px 14px;gap:5px}.sheet-team>strong{font-size:22px}.team-comparison{padding:17px 13px}.simulation-zone{padding:6px 13px 24px}.exact-scores{grid-template-columns:repeat(3,1fr)}
}

/* Fantacalcio */
.fantasy-screen { min-height:100vh; overflow:hidden; background:radial-gradient(circle at 75% 15%,rgba(121,32,214,.24),transparent 30%),linear-gradient(145deg,#03040c,#0b071b 55%,#03040a); color:#fff; }
.fantasy-player strong { display:flex; align-items:center; gap:8px; }
.fantasy-rating { display:inline-grid; min-width:34px; height:27px; flex:0 0 auto; padding:0 6px; place-items:center; border:2px solid #07111c; border-radius:6px; background:#087f9d; color:#fff; font-size:.72em; line-height:1; text-shadow:0 1px 2px rgba(0,0,0,.85); box-shadow:0 2px 7px rgba(0,0,0,.3); }
.fantasy-header { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px; min-height:235px; padding:38px max(24px,calc((100vw - 1380px)/2)); border-bottom:2px solid rgba(181,68,255,.42); background:linear-gradient(90deg,rgba(3,3,12,.94),rgba(19,6,42,.78)),url("assets/serie-a-hero.png") center 44%/cover; }
.fantasy-header h2 { margin:0; font:800 clamp(38px,4.6vw,66px)/1 Manrope,sans-serif; letter-spacing:-.055em; }
.fantasy-round-picker { display:grid; gap:7px; color:#bda9cf; font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.fantasy-round-picker select { min-width:125px; padding:12px 36px 12px 15px; border:1px solid #a443ed; border-radius:5px; background:#100921; color:#fff; font:700 15px Manrope,sans-serif; }
.fantasy-layout { display:grid; grid-template-columns:minmax(860px,1fr) 370px; gap:34px; width:min(1660px,calc(100% - 40px)); margin:0 auto; padding:38px 0 60px; }
.fantasy-calculator { grid-column:1/-1; display:grid; min-height:510px; place-content:center; justify-items:center; padding:60px 30px; border:2px solid rgba(173,79,245,.5); border-radius:14px; background:radial-gradient(circle at 50% 45%,rgba(119,32,218,.25),transparent 42%),linear-gradient(145deg,rgba(16,12,36,.96),rgba(5,7,17,.98)); text-align:center; box-shadow:0 28px 75px rgba(0,0,0,.42),inset 0 0 70px rgba(116,31,212,.08); }
.fantasy-calculator-kicker { color:#26d1f2; font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.fantasy-calculator h3 { max-width:780px; margin:18px 0 14px; font:800 clamp(34px,4vw,58px)/1.04 Manrope,sans-serif; letter-spacing:-.05em; }
.fantasy-calculator p { max-width:650px; margin:0 0 32px; color:#aa9dbb; font-size:16px; line-height:1.55; }
.calculate-lineup-button { min-width:310px; min-height:64px; padding:16px 28px; border:1px solid #bd51ff; border-radius:6px; background:linear-gradient(100deg,#7024e3,#a729dc); color:#fff; cursor:pointer; font-size:17px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; box-shadow:0 14px 42px rgba(131,35,225,.35); transition:transform .18s,box-shadow .18s; }
.calculate-lineup-button:hover,.calculate-lineup-button:focus-visible { outline:3px solid rgba(188,78,255,.25); transform:translateY(-3px); box-shadow:0 20px 50px rgba(131,35,225,.48); }
.fantasy-calculating { grid-column:1/-1; min-height:420px; place-self:center; color:#c9b5dc; font-size:16px; }
.fantasy-pitch { position:relative; min-height:820px; overflow:hidden; border:2px solid rgba(173,79,245,.5); border-radius:12px; background:linear-gradient(rgba(7,12,20,.35),rgba(7,12,20,.58)),repeating-linear-gradient(90deg,rgba(30,111,84,.68) 0 12.5%,rgba(25,91,72,.68) 12.5% 25%); box-shadow:0 28px 75px rgba(0,0,0,.45),inset 0 0 80px rgba(0,0,0,.35); }
.fantasy-pitch-pending { grid-column:1 / -1; }
.fantasy-pitch-action { position:absolute; z-index:1; inset:70px 7% 5%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:22px; text-align:center; padding:20px; }
.fantasy-pitch-action h3 { margin:0; max-width:600px; font-size:clamp(24px,4vw,42px); }
.fantasy-pitch-action p { margin:0; max-width:560px; color:#d6eee4; line-height:1.5; }
.fantasy-pitch-action .calculate-lineup-button { max-width:100%; }
.fantasy-pitch::before { content:""; position:absolute; inset:70px 7% 5%; border:2px solid rgba(255,255,255,.2); border-bottom-width:3px; pointer-events:none; }
.fantasy-pitch::after { content:""; position:absolute; z-index:0; bottom:5%; left:50%; width:180px; height:90px; border:2px solid rgba(255,255,255,.23); border-bottom:0; border-radius:180px 180px 0 0; transform:translateX(-50%); pointer-events:none; }
.pitch-heading { position:relative; z-index:1; display:flex; justify-content:space-between; padding:20px 24px; background:rgba(6,4,18,.8); color:#c6b7d2; font-size:11px; letter-spacing:.12em; text-transform:uppercase; }
.pitch-heading strong { color:#2ad6f0; }
.pitch-lines { position:relative; z-index:1; display:flex; min-height:742px; flex-direction:column; justify-content:space-around; padding:46px 38px 28px; }
.pitch-lines::before { content:""; position:absolute; z-index:-1; top:5px; left:50%; width:150px; height:42px; border:3px solid rgba(255,255,255,.3); border-top:0; transform:translateX(-50%); box-shadow:inset 0 -14px 18px rgba(255,255,255,.035); }
.pitch-lines::after { content:""; position:absolute; z-index:-1; top:5px; left:50%; width:48%; height:132px; border:2px solid rgba(255,255,255,.2); border-top:0; transform:translateX(-50%); pointer-events:none; }
.pitch-line { position:relative; z-index:1; display:flex; justify-content:space-around; gap:16px; }
.fantasy-team-total { position:relative; z-index:2; display:grid; grid-template-columns:1fr auto; align-items:center; gap:2px 18px; padding:18px 24px; border-top:2px solid rgba(25,211,255,.5); background:linear-gradient(100deg,#111527,#17102c); color:#fff; text-transform:uppercase; }
.fantasy-team-total span { font-size:12px; font-weight:900; letter-spacing:.13em; }
.fantasy-team-total strong { grid-row:1/3; grid-column:2; color:#fff; font:900 38px/1 "Barlow Condensed",Impact,sans-serif; text-shadow:0 2px 4px rgba(0,0,0,.75); }
.fantasy-team-total small { color:#91a1b7; font-size:9px; font-weight:800; letter-spacing:.08em; }
.fantasy-player { position:relative; display:flex; width:min(245px,23.5%); min-height:84px; align-items:center; gap:8px; padding:13px 10px 13px 7px; border:2px solid rgba(178,90,226,.62); border-radius:10px; background:linear-gradient(140deg,#fff 0%,#f2ecf8 58%,#e5d9f0 100%); color:#171020; box-shadow:0 14px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.9); }
.fantasy-player>div { min-width:0; }
.fantasy-player strong,.fantasy-player small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fantasy-player strong { display:flex; align-items:center; gap:6px; color:#09050d; font:900 21px/.98 "Barlow Condensed",Impact,sans-serif; letter-spacing:.005em; text-transform:uppercase; text-shadow:0 0 .01px currentColor; }
.fantasy-player small { margin-top:6px; color:#65576f; font-size:9px; font-weight:650; }
.fantasy-team-logo { box-sizing:border-box; width:38px; height:38px; flex:0 0 38px; padding:4px; border:1px solid rgba(67,38,89,.14); border-radius:50%; background:#fff; object-fit:contain; box-shadow:0 5px 13px rgba(42,24,57,.16); }
.fantasy-role { position:absolute; top:-10px; right:10px; display:grid; width:26px; height:26px; place-items:center; border:2px solid #f7efff; border-radius:50%; background:linear-gradient(145deg,#b739f1,#7825db); color:#fff; font-size:10px; font-weight:900; box-shadow:0 4px 12px rgba(84,22,139,.36); }
.fantasy-bench { overflow:hidden; border:2px solid rgba(174,75,245,.4); border-radius:10px; background:linear-gradient(160deg,rgba(19,12,35,.98),rgba(5,7,15,.99)); box-shadow:0 28px 70px rgba(0,0,0,.4); }
.fantasy-bench>header { display:flex; justify-content:space-between; padding:22px; border-bottom:1px solid rgba(190,80,255,.35); background:linear-gradient(120deg,#431071,#160d2b); text-transform:uppercase; }
.fantasy-bench>header span { color:#35d4ef; font-size:11px; font-weight:800; letter-spacing:.12em; }
.fantasy-bench>header strong { color:#c7b3d5; font-size:10px; }
.bench-group { padding:17px 18px; border-bottom:1px solid rgba(255,255,255,.07); }
.bench-group h3 { margin:0 0 10px; color:#a98dba; font-size:9px; letter-spacing:.12em; text-transform:uppercase; }
.bench-group .fantasy-player { width:100%; margin-top:9px; border-color:rgba(194,112,237,.65); }

@media (max-width:1100px) { .fantasy-layout{grid-template-columns:1fr}.fantasy-bench{display:grid;grid-template-columns:repeat(2,1fr)}.fantasy-bench>header{grid-column:1/-1}.fantasy-pitch{min-height:760px} }
@media (max-width:650px) { .fantasy-header{grid-template-columns:auto 1fr;padding:26px 18px}.fantasy-header h2{font-size:36px}.fantasy-round-picker{grid-column:2}.fantasy-layout{width:calc(100% - 24px);padding-top:20px}.fantasy-calculator{min-height:430px;padding:42px 20px}.fantasy-calculator h3{font-size:32px}.fantasy-calculator p{font-size:14px}.calculate-lineup-button{min-width:0;width:100%;font-size:15px}.fantasy-pitch{min-height:720px}.pitch-lines{padding-inline:8px}.pitch-line{gap:5px}.fantasy-player{width:24%;min-height:76px;display:grid;justify-items:center;padding:8px 4px;text-align:center}.fantasy-team-logo{width:28px;height:28px}.fantasy-player strong{font-size:9px}.fantasy-player small{font-size:7px}.fantasy-bench{grid-template-columns:1fr} }

/* Tema previsioni: continuità visiva con la home viola */
.rounds-screen {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 83% 18%,rgba(115,26,220,.2),transparent 27%),
    radial-gradient(circle at 14% 58%,rgba(26,77,164,.13),transparent 32%),
    linear-gradient(135deg,#03040b 0%,#080718 48%,#03050c 100%);
  color:#f7f3ff;
}
.rounds-screen::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:.16;
  background-image:radial-gradient(rgba(195,112,255,.7) .55px,transparent .55px);
  background-size:7px 7px;
  pointer-events:none;
}
.rounds-header {
  position:relative;
  min-height:255px;
  padding-top:46px;
  padding-bottom:40px;
  overflow:hidden;
  border-bottom:1px solid rgba(165,60,255,.42);
  background:
    linear-gradient(90deg,rgba(2,3,10,.96) 0%,rgba(9,4,25,.88) 47%,rgba(6,1,18,.65) 100%),
    url("assets/serie-a-hero.png") center 42%/cover no-repeat;
  box-shadow:0 22px 65px rgba(68,8,135,.2);
}
.rounds-header::after {
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:2px;
  background:linear-gradient(90deg,transparent,#792aff,#d45cff,#792aff,transparent);
  box-shadow:0 0 22px #9a35ff;
}
.rounds-header>div:not(.next-legend),.back-button,.next-legend { position:relative; z-index:1; }
.back-button { border-color:rgba(190,98,255,.55); background:rgba(20,5,42,.58); box-shadow:inset 0 0 18px rgba(120,35,255,.12); }
.back-button:hover,.back-button:focus-visible { outline-color:#b749ff; background:#7b25db; box-shadow:0 0 24px rgba(173,56,255,.5); }
.brand-small { margin-bottom:34px; color:#fff; text-shadow:0 0 16px rgba(255,255,255,.22); }
.brand-small span { color:#22c7f4; }
.section-kicker { color:#b64fff; text-shadow:0 0 16px rgba(168,48,255,.55); }
.rounds-header h2 { font-size:clamp(40px,4.7vw,68px); text-shadow:0 8px 35px rgba(0,0,0,.7); }
.next-legend { padding:10px 15px; border:1px solid rgba(176,76,255,.32); border-radius:999px; background:rgba(8,2,22,.64); color:#d6cbe5; backdrop-filter:blur(8px); }
.next-legend span { background:#20d5f6; box-shadow:0 0 0 5px rgba(32,213,246,.12),0 0 16px #20d5f6; }
.rounds-layout { gap:40px; padding-top:50px; }
.round-grid { gap:17px; }
.round-card {
  min-height:158px;
  padding:19px 20px;
  overflow:hidden;
  border:2px solid rgba(166,113,219,.34);
  border-radius:7px;
  background:linear-gradient(145deg,rgba(23,20,43,.98),rgba(7,8,18,.99));
  color:#f9f6ff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 12px 32px rgba(0,0,0,.2);
}
.round-card::before {
  content:"";
  position:absolute;
  right:-32px;
  bottom:-45px;
  width:105px;
  height:105px;
  border:1px solid rgba(138,43,226,.13);
  border-radius:50%;
  background:radial-gradient(circle,rgba(115,31,209,.1),transparent 66%);
}
.round-card:hover { border-color:#a94aff; background:linear-gradient(145deg,#261342,#0b0917); box-shadow:0 0 30px rgba(129,39,221,.3),inset 0 0 0 1px rgba(174,69,255,.18); }
.round-card.is-next { border:2px solid #1ed6f5; background:linear-gradient(145deg,#141137,#080b1a); box-shadow:inset 0 0 0 2px rgba(30,214,245,.18),0 0 27px rgba(22,184,236,.23); }
.round-card.is-selected { border:2px solid #c04cff; background:linear-gradient(145deg,#7622c7,#35106b 60%,#140829); box-shadow:0 0 32px rgba(142,37,230,.44),inset 0 0 0 2px rgba(226,150,255,.12),inset 0 0 30px rgba(213,115,255,.11); }
.round-card.is-next.is-selected { border-color:#23d4f5; box-shadow:inset 0 0 0 1px #23d4f5,0 0 30px rgba(29,204,245,.28); }
.round-status { color:#817994; }
.is-next .round-status,.is-selected .round-status { color:#33d6f3; }
.round-label { color:#7f7890; }
.is-selected .round-label { color:#cbb6df; }
.round-card strong { position:relative; z-index:1; color:#fff; text-shadow:0 0 18px rgba(190,105,255,.2); }
.round-arrow { color:#a842f2; }
.is-selected .round-arrow { color:#3ad4f1; }
.fixtures-panel {
  border:2px solid rgba(177,75,246,.42);
  border-radius:8px;
  background:linear-gradient(160deg,rgba(16,13,31,.98),rgba(5,7,16,.99));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 25px 70px rgba(0,0,0,.45),0 0 45px rgba(91,21,170,.16);
}
.fixtures-heading { position:relative; overflow:hidden; padding:31px 32px 27px; border-bottom:2px solid rgba(187,75,255,.42); background:linear-gradient(125deg,#3d106f,#17102e 58%,#080b19); }
.fixtures-heading::after { content:""; position:absolute; top:-80px; right:-45px; width:190px; height:190px; border:1px solid rgba(169,69,255,.18); border-radius:50%; box-shadow:0 0 35px rgba(141,41,231,.13); }
.fixtures-heading p { color:#36d6f1; }
.fixtures-heading h3 { text-shadow:0 0 20px rgba(193,87,255,.3); }
.fixtures-heading time { color:#c0afcd; }
.live-dot { background:#28d5f2; box-shadow:0 0 0 4px rgba(40,213,242,.13),0 0 13px #28d5f2; }
.fixture-list { padding:12px 28px 22px; }
.fixture-row { min-height:82px; padding:18px 8px; border-bottom:2px solid rgba(168,120,200,.13); color:#f2edf8; }
.fixture-row:hover,.fixture-row:focus-visible { background:linear-gradient(90deg,rgba(115,36,189,.17),rgba(21,180,224,.045)); transform:translateX(4px); }
.fixture-time { border-right-color:rgba(184,81,255,.2); }
.fixture-time span,.fixture-venue { color:#766f87; }
.fixture-time strong { color:#ddd4e8; }
.fixture-teams b { color:#25d4ef; text-shadow:0 0 12px rgba(37,212,239,.4); }
.fixture-open { color:#b34af2; }
.fixtures-empty { color:#847a92; }
.loading,.error-message { color:#9a8cab; }

@media (max-width:650px) {
  .rounds-header { min-height:210px; padding-top:28px; padding-bottom:28px; background-position:center; }
  .rounds-header h2 { font-size:38px; }
  .rounds-layout { padding-top:27px; }
  .round-grid { gap:11px; }
  .round-card { min-height:132px; padding:14px; }
  .fixtures-heading { padding:24px 20px; }
  .fixture-list { padding-inline:12px; }
}

/* Scheda partita ottimizzata per screenshot e registrazioni 16:9 */
@media (min-width:981px) {
  .match-overlay { padding:24px 32px; }
  .match-sheet {
    width:min(1740px,calc(100vw - 64px));
    max-height:calc(100vh - 48px);
    border:2px solid rgba(166,69,238,.58);
    border-radius:14px;
    background:linear-gradient(145deg,#11142b,#070b18 66%);
    box-shadow:0 38px 110px rgba(0,0,0,.68),0 0 65px rgba(111,32,202,.2);
  }
  .sheet-kicker { padding:26px 42px 8px; font-size:16px; }
  .sheet-close { top:18px; right:24px; width:52px; height:52px; }
  #match-sheet-content { display:grid; grid-template-columns:.9fr 1.1fr; align-items:stretch; }
  .sheet-match-meta { grid-column:1/-1; padding:0 98px 24px 42px; font-size:16px; font-weight:800; }
  .sheet-teams {
    grid-column:1;
    grid-row:2/4;
    min-height:620px;
    padding:46px 38px;
    border-top:1px solid rgba(255,255,255,.09);
    border-right:1px solid rgba(183,78,246,.22);
    border-bottom:0;
    background:radial-gradient(circle at 50% 48%,rgba(117,34,221,.25),transparent 54%),linear-gradient(145deg,rgba(18,17,43,.94),rgba(8,10,24,.98));
  }
  .sheet-team { min-height:430px; align-content:center; gap:18px; }
  .sheet-team-logo { width:clamp(170px,11vw,210px); height:clamp(170px,11vw,210px); margin:12px 0; filter:drop-shadow(0 18px 28px rgba(0,0,0,.52)); }
  .sheet-team>strong { font-size:clamp(54px,4vw,72px); }
  .sheet-team>span { color:#aebbd1; font-size:15px; letter-spacing:.18em; }
  .sheet-team small { font-size:14px; }
  .sheet-team .promoted-badge { padding:7px 12px; font-size:13px; }
  .sheet-vs { font-size:29px; }
  .team-comparison {
    grid-column:2;
    grid-row:2;
    align-content:start;
    gap:12px;
    padding:16px 48px 18px;
    border-top:1px solid rgba(255,255,255,.09);
  }
  .comparison-title { margin:0 0 8px; font-size:15px; }
  .compare-row {
    width:min(700px,100%);
    grid-template-columns:minmax(115px,150px) 220px minmax(115px,150px);
    justify-content:center;
    justify-self:center;
    column-gap:20px;
    min-height:70px;
    padding:0 18px;
    border:1px solid rgba(162,107,205,.11);
    border-radius:7px;
    background:linear-gradient(90deg,rgba(255,255,255,.065),rgba(255,255,255,.035));
  }
  .compare-row strong { font-size:41px; }
  .compare-row strong:first-child { text-align:right; }
  .compare-row strong:last-child { text-align:left; }
  .compare-row span { font-size:22px; }
  .simulation-zone {
    grid-column:2;
    grid-row:3;
    align-content:start;
    gap:18px;
    padding:17px 48px 34px;
  }
  .simulation-zone>p { font-size:13px; }
  .simulate-button { min-width:460px; min-height:82px; padding:18px 38px; border-width:2px; border-radius:6px; font-family:"Barlow Condensed",Impact,sans-serif; font-size:24px; font-weight:900; letter-spacing:.065em; box-shadow:0 16px 45px rgba(130,35,225,.42); }
  .simulate-button span { margin-left:14px; font-size:14px; }
  .simulation-results { gap:15px; }
  .simulation-results h3 { font-size:14px; }
  .result-lead { min-height:104px; padding:18px 42px; }
  .result-lead span,.result-lead small { font-size:20px; }
  .result-lead strong { font-family:"Barlow Condensed",Impact,sans-serif; font-size:56px; font-weight:900; }
  .exact-scores>div { padding:16px 10px; border-radius:7px; }
  .exact-scores strong { font-size:34px; }
  .exact-scores span { font-size:14px; }
  .team-comparison.is-simulation-result { padding-block:28px; }
  .simulation-results-focus { gap:24px; }
  .simulation-results-focus h3 { font-size:clamp(30px,2.5vw,42px); letter-spacing:.1em; }
  .simulation-results-focus .exact-scores { gap:16px; }
  .simulation-results-focus .exact-scores>div { min-height:260px; padding:24px 12px; }
  .simulation-results-focus .exact-scores>div>small { font-size:13px; }
  .simulation-results-focus .exact-scores strong { font-size:clamp(70px,6vw,108px); }
  .simulation-results-focus .exact-scores span { font-size:24px; }
  .model-disclaimer { color:#8d99ad!important; font-size:11px!important; }
}

@media (min-width:981px) and (max-height:760px) {
  .match-overlay { padding:14px; }
  .match-sheet { max-height:calc(100vh - 28px); }
  .sheet-kicker { padding-top:15px; }
  .sheet-match-meta { padding-bottom:13px; }
  .sheet-teams { min-height:450px; padding-block:24px; }
  .sheet-team-logo { width:92px; height:92px; }
  .team-comparison { padding-block:18px 12px; }
  .compare-row { min-height:43px; }
  .simulation-zone { padding-bottom:18px; }
}

@media (max-width:650px) {
  .fantasy-player strong { font-size:16px; }
  .result-lead { grid-template-columns:1fr; justify-items:center; gap:5px; padding:16px; }
  .simulation-results-focus .exact-scores { grid-template-columns:1fr; }
  .simulation-results-focus .exact-scores>div { min-height:125px; }
  .simulation-results-focus .exact-scores strong { font-size:58px; }
  .result-lead>span,.result-lead>small { justify-self:center; text-align:center; }
}

/* Archivio statistiche reali */
.home-actions { grid-template-columns:repeat(3,minmax(0,340px)); gap:28px; }
.portal-stats { border-color:#1ac9e8; background:linear-gradient(145deg,rgba(14,116,151,.18),rgba(0,0,0,.96)); }
.stats-screen { min-height:100vh; background:radial-gradient(circle at 80% 5%,rgba(127,34,222,.2),transparent 28%),#060812; color:#fff; }
.stats-header { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px; min-height:220px; padding:34px max(24px,calc((100vw - 1440px)/2)); border-bottom:1px solid rgba(184,61,255,.55); background:linear-gradient(90deg,rgba(4,6,15,.96),rgba(20,8,42,.82)),url("assets/serie-a-hero.png") center 44%/cover; }
.stats-header h2 { margin:0; font:800 clamp(38px,4.6vw,66px)/1 Manrope,sans-serif; letter-spacing:-.055em; }
.stats-update { padding:12px 16px; border:1px solid rgba(25,211,255,.4); border-radius:6px; background:rgba(5,12,24,.75); color:#aeb9ca; font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.stats-update strong { display:block; margin-top:4px; color:#19d3ff; font-size:15px; }
.stats-league-screen { min-height:100vh; padding:0 max(24px,calc((100vw - 1220px)/2)) 70px; background:radial-gradient(circle at 22% 18%,rgba(20,129,255,.18),transparent 30%),radial-gradient(circle at 78% 28%,rgba(255,75,69,.16),transparent 32%),#060812; color:#fff; }
.league-picker-header { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:24px; min-height:220px; }
.league-picker-header h2 { margin:0; font:800 clamp(40px,5vw,70px)/1 Manrope,sans-serif; letter-spacing:-.055em; }
.league-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.league-card { min-height:520px; padding:34px; border:1px solid rgba(255,255,255,.14); border-radius:18px; background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025)); color:#fff; cursor:pointer; box-shadow:0 25px 80px rgba(0,0,0,.32); transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
.league-card:hover,.league-card:focus-visible { transform:translateY(-7px); border-color:#a443ed; box-shadow:0 32px 90px rgba(86,31,150,.35); outline:none; }
.league-logo-stage { display:flex; align-items:center; justify-content:center; height:360px; margin-bottom:24px; border-radius:13px; background:#fff; overflow:hidden; }
.league-logo-stage img { display:block; width:78%; height:82%; object-fit:contain; }
.league-card strong { display:block; font:800 clamp(29px,3vw,43px)/1.05 Manrope,sans-serif; letter-spacing:-.04em; }
.league-card small { display:block; margin-top:10px; color:#aeb9ca; font:700 12px Manrope,sans-serif; letter-spacing:.1em; text-transform:uppercase; }
@media(max-width:760px){.stats-league-screen{padding-inline:16px}.league-picker-header{min-height:180px}.league-card-grid{grid-template-columns:1fr}.league-card{min-height:410px;padding:20px}.league-logo-stage{height:275px}}
.stats-app { width:min(1440px,calc(100% - 40px)); margin:0 auto; padding:34px 0 70px; }
.stats-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; padding:15px 18px; border:1px solid rgba(255,255,255,.09); border-radius:8px; background:#101321; }
.stats-toolbar>div { display:flex; align-items:center; gap:9px; }
.stats-toolbar strong { font-size:13px; }.stats-toolbar small { color:#8995a7; font-size:10px; text-transform:uppercase; }.stats-toolbar p { margin:0; color:#aeb8c7; font-size:13px; }
.data-dot { width:9px; height:9px; border-radius:50%; background:#32d39b; box-shadow:0 0 12px #32d39b; }
.stats-selectors { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px; }
.stats-selector { padding:20px; border:1px solid rgba(184,61,255,.42); border-radius:10px; background:linear-gradient(145deg,#121526,#0a0c17); box-shadow:0 16px 35px rgba(0,0,0,.25); }
.stats-selector label { display:grid; gap:7px; color:#8f9bad; font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.stats-selector select { width:100%; padding:12px 36px 12px 13px; border:1px solid #343b51; border-radius:5px; background:#080b14; color:#fff; font:700 14px Manrope,sans-serif; }
.stats-selector>label>select { border-color:#a83deb; font-size:18px; }
.stats-filter-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px; }
.stats-versus { color:#19d3ff; font:900 19px Manrope,sans-serif; text-shadow:0 0 13px rgba(25,211,255,.5); }
.stats-tabs { display:flex; gap:8px; margin:28px 0 18px; border-bottom:1px solid rgba(255,255,255,.1); }
.stats-tabs button { padding:13px 22px; border:0; border-bottom:3px solid transparent; background:transparent; color:#8994a7; cursor:pointer; font-weight:800; text-transform:uppercase; letter-spacing:.07em; }
.stats-tabs button.is-active { border-bottom-color:#be42ff; color:#fff; }
.stats-tabs button[data-stats-tab="expected"].is-active { border-bottom-color:#19d3ff; color:#19d3ff; }
.sample-summary { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:18px; }
.sample-summary article { display:flex; align-items:center; gap:14px; padding:15px 18px; border:1px solid rgba(255,255,255,.09); border-radius:8px; background:#101321; }
.sample-summary article:nth-child(2) { flex-direction:row-reverse; text-align:right; }
.sample-summary strong,.sample-summary span,.sample-summary small { display:block; }.sample-summary span { margin-top:3px; color:#19d3ff; font-size:11px; }.sample-summary small { margin-top:5px; color:#8d98a9; }
.stats-team-logo { width:48px; height:48px; object-fit:contain; }
.stats-empty { padding:15px 18px; border:1px solid rgba(255,184,75,.35); border-radius:7px; background:rgba(255,167,37,.08); color:#ffd08a; font-size:13px; }
.expected-note { width:min(900px,100%); margin:16px auto 0; color:#8793a6; font-size:11px; line-height:1.55; text-align:center; }.expected-table { border-color:rgba(25,211,255,.38); }.expected-table>header { background:linear-gradient(100deg,#12344d,#121426 50%,#12344d); }

/* Leggibilità per screenshot e registrazioni */
.stats-app { width:min(1560px,calc(100% - 48px)); }
.stats-toolbar { min-height:62px; padding:17px 22px; border-color:rgba(255,255,255,.16); box-shadow:0 8px 24px rgba(0,0,0,.22); }
.stats-toolbar strong { font-size:16px; }.stats-toolbar small { font-size:11px; font-weight:800; }.stats-toolbar p { color:#d0d7e2; font-size:15px; }
.stats-selector { padding:24px; border-width:2px; }.stats-selector label { gap:9px; color:#b8c3d4; font-size:11px; }.stats-selector select { min-height:50px; padding:13px 40px 13px 15px; border-color:#4a536e; font-size:16px; }.stats-selector>label>select { min-height:58px; font-size:21px; }
.stats-tabs { margin-top:34px; }.stats-tabs button { padding:16px 25px; color:#aeb8c9; font-size:14px; }
.sample-summary article { min-height:82px; padding:17px 21px; border-color:rgba(255,255,255,.16); box-shadow:0 8px 22px rgba(0,0,0,.18); }.sample-summary article strong { font-size:18px; }.sample-summary article span { font-size:13px; font-weight:800; }.sample-summary article small { color:#b0bbcc; font-size:12px; }.stats-team-logo { width:56px; height:56px; }
.stats-comparison-table { border-width:2px; box-shadow:0 15px 40px rgba(0,0,0,.28); }.stats-comparison-table>header { min-height:78px; }.stats-comparison-table>header strong { font-size:23px; }.stats-comparison-table>header span { color:#d3daE6; font-size:12px; font-weight:800; letter-spacing:.08em; }.stats-comparison-table>div { min-height:66px; }.stats-comparison-table>div strong { font-size:29px; }.stats-comparison-table>div span { color:#d3dae6; font-size:15px; font-weight:650; }
.stats-empty { padding:18px 21px; font-size:15px; line-height:1.5; }.player-picker { color:#bec8d7; font-size:11px; }.player-picker select { min-height:58px; font-size:18px; }.player-profile>header strong:first-child { font-size:24px; }.player-profile>header span { font-size:13px; }.player-profile>header strong:last-child { font-size:14px; }.expected-note { width:min(1100px,100%); margin-top:20px; color:#aeb8c8; font-size:14px; line-height:1.65; }
.data-dot { width:11px; height:11px; flex:0 0 11px; }
.stats-comparison-table { overflow:hidden; border:1px solid rgba(184,61,255,.35); border-radius:10px; background:#0d101c; }
.stats-comparison-table>header,.stats-comparison-table>div { display:grid; grid-template-columns:1fr minmax(180px,1fr) 1fr; align-items:center; min-height:56px; padding:0 28px; text-align:center; }
.stats-comparison-table>header { min-height:68px; background:linear-gradient(100deg,#36105a,#121426 50%,#36105a); }.stats-comparison-table>header strong { font-size:18px; }.stats-comparison-table>header span { color:#a7b0c0; font-size:10px; text-transform:uppercase; }
.stats-comparison-table>div { border-top:1px solid rgba(255,255,255,.07); }.stats-comparison-table>div:nth-child(odd) { background:rgba(255,255,255,.025); }.stats-comparison-table>div strong { color:#fff; font-size:22px; }.stats-comparison-table>div span { color:#adb7c7; font-size:12px; }
.stats-metric-row { cursor:pointer; transition:background .16s,box-shadow .16s; }
.stats-metric-row:hover,.stats-metric-row:focus-visible { outline:0; background:rgba(25,211,255,.09)!important; box-shadow:inset 4px 0 #19d3ff,inset -4px 0 #19d3ff; }
.stats-detail-overlay { position:fixed; z-index:1000; inset:0; display:grid; place-items:center; padding:20px; background:rgba(2,4,12,.76); backdrop-filter:blur(5px); }
.stats-detail-card { display:flex; flex-direction:column; width:min(680px,100%); max-height:calc(100dvh - 40px); overflow:hidden; border:2px solid rgba(184,61,255,.72); border-radius:12px; background:#0d101c; color:#fff; box-shadow:0 28px 80px rgba(0,0,0,.65); }
.stats-detail-card>header { flex-shrink:0; }
.stats-detail-card .stats-detail-grid { min-height:0; overflow-y:auto; grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr)); }
.stats-detail-card>header { display:flex; align-items:center; justify-content:space-between; padding:20px 22px; background:linear-gradient(105deg,#421267,#151326); }
.stats-detail-card>header span { color:#19d3ff; font-size:9px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.stats-detail-card h3,.stats-detail-card h4 { margin:4px 0 0; }.stats-detail-card h3 { font-size:24px; }.stats-detail-card h4 { font-size:18px; }
.stats-detail-card>header button { display:grid; width:36px; height:36px; place-items:center; border:1px solid rgba(255,255,255,.3); border-radius:50%; background:#0d101c; color:#fff; cursor:pointer; font-size:25px; }
.stats-detail-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; padding:18px; }
.stats-detail-grid article { padding:16px; border:1px solid rgba(255,255,255,.1); border-radius:8px; background:#111522; }
.stats-extreme { display:grid; grid-template-columns:1fr auto; gap:3px 12px; margin-top:12px; padding:12px; border-radius:7px; background:#0a0d17; }
.stats-extreme span { align-self:center; color:#bac4d3; font-size:10px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.stats-extreme strong { font-size:27px; }.stats-extreme small { grid-column:1/-1; color:#8f9bae; font-size:10px; }
.stats-extreme.is-max strong { color:#32e4a3; }.stats-extreme.is-min strong { color:#ff8ea5; }
.stats-match { grid-template-columns:auto minmax(0,1fr) auto; align-items:center; border:2px solid transparent; }
.stats-match .stats-value-unavailable { max-width:130px; color:#bac4d3; font-size:13px; text-align:right; }
.stats-match.is-max { border-color:#32e4a3; box-shadow:0 0 12px #32e4a355,inset 0 0 10px #32e4a318; }
.stats-match.is-min { border-color:#ff4669; box-shadow:0 0 12px #ff466955,inset 0 0 10px #ff466918; }
.stats-match.is-min.is-max { border-color:#32e4a3; box-shadow:inset 0 0 0 2px #ff4669,0 0 12px #32e4a355,inset 0 0 12px #ff466933; }
.stats-detail-card-teams { width:min(1180px,100%); }
.stats-detail-card .stats-detail-teams { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; padding:24px; align-items:start; }
@media(max-width:700px) { .stats-detail-card .stats-detail-teams { grid-template-columns:minmax(0,1fr); gap:16px; padding:16px; } }
.stats-match-context { color:#dbe2ee; font-size:16px; font-weight:650; line-height:1.45; text-align:center; overflow-wrap:anywhere; }
.stats-match.is-min.is-max strong { color:#fff; }
@media(max-width:480px){.stats-match{gap:6px 8px}.stats-match-context{font-size:14px}.stats-match>span{font-size:9px}}
.player-tables { display:grid; grid-template-columns:1fr 1fr; gap:20px; }.player-table { overflow:hidden; border:1px solid rgba(184,61,255,.35); border-radius:10px; background:#0d101c; }.player-table>header { display:flex; align-items:center; gap:12px; padding:17px 20px; background:#17132a; }.player-table>header strong,.player-table>header span { display:block; }.player-table>header span { margin-top:3px; color:#8e9aad; font-size:10px; }.player-table-logo { width:38px; height:38px; object-fit:contain; }
.player-pickers { display:grid; grid-template-columns:1fr auto 1fr; align-items:end; gap:20px; margin-bottom:18px; }.player-picker { display:grid; gap:8px; color:#8f9bad; font-size:9px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }.player-picker select { width:100%; padding:15px 38px 15px 15px; border:1px solid #a83deb; border-radius:7px; background:#0d101c; color:#fff; font:700 15px Manrope,sans-serif; text-transform:none; }.player-comparison>header strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.stats-app.is-player-mode .stats-selectors { grid-template-columns:minmax(0,720px); justify-content:center; }.stats-app.is-player-mode .stats-selectors>[data-side="b"],.stats-app.is-player-mode .stats-selectors>.stats-versus { display:none; }.player-sample-summary { grid-template-columns:minmax(0,720px); justify-content:center; }.player-sample-summary article:nth-child(1) { flex-direction:row; text-align:left; }.player-single-picker { grid-template-columns:minmax(0,720px); justify-content:center; }.player-profile { width:min(900px,100%); margin:0 auto; }.player-profile>header { grid-template-columns:1fr auto 1fr; }.player-profile>header strong:last-child { text-align:right; color:#19d3ff; font-size:12px; text-transform:uppercase; }.player-profile>div { grid-template-columns:1fr 1fr; padding-inline:clamp(20px,7vw,90px); }.player-profile>div span { text-align:left; }.player-profile>div strong { text-align:right; }
.player-table-scroll { overflow-x:auto; }.player-table table { width:100%; border-collapse:collapse; font-size:12px; }.player-table th,.player-table td { padding:11px 9px; border-top:1px solid rgba(255,255,255,.07); text-align:center; }.player-table th:first-child,.player-table td:first-child { min-width:150px; text-align:left; }.player-table th { color:#8995a8; font-size:9px; text-transform:uppercase; }.player-table td small { display:block; margin-top:3px; color:#737f91; font-size:9px; }
@media(max-width:900px){.home-actions{grid-template-columns:1fr;max-width:520px;margin:auto}.stats-header{grid-template-columns:auto 1fr}.stats-update{grid-column:2}.stats-selectors{grid-template-columns:1fr}.stats-versus{justify-self:center}.player-tables{grid-template-columns:1fr}.player-pickers{grid-template-columns:1fr}.player-pickers .stats-versus{display:none}}
@media(max-width:600px){.stats-app{width:calc(100% - 24px);padding-top:20px}.stats-header{padding:24px 16px}.stats-header h2{font-size:34px}.stats-toolbar{align-items:flex-start;flex-direction:column}.stats-toolbar p{font-size:13px}.stats-filter-row{grid-template-columns:1fr}.stats-tabs{overflow-x:auto}.stats-tabs button{flex:0 0 auto;padding-inline:14px;font-size:12px}.stats-comparison-table>header,.stats-comparison-table>div{grid-template-columns:1fr 126px 1fr;padding:0 8px}.stats-comparison-table>header strong{font-size:17px}.stats-comparison-table>header span{font-size:9px}.stats-comparison-table>div strong{font-size:21px}.stats-comparison-table>div span{font-size:12px}.sample-summary{gap:8px}.sample-summary article{align-items:flex-start;padding:12px 9px}.sample-summary article strong{font-size:15px}.sample-summary article small{font-size:10px}.stats-team-logo{width:40px;height:40px}.player-profile>div{grid-template-columns:1fr auto}.expected-note{font-size:12px;text-align:left}}

/* Tema broadcast TikTok: rimuovere "broadcast-theme" dalla scheda per tornare al tema precedente. */
.match-sheet.broadcast-theme { border-color:rgba(184,61,255,.82); background:linear-gradient(145deg,#0d1020,#070914 68%); box-shadow:0 34px 90px rgba(0,0,0,.72),0 0 36px rgba(184,61,255,.22); }
.broadcast-theme .sheet-kicker,.broadcast-theme .comparison-title { color:#cf5cff; -webkit-text-stroke:0; text-shadow:0 2px 4px rgba(0,0,0,.7); }
.broadcast-theme .sheet-match-meta { color:#c5cddc; }
.broadcast-theme .sheet-teams { border-right-color:rgba(184,61,255,.4); background:radial-gradient(circle at 50% 48%,rgba(118,37,203,.25),transparent 52%),linear-gradient(145deg,#111329,#080a17); }
.broadcast-theme .sheet-team>span,.broadcast-theme .sheet-team small { color:#c5cddc; }
.broadcast-theme .sheet-vs { color:#c552ff; text-shadow:0 0 14px rgba(184,61,255,.38); }
.broadcast-theme .compare-row { border-color:rgba(184,61,255,.3); background:#171a2b; box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 5px 12px rgba(0,0,0,.16); }
.broadcast-theme .compare-row strong,.broadcast-theme .compare-row span,.broadcast-theme .result-lead span,.broadcast-theme .result-lead small,.broadcast-theme .simulation-results h3,.broadcast-theme .exact-scores strong,.broadcast-theme .exact-scores span { -webkit-text-stroke:0; }
.broadcast-theme .compare-row strong { color:#fff; text-shadow:0 2px 4px rgba(0,0,0,.72); }
.broadcast-theme .compare-row span { color:#d8dfeb; text-shadow:0 1px 3px rgba(0,0,0,.72); }
.broadcast-theme .simulate-button { border-color:#d167ff; background:linear-gradient(100deg,#7625e8,#b02cdd); box-shadow:0 14px 34px rgba(137,37,226,.42),inset 0 1px 0 rgba(255,255,255,.22); }
.broadcast-theme .result-lead { border:2px solid rgba(184,61,255,.66); background:linear-gradient(100deg,#15102b,#10162a 52%,#15102b); box-shadow:0 9px 25px rgba(0,0,0,.25),inset 0 0 26px rgba(184,61,255,.06); }
.broadcast-theme .result-lead span,.broadcast-theme .result-lead small,.broadcast-theme .simulation-results h3 { color:#fff; text-shadow:0 2px 4px rgba(0,0,0,.75); }
.broadcast-theme .result-lead strong { color:#19d3ff; -webkit-text-stroke:0; text-shadow:0 0 15px rgba(25,211,255,.42),0 3px 5px rgba(0,0,0,.75); }
.broadcast-theme .exact-scores>div { border:2px solid rgba(184,61,255,.48); background:#151127; box-shadow:0 7px 18px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035); }
.broadcast-theme .exact-scores strong { color:#fff; text-shadow:0 2px 4px rgba(0,0,0,.8); }
.broadcast-theme .exact-scores span { color:#d8dfeb; text-shadow:none; }
.broadcast-theme .model-disclaimer { color:#9da8ba!important; }

/* Tema broadcast Fantacalcio: rimuovere "broadcast-theme" dalla sezione per ripristinare il tema precedente. */
.fantasy-screen.broadcast-theme { background:radial-gradient(circle at 76% 12%,rgba(128,34,222,.22),transparent 31%),linear-gradient(145deg,#050711,#0a0b19 58%,#04060e); }
.fantasy-screen.broadcast-theme .fantasy-header { border-bottom-color:rgba(184,61,255,.72); background:linear-gradient(90deg,rgba(4,6,15,.95),rgba(20,8,42,.82)),url("assets/serie-a-hero.png") center 44%/cover; box-shadow:0 12px 34px rgba(0,0,0,.34); }
.fantasy-screen.broadcast-theme .fantasy-pitch { border-color:rgba(184,61,255,.78); background:linear-gradient(rgba(3,10,14,.16),rgba(3,9,14,.32)),repeating-linear-gradient(90deg,#11513f 0 12.5%,#0d4436 12.5% 25%); box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 26px rgba(184,61,255,.12),inset 0 0 70px rgba(0,0,0,.24); }
.fantasy-screen.broadcast-theme .fantasy-pitch::before,.fantasy-screen.broadcast-theme .fantasy-pitch::after,.fantasy-screen.broadcast-theme .pitch-lines::before,.fantasy-screen.broadcast-theme .pitch-lines::after { border-color:rgba(235,255,250,.38); }
.fantasy-screen.broadcast-theme .pitch-heading { background:#0b0d1a; color:#fff; border-bottom:1px solid rgba(184,61,255,.34); }
.fantasy-screen.broadcast-theme .pitch-heading strong { color:#19d3ff; text-shadow:0 0 10px rgba(25,211,255,.25); }
.fantasy-screen.broadcast-theme .fantasy-player { border-color:rgba(184,61,255,.78); background:linear-gradient(140deg,#fff 0%,#f8f7ff 62%,#ece7f4 100%); box-shadow:0 9px 20px rgba(0,0,0,.34),inset 0 1px 0 #fff; }
.fantasy-screen.broadcast-theme .fantasy-player strong { color:#08050c; text-shadow:none; }
.fantasy-screen.broadcast-theme .fantasy-player small { color:#51596d; }
.fantasy-screen.broadcast-theme .fantasy-team-logo { border-color:rgba(80,47,103,.2); background:#fff; box-shadow:0 4px 10px rgba(27,18,37,.2); }
.fantasy-screen.broadcast-theme .fantasy-role { border-color:#fff; background:linear-gradient(145deg,#d044ff,#7724dc); box-shadow:0 3px 10px rgba(91,20,151,.44); }
.fantasy-screen.broadcast-theme .fantasy-bench { border-color:rgba(184,61,255,.72); background:linear-gradient(160deg,#111322,#070913); box-shadow:0 24px 60px rgba(0,0,0,.48),0 0 24px rgba(184,61,255,.1); }
.fantasy-screen.broadcast-theme .fantasy-bench>header { border-bottom-color:rgba(184,61,255,.48); background:linear-gradient(110deg,#451170,#171027); }
.fantasy-screen.broadcast-theme .fantasy-bench>header span { color:#19d3ff; }
.fantasy-screen.broadcast-theme .fantasy-bench>header strong { color:#fff; }
.fantasy-screen.broadcast-theme .bench-group { border-bottom-color:rgba(255,255,255,.09); }
.fantasy-screen.broadcast-theme .bench-group h3 { color:#d7c5e4; }
.fantasy-screen.broadcast-theme .fantasy-calculator { border-color:rgba(184,61,255,.75); background:radial-gradient(circle at 50% 44%,rgba(123,31,214,.24),transparent 42%),linear-gradient(145deg,#101323,#070913); box-shadow:0 25px 65px rgba(0,0,0,.48),0 0 26px rgba(184,61,255,.12); }
.fantasy-screen.broadcast-theme .fantasy-calculator-kicker { color:#19d3ff; }
.fantasy-screen.broadcast-theme .fantasy-calculator p { color:#c5cddc; }
.fantasy-screen.broadcast-theme .calculate-lineup-button { border-color:#d167ff; background:linear-gradient(100deg,#7625e8,#b02cdd); box-shadow:0 14px 34px rgba(137,37,226,.42),inset 0 1px 0 rgba(255,255,255,.22); }

/* Priorità finale alla tipografia della sezione statistiche. */
.stats-comparison-table>header { min-height:78px; }
.stats-comparison-table>header strong { font-size:23px; }
.stats-comparison-table>header span { color:#d3dae6; font-size:12px; font-weight:800; letter-spacing:.08em; }
.stats-comparison-table>div { min-height:66px; }
.stats-comparison-table>div strong { font-size:29px; }
.stats-comparison-table>div span { color:#d3dae6; font-size:15px; font-weight:650; }
@media(max-width:600px){.stats-comparison-table>header,.stats-comparison-table>div{grid-template-columns:1fr 126px 1fr;padding-inline:8px}.stats-comparison-table>header strong{font-size:17px}.stats-comparison-table>header span{font-size:9px}.stats-comparison-table>div strong{font-size:21px}.stats-comparison-table>div span{font-size:12px}.player-profile>div{grid-template-columns:1fr auto}}
.sheet-view-tabs { grid-column:1/-1; display:flex; gap:8px; padding:8px 30px 20px; }
@media(min-width:981px) {
  #match-sheet-content > .sheet-view-tabs { grid-row:1; }
  #match-sheet-content > .sheet-match-meta { grid-row:2; }
  #match-sheet-content > .sheet-teams { grid-row:3/5; }
  #match-sheet-content > .team-comparison { grid-row:3; }
  #match-sheet-content > .simulation-zone { grid-row:4; }
  #match-sheet-content > .sheet-lineups { grid-row:2; }
}
.sheet-view-tabs button { padding:11px 20px; border:1px solid #713298; border-radius:8px; background:#171326; color:#d4ccdf; font:700 14px Manrope,sans-serif; cursor:pointer; }
.sheet-view-tabs button[aria-pressed="true"] { color:#fff; background:linear-gradient(120deg,#7c20d9,#b72cdb); border-color:#ce66ff; }
.sheet-view-tabs button:focus-visible { outline:2px solid #fff; outline-offset:3px; }
#match-sheet-content.show-lineups > :not(.sheet-view-tabs):not(.sheet-lineups) { display:none; }
.sheet-lineups { grid-column:1/-1; padding:0 30px 30px; min-width:0; }
.sheet-lineups[hidden] { display:none; }
.sheet-view-tabs { flex-wrap:wrap; }
.sheet-detailed-stats { grid-column:1/-1; grid-row:2; padding:0 30px 30px; min-width:0; }
.sheet-detailed-stats[hidden] { display:none; }
#match-sheet-content.show-detailed-stats > :not(.sheet-view-tabs):not(.sheet-detailed-stats) { display:none; }
.match-stat-filters { display:grid; grid-template-columns:1fr 1fr; gap:26px; }
.match-stat-filters>section { padding:20px; border:1px solid #713298; border-radius:8px; background:#131020; }
.match-stat-filters header { display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.match-stat-filters h3 { margin:4px 0 0; font-size:24px; }.match-stat-filters small { color:#b4a4c7; }
.match-stat-filters .lineup-player-filters { margin:0; }
.match-stat-modes { display:flex; gap:10px; padding:22px 0; flex-wrap:wrap; }
.match-stat-modes button { padding:12px 18px; border:1px solid #713298; border-radius:7px; background:#191323; color:#d8d0e4; font:700 14px Manrope,sans-serif; cursor:pointer; }
.match-stat-modes button[aria-pressed="true"] { background:#7720b5; color:white; border-color:#c65fff; }
.match-stat-modes button:focus-visible { outline:2px solid #dda5ff; outline-offset:3px; }
.match-stat-results .stats-comparison-table,.match-stat-results .sample-summary { width:100%; }
@media(max-width:700px) { .sheet-detailed-stats { padding:0 14px 22px; }.match-stat-filters { grid-template-columns:1fr; gap:12px; }.match-stat-filters>section { padding:14px; }.match-stat-filters h3 { font-size:20px; }.match-stat-results .stats-comparison-table>header,.match-stat-results .stats-comparison-table>div { grid-template-columns:minmax(0,1fr) minmax(100px,1.3fr) minmax(0,1fr); }.match-stat-results .stats-comparison-table>header strong { font-size:14px; } }
.probable-heading { display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; color:#d66cff; font-weight:800; }
.probable-heading a { color:#c5cddc; font-size:12px; }
.lineup-updated { color:#aab2c4; font-size:12px; margin:10px 0 22px; }
.lineup-heading-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:18px; }
.lineup-team-heading { display:flex; align-items:center; gap:12px; }
.lineup-team-heading:last-child { justify-content:flex-end; text-align:right; }
.lineup-logo { width:48px; height:48px; object-fit:contain; }
.lineup-team-heading h3 { margin:0 0 7px; font-size:23px; }
.lineup-team-heading p { margin:0; font-size:12px; color:#c5cddc; }
.lineup-field-scroll { overflow-x:auto; border:1px solid #58873a; border-radius:10px; }
.lineup-field { position:relative; width:100%; min-width:620px; aspect-ratio:1.95; min-height:330px; background:repeating-linear-gradient(90deg,#236d21 0%,#236d21 10%,#287927 10%,#287927 20%); }
.field-outline { position:absolute; inset:4%; border:2px solid #d5ebbb9c; pointer-events:none; }
.field-outline i { display:block; position:absolute; border:2px solid #d5ebbb9c; }
.field-half { top:0; bottom:0; left:50%; border-width:0 0 0 2px!important; }
.field-circle { width:19%; aspect-ratio:1; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:50%; }
.field-box { width:15%; height:57%; top:21.5%; }
.field-box-home { left:-2px; }.field-box-away { right:-2px; }
.pitch-person { position:absolute; width:11.5%; transform:translate(-50%,-50%); display:grid; justify-items:center; gap:5px; text-align:center; z-index:1; }
.pitch-person > span { display:grid; place-items:center; width:46px; height:46px; border-radius:50%; background:#fff; color:#12151a; border:3px solid #172217; font:800 23px Manrope,sans-serif; box-shadow:0 3px 8px #0009; }
.pitch-person-away > span { background:#171322; color:#fff; border-color:#d8cde9; }
.pitch-person { padding:0; border:0; background:transparent; cursor:pointer; }
.pitch-person:hover > span { box-shadow:0 0 0 4px #d66cff,0 3px 8px #0009; }
.pitch-person:focus-visible { outline:3px solid #f0b6ff; outline-offset:5px; border-radius:8px; }
.lineup-bench-player { border:1px solid #a656d966; border-radius:7px; background:#231731; color:#fff; font:inherit; padding:5px 9px; margin:3px 3px 3px 0; cursor:pointer; text-align:left; }
.lineup-bench-player:hover { background:#492167; }.lineup-bench-player:focus-visible { outline:2px solid #e4a5ff; outline-offset:2px; }
.lineup-player-dialog { width:min(760px,calc(100vw - 28px)); max-height:calc(100dvh - 32px); margin:auto; padding:0; overflow:auto; color:#fff; background:#0d101b; border:1px solid #ac46e0; border-radius:12px; box-shadow:0 24px 90px #000b; }
.lineup-player-dialog::backdrop { background:#03050dc9; backdrop-filter:blur(5px); }
.match-team-metric-dialog { width:min(1180px,calc(100vw - 48px)); }
.match-team-metric-dialog > header { padding:26px 30px; }
.match-team-metric-dialog .stats-detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; padding:26px; }
.match-team-metric-dialog .stats-detail-grid article { padding:22px; }
@media(max-width:700px) { .match-team-metric-dialog { width:calc(100vw - 24px); }.match-team-metric-dialog > header { padding:20px; }.match-team-metric-dialog .stats-detail-grid { grid-template-columns:1fr; gap:16px; padding:16px; }.match-team-metric-dialog .stats-detail-grid article { padding:16px; } }
.lineup-player-dialog > header { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:22px 24px; background:linear-gradient(110deg,#361452,#161127); }
.lineup-player-dialog h3 { margin:5px 0 0; font-size:26px; }.lineup-player-dialog small { color:#c4afd6; }
.player-dialog-close { width:40px; height:40px; flex-shrink:0; border:1px solid #a777c7; border-radius:50%; background:#171120; color:#fff; font-size:27px; cursor:pointer; }
.lineup-player-body { padding:22px; }.lineup-player-filters { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:22px; }
.lineup-player-filters label { display:grid; gap:8px; color:#c6b7d3; font-size:14px; font-weight:700; }
.lineup-player-filters select { width:100%; min-width:0; padding:12px; border:1px solid #713b91; border-radius:7px; background:#1b1429; color:#fff; font:inherit; }
.lineup-player-dialog select:focus-visible,.player-dialog-close:focus-visible { outline:2px solid #df9cff; outline-offset:2px; }
.lineup-player-note { font-size:12px; color:#aeb7c9; line-height:1.6; }
@media(max-width:500px) { .lineup-player-body { padding:14px; }.lineup-player-dialog .player-profile>header { grid-template-columns:1fr auto; gap:8px; padding:14px; }.lineup-player-dialog .player-profile>header>span { display:none; }.lineup-player-dialog .player-profile>div { padding:14px; }.lineup-player-dialog .player-profile>div>span { font-size:13px; } }
.pitch-person strong { max-width:100%; color:white; font:900 clamp(16px,1.8vw,26px)/1.2 Manrope,sans-serif; text-shadow:0 2px 3px #000,0 2px 7px #000; overflow-wrap:anywhere; }
.lineup-notes { display:grid; grid-template-columns:1fr 1fr; gap:26px; margin-top:24px; color:#fff; font-size:clamp(19px,1.6vw,24px); font-weight:700; line-height:1.65; }
.lineup-notes h4 { color:#fff; margin:0; font-size:28px; }.lineup-notes b { display:block; margin-bottom:8px; color:#d66cff; font-size:20px; }
.lineup-message { padding:35px 10px; color:#c5cddc; text-align:center; }
@media(max-width:650px) { .sheet-view-tabs { padding:8px 16px 18px; }.sheet-lineups { padding:0 16px 20px; }.lineup-team-heading { gap:6px; }.lineup-team-heading h3 { font-size:17px; }.lineup-logo { width:30px; height:30px; }.lineup-notes { grid-template-columns:1fr; gap:12px; }.lineup-field-scroll { scrollbar-color:#8bba71 #183f15; } }