/* Dariche widget: juve-injuries (Juventus injured lineup) */
#jvi{--bg:#faf7ef;--ink:#1a2e2b;--muted:color-mix(in srgb,#1a2e2b 62%,#faf7ef);--rule:color-mix(in srgb,#1a2e2b 14%,#faf7ef);--sun:#dd943a;--gold:#9a5f17;--hurt:#a3423f;--pitch:#25463f;--pitch2:#2a4f47;--line:rgba(250,247,239,.55);--chip:#faf7ef;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);border:1px solid var(--rule);border-radius:14px;padding:22px 22px 16px;margin:0 0 1.6em;max-width:1100px;box-sizing:border-box;line-height:1.4}
:root[data-theme="dark"] #jvi{--bg:#16201e;--ink:#ecebe3;--muted:color-mix(in srgb,#ecebe3 60%,#16201e);--rule:color-mix(in srgb,#ecebe3 14%,#16201e);--sun:#e8a650;--gold:#e8a650;--hurt:#e57f78;--pitch:#13302b;--pitch2:#163631;--line:rgba(236,235,227,.35);--chip:#1d2a27}
#jvi *{box-sizing:border-box}
#jvi .jvi-kick{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--sun);margin:0 0 6px}
#jvi .jvi-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}
#jvi h3.jvi-title{font-family:"Source Serif 4",Georgia,serif;font-weight:800;font-size:clamp(24px,4vw,34px);line-height:1.08;margin:0;letter-spacing:-.01em;color:var(--ink)}
#jvi .jvi-sub{margin:6px 0 0;color:var(--muted);font-size:14px;max-width:46ch}
#jvi .jvi-count{text-align:right;min-width:120px}
#jvi .jvi-num{font-family:"Source Serif 4",Georgia,serif;font-weight:900;font-size:clamp(44px,8vw,64px);line-height:.9;color:var(--hurt);font-variant-numeric:tabular-nums;transition:color .3s}
#jvi .jvi-num.jvi-low{color:var(--sun)}
#jvi .jvi-numlab{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600}
#jvi .jvi-pitch{position:relative;width:100%;aspect-ratio:105/62;border-radius:10px;overflow:hidden;background:repeating-linear-gradient(90deg,var(--pitch) 0 9.09%,var(--pitch2) 9.09% 18.18%)}
#jvi .jvi-pitch svg.jvi-lines{position:absolute;inset:0;width:100%;height:100%}
#jvi .jvi-p{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;padding:4px;cursor:pointer;font:inherit;color:#faf7ef;-webkit-tap-highlight-color:transparent}
#jvi .jvi-dot{position:relative;width:clamp(30px,5.2vw,46px);height:clamp(30px,5.2vw,46px);border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:clamp(11px,1.7vw,15px);font-variant-numeric:tabular-nums;border:2px dashed rgba(250,247,239,.75);background:rgba(12,22,20,.45);color:#faf7ef;transition:background .35s,border .35s,transform .25s,box-shadow .25s}
#jvi .jvi-dot::after{content:"+";position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--hurt);color:#fff;font-size:15px;font-weight:800;line-height:17px;text-align:center;transform:rotate(45deg);transition:opacity .3s}
:root[data-theme="dark"] #jvi .jvi-dot::after{color:#16201e}
#jvi .jvi-p.jvi-back .jvi-dot{border:2px solid var(--sun);background:var(--sun);color:#1a2e2b}
#jvi .jvi-p.jvi-back .jvi-dot::after{opacity:0}
#jvi .jvi-p:hover .jvi-dot,#jvi .jvi-p.jvi-sel .jvi-dot{transform:scale(1.1);box-shadow:0 0 0 4px rgba(221,148,58,.45)}
#jvi .jvi-p:focus-visible{outline:2px solid var(--sun);outline-offset:2px;border-radius:8px}
#jvi .jvi-nm{font-size:clamp(10px,1.4vw,13px);font-weight:700;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.55)}
#jvi .jvi-rt{font-size:clamp(9px,1.2vw,11px);white-space:nowrap;padding:1px 7px;border-radius:99px;background:rgba(0,0,0,.35);color:#f3e2c7;font-weight:600}
#jvi .jvi-p.jvi-back .jvi-rt{background:var(--sun);color:#1a2e2b}
#jvi .jvi-card{position:absolute;z-index:3;width:min(260px,70%);background:var(--chip);color:var(--ink);border-radius:10px;padding:12px 14px 12px;box-shadow:0 10px 30px rgba(0,0,0,.28);border-left:4px solid var(--hurt);font-size:13px;display:none}
#jvi .jvi-card.jvi-on{display:block}
#jvi .jvi-card b{font-family:"Source Serif 4",Georgia,serif;font-size:17px;display:block;margin-bottom:2px}
#jvi .jvi-card .jvi-pos{color:var(--muted);font-size:12px;margin-bottom:8px}
#jvi .jvi-card dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:3px 10px}
#jvi .jvi-card dt{color:var(--muted)}
#jvi .jvi-card dd{margin:0;font-weight:600}
#jvi .jvi-card .jvi-x{position:absolute;top:6px;right:8px;border:0;background:none;color:var(--muted);font-size:18px;cursor:pointer;padding:2px 6px}
#jvi .jvi-ctl{display:flex;align-items:center;gap:14px;margin-top:16px}
#jvi .jvi-play{flex:none;width:42px;height:42px;border-radius:50%;border:0;background:var(--sun);color:#1a2e2b;font-size:15px;cursor:pointer;display:grid;place-items:center;font-weight:800}
#jvi .jvi-play:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
#jvi .jvi-track{flex:1;min-width:0}
#jvi .jvi-date{font-size:13px;font-weight:700;margin-bottom:4px;font-variant-numeric:tabular-nums}
#jvi .jvi-date span{color:var(--muted);font-weight:500}
#jvi input.jvi-range{width:100%;margin:0;accent-color:var(--sun);height:22px;cursor:pointer}
#jvi .jvi-ticks{position:relative;height:14px;font-size:10.5px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-top:2px}
#jvi .jvi-foot{margin-top:12px;padding-top:10px;border-top:1px solid var(--rule);font-size:11.5px;color:var(--muted);line-height:1.5}
#jvi .jvi-foot a{color:inherit}
#jvi .jvi-ticks span{position:absolute;transform:translateX(-50%)}
#jvi .jvi-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:10px 0 0}
#jvi .jvi-legend i{display:inline-block;width:11px;height:11px;border-radius:50%;vertical-align:-1px;margin-right:5px}
#jvi .jvi-legend .l1{border:1.5px dashed var(--hurt);background:color-mix(in srgb,var(--hurt) 25%,transparent)}
#jvi .jvi-legend .l2{background:var(--sun)}
@media (max-width:560px){#jvi{padding:16px 12px 12px;border-radius:12px}#jvi .jvi-rt{display:none}#jvi .jvi-p.jvi-sel .jvi-rt{display:block}#jvi .jvi-count{text-align:left}#jvi .jvi-dot::after{width:13px;height:13px;font-size:12px;line-height:12px;top:-4px;right:-4px}#jvi .jvi-nm{font-size:10px}}
@media (prefers-reduced-motion:reduce){#jvi *{transition:none!important}}
