/* font Archivo servito dal sito */
@font-face{font-family:"Archivo";font-style:normal;font-weight:400 900;font-stretch:62% 125%;font-display:swap;src:url(/assets/fonts/archivo-latin-wdth-var.4c98b9d490.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* src/styles.css */
/* Gran Premio del Pranzo: stili comuni (pagina, tabellone a palette, palco, comandi, programma locale).
   Linguaggio visivo: una sala d'attesa di stazione (fascia blu notte in testa col tabellone a palette),
   segnaletica milanese (etichette strette in maiuscolo, righe nette, numeri grandi) e grafica sportiva
   televisiva sul palco. Colori portanti: blu notte e cobalto. Verde solo per ciò che è vivo o tocca a te
   (gara in corso, spinta, "tu", via). Azzurro e viola per dettagli rari. Angoli quasi vivi, righe al posto delle ombre.
   Font: Archivo, con l'asse della larghezza (62-125%) per passare dalle etichette strette ai titoli larghi. */
:root{
  box-sizing:border-box;
  /* colori fissi: sala, tabellone e palco sono scuri in entrambi i temi */
  --navy:#0B1F3A;--navy-2:#032D42;--navy-3:#07162B;--navy-4:#12294A;
  --cobalt:#00338D;--azure:#0091DA;--violet:#483698;
  --live:#62D84E;--live-hover:#79E466;--live-ink:#0B1F3A;--live-edge:#2F8A22;
  --flap-ink:#F4F7FB;--flap-ink-2:#8CCBF0;
  --hud:rgba(7,22,43,.86);--hud-solid:#0B1F3A;--hud-soft:#A9B8CC;--hud-line:rgba(255,255,255,.12);
  --on-dark:#EAF0F7;--on-dark-soft:#A9B8CC;
  --focus-dark:#62D84E;
  --danger:#C8102E;
  /* superfici e testo: tema chiaro */
  --paper:#F2F4F7;--panel:#FFFFFF;--sunk:#E6EAF0;--ink:#0B1F3A;--ink-soft:#4A5B73;
  --line:#D3DAE4;--line-ui:#7B8BA3;--rule:#0B1F3A;--field:#FFFFFF;
  --accent:#00338D;--btn:#00338D;--btn-hover:#00277A;--btn-ink:#FFFFFF;
  --live-text:#1E7B1A;--focus:#00338D;--danger-ink:#B00E28;--win:#00338D;
  --sel:#0B1F3A;--sel-ink:#FFFFFF;
  --font:"Archivo","Arial Narrow","Helvetica Neue",Arial,sans-serif;
  --gut:clamp(16px,3vw,32px);--maxw:1240px;
  color-scheme:light;
}
/* tema scuro: non un'inversione, una sala di sera. Fondo più profondo della fascia, testi azzurrati */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){--paper:#061527;--panel:#0B1F3A;--sunk:#081A31;--ink:#EAF0F7;--ink-soft:#9DB0C8;--line:#1C3556;--line-ui:#6E86A8;--rule:#C9D6E6;--field:#081A31;--accent:#8FB8FF;--btn:#2F5FC4;--btn-hover:#3A6FD8;--live-text:#62D84E;--focus:#62D84E;--danger-ink:#FF8A8F;--win:#62D84E;--sel:#EAF0F7;--sel-ink:#0B1F3A;color-scheme:dark;}
}
:root[data-theme="dark"]{--paper:#061527;--panel:#0B1F3A;--sunk:#081A31;--ink:#EAF0F7;--ink-soft:#9DB0C8;--line:#1C3556;--line-ui:#6E86A8;--rule:#C9D6E6;--field:#081A31;--accent:#8FB8FF;--btn:#2F5FC4;--btn-hover:#3A6FD8;--live-text:#62D84E;--focus:#62D84E;--danger-ink:#FF8A8F;--win:#62D84E;--sel:#EAF0F7;--sel-ink:#0B1F3A;color-scheme:dark;}
html{scroll-padding-top:env(safe-area-inset-top,0px);background:var(--paper);}
*,*::before,*::after{box-sizing:border-box;}
[hidden]{display:none !important;}
body{margin:0;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
button,input,select{font:inherit;color:inherit;}
button{-webkit-tap-highlight-color:transparent;}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;}
/* sulle superfici scure (sala, palco, tabellone, schede) il contorno è verde */
.hall :focus-visible,.stage :focus-visible,.caller :focus-visible,.arena.fs :focus-visible{outline-color:var(--focus-dark);}
.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;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut) 72px;}

/* ---------- Sala: testata e tabellone ---------- */
.hall{background:var(--navy);color:var(--on-dark);padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid rgba(255,255,255,.06);}
.hall-in{max-width:var(--maxw);margin:0 auto;padding:clamp(18px,3vw,36px) var(--gut) clamp(18px,3vw,32px);}
.masthead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 40px;margin-bottom:clamp(16px,2.4vw,26px);}
.masthead h1{margin:0;font-weight:900;font-stretch:122%;font-size:clamp(34px,6.4vw,80px);line-height:.86;letter-spacing:-.03em;color:#fff;}
.masthead .meta{max-width:36ch;margin:0;padding-top:10px;border-top:2px solid rgba(255,255,255,.22);color:var(--on-dark-soft);font-size:14.5px;line-height:1.45;}
.masthead .meta strong{display:block;margin-bottom:3px;color:#fff;font-weight:700;font-stretch:87.5%;font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;}
.masthead .meta strong:first-letter{text-transform:uppercase;}
.masthead .meta a{color:#fff;font-weight:700;text-underline-offset:3px;text-decoration-color:var(--live);text-decoration-thickness:2px;}

/* tabellone a palette: pannello appeso nella sala, palette blu con le lettere bianche; la seconda riga in azzurro */
.board{position:relative;background:var(--navy-3);border-radius:3px;padding:clamp(10px,1.6vw,18px) clamp(10px,1.6vw,18px) clamp(12px,1.8vw,20px);color:var(--flap-ink);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 1px 0 rgba(255,255,255,.05);}
.board-head{display:flex;align-items:center;gap:14px;margin:0 1px 12px;font-stretch:87.5%;font-size:clamp(12px,1.25vw,14px);letter-spacing:.09em;text-transform:uppercase;line-height:1.2;}
.board-title{color:#fff;font-weight:800;white-space:nowrap;}
.board-status{position:relative;color:var(--on-dark-soft);font-weight:600;flex:1 1 0;width:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.board-clock{padding:3px 7px 2px;border-radius:2px;background:#fff;color:var(--navy);font-weight:800;font-stretch:100%;letter-spacing:.02em;font-variant-numeric:tabular-nums;}
.board-clock:empty{display:none;}
/* con una gara in arrivo o in corso lo stato ha la spia verde */
body.lv-coming .board-status,body.lv-race .board-status{padding-left:16px;color:#fff;}
body.lv-coming .board-status::before,body.lv-race .board-status::before{content:"";position:absolute;left:0;top:50%;width:9px;height:9px;margin-top:-5px;border-radius:50%;background:var(--live);box-shadow:0 0 0 3px rgba(98,216,78,.22);}
body.lv-race .board-status::before{animation:spia 1.6s ease-in-out infinite;}
@keyframes spia{50%{box-shadow:0 0 0 6px rgba(98,216,78,0)}}
.flaps{display:grid;gap:clamp(2px,.36vw,5px);}
.flaps + .flaps{margin-top:clamp(5px,.7vw,9px);}
.flap{position:relative;aspect-ratio:5/7;container-type:inline-size;perspective:320px;border-radius:2px;background:#132846;box-shadow:0 1px 0 rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.25);}
.flaps.small .flap{aspect-ratio:5/6.2;}
.flap .h{position:absolute;left:0;right:0;height:50%;overflow:hidden;}
.flap .top{top:0;border-radius:2px 2px 0 0;transform-origin:50% 100%;background:linear-gradient(#1B3459,#162D50);}
.flap .bot{bottom:0;border-radius:0 0 2px 2px;transform-origin:50% 0;background:linear-gradient(#12284A,#183156);}
.flap .h span{position:absolute;left:0;right:0;height:200%;display:flex;align-items:center;justify-content:center;font-size:clamp(10px,3vw,40px);font-size:100cqw;font-weight:700;font-stretch:75%;line-height:1;color:var(--flap-ink);}
.flaps.small .flap .h span{color:var(--flap-ink-2);font-size:90cqw;font-weight:650;}
.flap .top span{top:0;}
.flap .bot span{bottom:0;}
.flap .leaf{visibility:hidden;z-index:2;backface-visibility:hidden;}
/* fessura tra le due palette e i perni ai lati */
.flap::after{content:"";position:absolute;left:0;right:0;top:calc(50% - .5px);height:1px;background:rgba(3,10,22,.9);z-index:3;}
.flaps.big .flap::before{content:"";position:absolute;left:-1px;right:-1px;top:calc(50% - 2px);height:4px;z-index:4;background:linear-gradient(90deg,#030A16 2px,transparent 2px calc(100% - 2px),#030A16 0);pointer-events:none;}
@media (max-width:640px){.flaps.big .flap::before{display:none;}}

/* ---------- Palco ---------- */
.stage{position:relative;margin-top:clamp(16px,2.2vw,24px);border-radius:3px 3px 0 0;overflow:hidden;background:linear-gradient(#8fb3d9,#cfe0ee 55%,#3f7d3a 56%);aspect-ratio:16/9;min-height:280px;isolation:isolate;}
@media (max-width:640px){.stage{aspect-ratio:4/5;}}
#gl{position:absolute;inset:0;width:100%;height:100%;display:block;transition:filter .25s ease;}
.stage.photo #gl{filter:grayscale(1) contrast(1.25) brightness(1.05);}
.labels{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2;}
.hlabel{position:absolute;left:0;top:0;display:flex;align-items:center;gap:5px;padding:2px 8px 2px 2px;border-radius:3px;background:rgba(7,22,43,.8);color:#fff;font-size:12px;font-weight:650;font-stretch:87.5%;line-height:1.2;white-space:nowrap;will-change:transform;transition:opacity .2s,background .2s;}
.hlabel.lead{background:#fff;color:var(--navy);}
.hlabel.lead .lw{opacity:.66;}
.hlabel.boost{box-shadow:0 0 0 2px #ffb020;}
.hlabel.slow{box-shadow:0 0 0 2px #e0503a;}
.hlabel .lw{font-weight:500;opacity:.72;}
.hlabel .lw:empty{display:none;}
.hlabel img{width:22px;height:22px;margin:-4px -4px -4px 0;object-fit:contain;}
.cloth{flex:none;display:inline-grid;place-items:center;min-width:26px;height:22px;padding:0 4px;border-radius:2px;background:var(--c-bg);color:var(--c-fg);font-weight:800;font-stretch:100%;font-size:13px;line-height:1;box-shadow:inset 0 0 0 1px rgba(0,0,0,.22);font-variant-numeric:tabular-nums;}
.hlabel .cloth{min-width:20px;height:18px;font-size:11px;}
/* ---------- Palco: elementi comuni sopra la scena ----------
   Come una grafica televisiva: pannelli blu notte quasi opachi, angoli vivi, cifre tabellari.
   Desktop: comandi in alto a sinistra, distanza in alto a destra, classifica sotto i comandi,
   didascalia della telecamera in alto al centro.
   Schermi stretti: la didascalia passa sotto la classifica (.hudcol), così non si sovrappongono;
   sul telefono tutto si fa più compatto per lasciare libera la scena. */
.hud{position:absolute;z-index:3;background:var(--hud);color:#fff;border-radius:3px;}
.hudcol{display:contents;}
.standings{left:10px;top:58px;margin:0;padding:6px 10px 6px 0;list-style:none;font-size:13px;width:min(42%,300px);border-left:3px solid var(--live);}
.standings li{display:grid;grid-template-columns:2.1em auto minmax(0,1fr) auto;gap:7px;align-items:center;padding:2px 0;}
.standings .p{font-weight:800;font-stretch:87.5%;font-variant-numeric:tabular-nums;color:#fff;text-align:right;}
.standings li:first-child .p{color:var(--live);}
.standings .n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650;}
.standings .w{color:var(--hud-soft);font-weight:500;}
.standings img{width:20px;height:20px;object-fit:contain;}
.stage.racing .standings li:nth-child(n+6){display:none;}
.stage.done .standings,.stage.done .dist{display:none;}
.dist{right:10px;top:10px;padding:6px 11px 6px 12px;font-weight:750;font-stretch:87.5%;font-variant-numeric:tabular-nums;font-size:14px;letter-spacing:.02em;text-align:right;line-height:1.25;}
.dist small{display:block;font-weight:650;font-size:12px;color:var(--hud-soft);}
.stage.racing .dist{box-shadow:inset 0 -3px 0 var(--live);}
.countdown{position:absolute;inset:0;z-index:5;display:grid;place-items:center;pointer-events:none;color:#fff;font-weight:900;font-stretch:125%;font-size:clamp(64px,14vw,170px);line-height:1;text-shadow:0 4px 0 rgba(3,10,22,.35),0 0 40px rgba(3,10,22,.45);-webkit-text-stroke:2px rgba(7,22,43,.55);opacity:0;}
.countdown.pop{animation:cd .7s ease-out forwards;}
@keyframes cd{0%{opacity:0;transform:scale(1.5)}18%{opacity:1;transform:scale(1)}78%{opacity:1}100%{opacity:0;transform:scale(.92)}}
.flash{position:absolute;inset:0;z-index:6;background:#fff;opacity:0;pointer-events:none;}
.flash.on{animation:fl .45s ease-out;}
@keyframes fl{0%{opacity:.9}100%{opacity:0}}
/* scheda del vincitore: una grafica da diretta in alto sopra la scena (tribuna e cielo), la scena del vincitore resta libera.
   Fascia cobalto con l'etichetta, nome grande, riga di chi prenota, pulsante per l'esportazione */
.wcard{position:absolute;z-index:4;left:50%;top:clamp(10px,2.4vw,20px);transform:translateX(-50%);min-width:min(86%,440px);max-width:92%;padding:0 0 16px;text-align:left;background:rgba(7,22,43,.95);color:#fff;border-radius:3px;overflow:hidden;box-shadow:0 18px 40px rgba(3,10,22,.4);border-bottom:4px solid var(--live);}
.wcard.show{animation:wc .45s cubic-bezier(.2,1.2,.4,1) both;}
@keyframes wc{from{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%,0)}}
.wcard .k{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:7px 18px 6px;background:var(--cobalt);color:#fff;font-weight:800;font-stretch:87.5%;font-size:13px;letter-spacing:.12em;text-transform:uppercase;}
.wcard .k::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.35);}
.wcard strong{display:block;padding:0 20px;font-weight:900;font-stretch:118%;font-size:clamp(26px,4.4vw,48px);line-height:1;letter-spacing:-.015em;margin:0 0 10px;overflow-wrap:anywhere;}
.wcard .who{display:inline-flex;align-items:center;gap:9px;padding:0 20px;font-weight:650;font-size:17px;color:var(--on-dark);}
.nogl{position:absolute;inset:0;z-index:1;display:grid;place-items:center;padding:24px;text-align:center;color:#fff;background:var(--navy-2);font-weight:600;}

/* telecronaca: la striscia sotto il palco, come il sottopancia di una diretta */
.caller{display:flex;gap:14px;align-items:flex-start;padding:12px 16px 14px;background:var(--navy);color:var(--on-dark);border-radius:0 0 3px 3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);}
.caller .mic{flex:none;display:block;margin-top:2px;}
.caller .mic-l{display:block;padding:3px 7px 2px;border:1px solid rgba(255,255,255,.35);border-radius:2px;color:var(--on-dark-soft);font-weight:700;font-stretch:87.5%;font-size:11px;letter-spacing:.12em;text-transform:uppercase;line-height:1.3;}
body.lv-race .caller .mic-l,.stage.racing + .caller .mic-l{border-color:var(--live);color:var(--live);}
.caller-body{min-width:0;flex:1;}
#call{margin:0;font-weight:600;font-size:clamp(15px,1.7vw,18px);line-height:1.4;min-height:1.4em;color:#fff;}
#call.in{animation:callin .3s ease-out;}
@keyframes callin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.order{list-style:none;margin:10px 0 0;padding:10px 0 0;display:flex;flex-wrap:wrap;gap:6px 18px;border-top:1px solid rgba(255,255,255,.12);}
.order li{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--on-dark-soft);}
.order li:first-child{color:#fff;font-weight:700;}
.order .pos{font-weight:800;font-stretch:87.5%;font-variant-numeric:tabular-nums;}
.order li:first-child .pos{color:var(--live);}
.order .cloth{min-width:20px;height:18px;font-size:11px;}

/* ---------- Comandi sotto il palco ---------- */
.controls{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:18px;}
/* via: verde come il semaforo */
.go{display:inline-flex;align-items:center;gap:14px;min-height:56px;border:0;border-radius:3px;padding:0 22px 0 24px;background:var(--live);color:var(--live-ink);font-weight:850;font-stretch:112%;font-size:clamp(18px,2.1vw,21px);letter-spacing:-.005em;cursor:pointer;box-shadow:inset 0 -4px 0 var(--live-edge);transition:background .15s;}
.go:hover{background:var(--live-hover);}
.go:active{transform:translateY(1px);box-shadow:inset 0 -2px 0 var(--live-edge);}
.go:disabled{background:var(--sunk);color:var(--ink-soft);box-shadow:inset 0 0 0 1px var(--line);cursor:default;transform:none;}
.go kbd{font:inherit;font-size:11px;font-weight:750;font-stretch:87.5%;letter-spacing:.08em;text-transform:uppercase;padding:3px 6px 2px;border-radius:2px;box-shadow:inset 0 0 0 1.5px currentColor;opacity:.75;}
@media (hover:none){.go kbd{display:none;}}
.pulegend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;flex:1;min-width:0;}
.pulegend li{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.3;color:var(--ink-soft);}
.pulegend b{color:var(--ink);font-weight:700;}
.pulegend img{width:36px;height:36px;object-fit:contain;}
.seg{display:inline-flex;border:1px solid var(--line-ui);border-radius:3px;padding:2px;background:var(--panel);}
.seg input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none;}
.seg label{display:inline-flex;align-items:baseline;min-height:40px;align-items:center;padding:0 13px;border-radius:2px;cursor:pointer;font-weight:700;font-size:14.5px;color:var(--ink-soft);white-space:nowrap;}
.seg label small{font-weight:600;font-stretch:87.5%;opacity:.85;margin-left:6px;font-size:12px;letter-spacing:.02em;}
.seg input:checked + label{background:var(--sel);color:var(--sel-ink);}
.seg input:focus-visible + label{outline:3px solid var(--focus);outline-offset:1px;}
.seg input:disabled + label{cursor:default;opacity:.6;}
.ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--line-ui);background:transparent;border-radius:3px;padding:0 14px;cursor:pointer;font-size:14.5px;font-weight:650;color:var(--ink);}
.ghost:hover{border-color:var(--ink);background:var(--panel);}
.ghost svg{width:18px;height:18px;flex:none;}
.ghost:disabled{opacity:.5;cursor:default;}
/* pulsanti secondari e livello della grafica, a destra dei comandi */
.tools2{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-left:auto;}
.gfx{display:inline-flex;align-items:center;gap:10px;}
.gfx-l{font-weight:700;font-stretch:87.5%;font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);}
.segb button{min-height:38px;padding:0 12px;border:0;border-radius:2px;background:transparent;cursor:pointer;font-weight:650;font-size:14px;color:var(--ink-soft);}
.segb button:hover{color:var(--ink);}
.segb button[aria-pressed="true"]{background:var(--sel);color:var(--sel-ink);}
.gfx-note{flex:1 1 100%;margin:-6px 0 0;text-align:right;font-size:13px;color:var(--ink-soft);}
.gfx-note:empty{display:none;}
@media (max-width:640px){
  .controls{gap:12px;}
  .pulegend{flex:1 1 100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
  .pulegend li{flex-direction:column;align-items:flex-start;gap:2px;font-size:12.5px;}
  .pulegend li span{display:block;}
  .pulegend b{display:block;font-size:13.5px;}
  .pulegend img{width:30px;height:30px;}
  .tools2{margin-left:0;width:100%;display:grid;grid-template-columns:1fr 1fr;}
  .tools2 .ghost{min-height:44px;}
  .gfx{grid-column:1 / -1;justify-content:space-between;}
  .gfx .seg{flex:1;max-width:280px;}
  .gfx .segb button{flex:1;min-height:40px;}
  .gfx-note{text-align:left;margin-top:-4px;}
}
.fairbox{margin-top:16px;max-width:78ch;}
.fairbox summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;font-size:14.5px;font-weight:700;color:var(--ink);list-style:none;}
.fairbox summary::-webkit-details-marker{display:none;}
.fairbox summary::before{content:"";width:8px;height:8px;margin:0 2px 3px 1px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg);transition:transform .15s;}
.fairbox[open] summary::before{transform:rotate(45deg);margin-bottom:6px;}
.fair{margin:0 0 0 20px;padding-left:14px;border-left:2px solid var(--line);font-size:14px;color:var(--ink-soft);}

/* ---------- Programma locale e albo d'oro ---------- */
.panels{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:36px 48px;margin-top:40px;}
@media (max-width:820px){.panels{grid-template-columns:1fr;}}
.card{border-top:3px solid var(--rule);padding-top:14px;}
.card h2{margin:0 0 4px;font-size:clamp(22px,2.4vw,28px);font-weight:850;font-stretch:112%;letter-spacing:-.01em;line-height:1.1;}
.card h3{margin:22px 0 8px;font-size:12.5px;font-weight:750;font-stretch:87.5%;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);}
.hint{margin:0 0 10px;color:var(--ink-soft);font-size:14.5px;max-width:62ch;}
fieldset.editor{border:0;margin:0;padding:0;min-width:0;}
.colhead{display:grid;grid-template-columns:30px minmax(0,1.25fr) minmax(0,1fr) 84px 34px;gap:10px;font-size:11.5px;font-weight:700;font-stretch:87.5%;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);padding:6px 0 6px;border-bottom:2px solid var(--rule);}
.entries{list-style:none;margin:0;padding:0;}
.entry{display:grid;grid-template-columns:30px minmax(0,1.25fr) minmax(0,1fr) 84px 34px;align-items:center;gap:6px 10px;padding:7px 0;border-bottom:1px solid var(--line);}
.entry .cloth{min-width:28px;height:24px;font-size:14px;}
.fld{width:100%;min-width:0;border:0;border-bottom:2px solid transparent;background:transparent;padding:6px 2px;font-size:16px;border-radius:0;}
.fld.rest{font-weight:700;}
.fld.who{color:var(--ink-soft);font-weight:550;}
.fld:hover{border-bottom-color:var(--line-ui);}
.fld:focus{outline:none;border-bottom-color:var(--focus);color:var(--ink);}
.entry.off .fld,.entry.off .cloth{opacity:.42;}
@media (max-width:560px){
  .colhead{display:none;}
  .entry{grid-template-columns:30px minmax(0,1fr) auto 34px;}
  .entry .rest{grid-column:2;grid-row:1;}
  .entry .who{grid-column:2;grid-row:2;padding-top:0;}
  .entry .switch{grid-column:3;grid-row:1 / span 2;}
  .entry .remove{grid-column:4;grid-row:1 / span 2;}
  .entry .cloth{grid-row:1 / span 2;}
}
.switch{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:var(--ink-soft);position:relative;}
.switch input{position:absolute;opacity:0;width:1px;height:1px;}
.switch .knob{position:relative;width:38px;height:22px;border-radius:2px;background:var(--sunk);box-shadow:inset 0 0 0 1px var(--line-ui);transition:background .15s;flex:none;}
.switch .knob::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:1px;background:var(--line-ui);transition:transform .15s,background .15s;}
.switch input:checked + .knob{background:var(--live);box-shadow:none;}
.switch input:checked + .knob::after{transform:translateX(16px);background:var(--live-ink);}
.switch input:focus-visible + .knob{outline:3px solid var(--focus);outline-offset:2px;}
@media (max-width:560px){.switch .lab{display:none;}}
.remove{width:34px;height:34px;border:0;border-radius:2px;background:transparent;cursor:pointer;color:var(--ink-soft);font-size:15px;padding:0;}
.remove:hover{background:rgba(200,16,46,.1);color:var(--danger-ink);}
.add{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) auto;gap:8px;margin-top:14px;}
@media (max-width:560px){.add{grid-template-columns:1fr 1fr;}.add button{grid-column:1 / -1;}}
.add input{min-width:0;min-height:44px;border:1px solid var(--line-ui);border-radius:3px;background:var(--field);padding:9px 12px;font-size:16px;}
.add input:focus{outline:3px solid var(--focus);outline-offset:1px;border-color:transparent;}
.add button{min-height:44px;border:0;border-radius:3px;background:var(--btn);color:var(--btn-ink);padding:0 18px;font-weight:750;cursor:pointer;}
.add button:hover{background:var(--btn-hover);}
.rowlinks{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;}
.linkbtn{border:0;background:none;padding:0;color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:13px;}
.linkbtn.armed{color:var(--danger-ink);font-weight:700;}
.empty{color:var(--ink-soft);font-size:14.5px;margin:6px 0 0;}
.tally{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px;}
.tally li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;}
.t-name{font-weight:650;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bar{height:6px;margin-top:4px;border-radius:0;background:var(--accent);}
.bar.b2{background:var(--live);}
.t-n{font-weight:850;font-stretch:87.5%;font-variant-numeric:tabular-nums;font-size:20px;}
.recent{list-style:none;margin:0;padding:0;font-size:14.5px;}
.recent li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);}
.recent .r-who{color:var(--ink-soft);}
.recent time{color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap;}
#confetti{position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:100;}

/* comandi sul palco (telecamera, schermo intero) */
.tools{left:10px;top:10px;display:flex;align-items:center;gap:6px;padding:4px;}
.tbtn{display:inline-grid;place-items:center;min-width:34px;height:32px;padding:0 10px;border:0;border-radius:2px;background:rgba(255,255,255,.12);color:#fff;font-weight:700;font-size:14px;cursor:pointer;}
.tbtn:hover{background:rgba(255,255,255,.24);}
.tbtn svg{width:18px;height:18px;display:block;}
.tbtn:disabled{opacity:.45;cursor:default;}
.camsel select{height:32px;max-width:min(38vw,250px);border:0;border-radius:2px;background:rgba(255,255,255,.12);color:#fff;font:inherit;font-weight:600;font-size:13px;padding:0 8px;cursor:pointer;}
.camsel select option{color:#0B1F3A;background:#fff;}
.fsgo{display:none;background:var(--live);color:var(--live-ink);}
.fsgo:hover{background:var(--live-hover);}
/* didascalia della telecamera ("Sorpasso di...", "Telecamera su..."): striscia blu notte con il bordo azzurro */
.camtag{position:absolute;z-index:3;left:50%;top:12px;transform:translateX(-50%);max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;padding:6px 14px 6px 13px;border-radius:2px;background:rgba(7,22,43,.9);box-shadow:inset 3px 0 0 var(--azure);color:#fff;font-weight:700;font-size:14px;line-height:1.3;white-space:nowrap;pointer-events:none;}
.camtag.show{animation:tagin .35s ease-out both;}
@keyframes tagin{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes tagin2{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.stage.done .camtag,.stage.done .tools .camsel{display:none;}

/* schermi stretti: classifica e didascalia in colonna, a sinistra sotto i comandi */
@media (max-width:960px){
  .hudcol{display:flex;flex-direction:column;align-items:flex-start;gap:6px;position:absolute;z-index:3;left:10px;top:58px;max-width:min(62%,320px);pointer-events:none;}
  .hudcol > .standings{position:static;width:auto;min-width:min(100%,220px);max-width:100%;}
  .hudcol > .camtag{position:static;transform:none;max-width:100%;white-space:normal;}
  .camtag.show{animation-name:tagin2;}
}
/* telefono: comandi da 40 px, classifica corta (primi tre più la propria) senza i nomi di chi propone */
@media (max-width:640px){
  .tools{left:8px;top:8px;padding:0;gap:6px;background:none;}
  .tbtn{min-width:40px;height:40px;background:var(--hud);}
  .tbtn:hover{background:rgba(18,41,74,.95);}
  .camsel select{height:40px;max-width:min(40vw,180px);padding:0 10px;background-color:var(--hud);font-size:14px;}
  .dist{right:8px;top:8px;min-height:40px;padding:4px 10px;font-size:13px;line-height:1.2;}
  .dist small{font-size:11.5px;}
  .hudcol{left:8px;top:56px;gap:5px;max-width:calc(58% - 8px);}
  .hudcol > .standings{min-width:0;padding:4px 8px 4px 0;font-size:12px;}
  .standings li{grid-template-columns:1.9em auto minmax(0,1fr) auto;gap:5px;padding:1px 0;}
  .standings .w{display:none;}
  .standings .cloth{min-width:20px;height:18px;padding:0 3px;font-size:11px;}
  .standings img{width:16px;height:16px;}
  .stage:not(.racing) .standings{display:none;}
  .stage.racing .standings li:nth-child(n+4){display:none;}
  /* prima del via (classifica senza posizioni) la scena resta libera */
  .standings:has(> li:first-child > .p:empty){display:none;}
  .hudcol > .camtag{padding:5px 10px 5px 11px;font-size:12.5px;}
  /* spinte rimaste: sul telefono solo nella propria riga (le proprie si vedono anche sul pulsante) */
  .standings li:not(.mine) .cheers{display:none;}
  /* la scheda del vincitore occupa la parte alta (tribuna e cielo), a tutta larghezza: i cavalli restano visibili */
  .stage.done .tools{display:none;}
  .wcard{left:8px;right:8px;top:8px;transform:none;min-width:0;max-width:none;padding-bottom:12px;}
  .wcard.show{animation-name:wc2;}
  .wcard .k{margin-bottom:8px;padding:6px 14px 5px;font-size:12px;}
  .wcard strong{font-size:clamp(24px,7.4vw,32px);padding:0 14px;margin-bottom:8px;}
  .wcard .who{font-size:15px;padding:0 14px;}
  .wcard .wbtn{min-height:44px;margin:12px 14px 0;}
}
@keyframes wc2{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
body.fs-lock{overflow:hidden;}
.arena.fs{position:fixed;inset:0;z-index:1000;margin:0;display:flex;flex-direction:column;background:var(--navy-3);padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);}
.arena.fs .stage{flex:1;aspect-ratio:auto;min-height:0;margin:0;border-radius:0;}
.arena.fs .caller{position:absolute;left:50%;bottom:clamp(10px,2vw,22px);transform:translateX(-50%);width:min(900px,calc(100% - 24px));z-index:6;background:rgba(7,22,43,.9);border-radius:3px;}
.arena.fs .fsgo{display:inline-grid;}
.arena.fs .camtag{top:14px;}
@media (max-width:640px){.arena.fs .stage.done .tools{display:flex;}.arena.fs .wcard{top:56px;}}
.wcard .wbtn{display:inline-flex;align-items:center;min-height:40px;margin:14px 20px 0;border:0;border-radius:2px;padding:0 16px;background:#fff;color:var(--navy);font:inherit;font-weight:750;font-size:15px;cursor:pointer;}
.wcard .wbtn:hover{background:var(--live);}

/* finestra dell'esportazione */
.modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:16px;background:rgba(3,10,22,.78);}
.mbox{width:min(920px,100%);max-height:100%;overflow:auto;background:var(--panel);color:var(--ink);border-radius:3px;padding:0 0 14px;box-shadow:0 24px 60px rgba(0,0,0,.45);border-top:4px solid var(--cobalt);}
.mbox h2{margin:0;padding:14px 18px 12px;font-size:clamp(18px,2vw,22px);font-weight:850;font-stretch:112%;}
.mbox img{display:block;width:100%;height:auto;background:var(--navy);}
.mrow{display:flex;flex-wrap:wrap;gap:8px;margin:14px 18px 0;}
.mrow button{min-height:44px;border:0;border-radius:3px;padding:0 18px;font:inherit;font-weight:750;font-size:15px;cursor:pointer;background:var(--btn);color:var(--btn-ink);}
.mrow button:hover{background:var(--btn-hover);}
.mrow .sec{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-ui);}
.mrow .sec:hover{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ink);}
.mnote{margin:10px 18px 0;font-size:13.5px;color:var(--ink-soft);min-height:1.2em;}

/* schede dei giochi (versione locale): una barra di tre linee, come le linee della metropolitana */
.gametabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:clamp(16px,2.2vw,24px);border:1px solid var(--line-ui);border-radius:3px;background:var(--panel);overflow:hidden;}
.gtab{display:flex;align-items:center;gap:12px;min-height:60px;text-align:left;padding:10px 14px;border:0;border-left:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);cursor:pointer;font:inherit;}
.gtab:first-child{border-left:0;}
.gtab .gi{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:2px;background:var(--sunk);color:var(--ink);}
.gtab .gi svg{width:24px;height:24px;display:block;}
.gi-hole{fill:var(--sunk);}
.gtab b{display:block;font-weight:800;font-stretch:106%;font-size:15px;line-height:1.2;}
.gtab small{display:block;color:var(--ink-soft);font-size:12.5px;line-height:1.3;}
.gtab:hover{background:var(--sunk);}
.gtab.on{background:var(--sel);color:var(--sel-ink);box-shadow:inset 0 -4px 0 var(--live);}
.gtab.on .gi{background:var(--live);color:var(--live-ink);}
.gtab.on .gi-hole{fill:var(--live);}
.gtab.on small{color:inherit;opacity:.78;}
.gtab:disabled{opacity:.5;cursor:default;}
@media (max-width:640px){.gametabs{grid-template-columns:1fr;}.gtab{border-left:0;border-top:1px solid var(--line);min-height:52px;padding:8px 12px;}.gtab:first-child{border-top:0;}.gtab .gi{width:34px;height:34px;}.gtab .gi svg{width:22px;height:22px;}}
.hlabel.out .t{text-decoration:line-through;}

/* telefono: margini di 16 px, testata compatta */
@media (max-width:640px){
  .hall-in{padding:18px 16px 16px;}
  .wrap{padding:0 16px 56px;}
  .masthead{gap:10px;margin-bottom:14px;}
  .masthead .meta{padding-top:8px;font-size:14px;}
  .board{padding:10px 10px 11px;}
  .board-head{gap:10px;margin-bottom:9px;font-size:11.5px;}
}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.01ms !important;transition-duration:.01ms !important;}
  /* il numero del conto alla rovescia compare fermo e sparisce da solo (anche se il "Via!" arriva in ritardo) */
  .countdown.pop{animation:cdrm .9s linear forwards !important;}
  /* entrate senza animazione: commento, didascalie e scheda del vincitore compaiono subito */
  #call.in,.camtag.show,.wcard.show{animation:none !important;}
  body.lv-race .board-status::before{animation:none !important;}
}
@keyframes cdrm{0%,75%{opacity:1}100%{opacity:0}}

/* avviso "connessione lenta" della sessione, sul palco in alto al centro */
.stallnote{left:50%;top:10px;transform:translateX(-50%);padding:5px 12px;font-size:13px;line-height:1.3;pointer-events:none;z-index:4;max-width:calc(100% - 24px);text-align:center;}

/* Temi a contrasto elevato di Windows (forced-colors): colori di sfondo e ombre spariscono, quindi i pulsanti
   senza bordo restavano solo testo. Qui hanno un bordo vero; lo stato scelto e quello disattivato si vedono dal contorno. */
@media (forced-colors: active){
  button,.ad-btn,.ad-chip,.cheer,.go,.wbtn{border:1px solid ButtonText !important;}
  button[aria-pressed="true"],.ad-chip[aria-pressed="true"]{outline:3px solid Highlight;outline-offset:1px;}
  button:disabled{border-color:GrayText !important;color:GrayText;}
  input,select,textarea{border:1px solid CanvasText !important;}
}

/* src/admin/admin.css */
/* Pagina admin: stessa grafica del sito (colori e font di src/styles.css), comandi grandi e chiari.
   I tre passaggi (giornata, proposte, gara) hanno il numero in un quadrato, come le linee della metropolitana. */

body.admin .hall-in{padding-bottom:clamp(20px,3vw,34px);}
body.admin .masthead{margin-bottom:0;}
body.busy{cursor:progress;}

.ad-login{max-width:520px;margin-top:clamp(28px,4vw,48px);}
/* stato della giornata: una striscia da tabellone subito sotto la sala */
.ad-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:clamp(20px,3vw,32px);padding:10px 10px 10px 16px;border-radius:3px;background:var(--navy);color:var(--on-dark);box-shadow:inset 4px 0 0 var(--azure);}
.ad-status{margin:0;font-weight:650;font-size:clamp(15px,1.7vw,17px);line-height:1.35;min-height:1.35em;}
.ad-status.off{color:#FFB4B8;}
.ad-top .ad-btn.sec{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);}
.ad-top .ad-btn.sec:hover{box-shadow:inset 0 0 0 1.5px #fff;}
.ad-top :focus-visible{outline-color:var(--focus-dark);}
.ad-msg{margin:12px 0 0;padding:0;font-weight:700;font-size:15px;min-height:0;}
.ad-msg:empty{display:none;}
.ad-msg.ok{padding:11px 14px;border-radius:2px;background:rgba(98,216,78,.14);box-shadow:inset 4px 0 0 var(--live);color:var(--ink);}
.ad-msg.ko{padding:11px 14px;border-radius:2px;background:rgba(200,16,46,.09);box-shadow:inset 4px 0 0 var(--danger);color:var(--ink);}
.ad-err{margin:12px 0 0;color:var(--danger-ink);font-weight:700;}
.ad-err:empty{display:none;}

/* due colonne indipendenti: a sinistra giornata e proposte, a destra gara e albo (niente buchi tra le righe) */
.ad-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px clamp(32px,4vw,56px);margin-top:32px;align-items:start;}
.ad-col{display:flex;flex-direction:column;gap:40px;min-width:0;}
@media (max-width:860px){.ad-grid{grid-template-columns:1fr;}.ad-col{gap:36px;}}
.ad-grid .card h2{display:flex;align-items:center;}
.ad-grid .card h3{margin-top:0;}
.ad-grid .hint{margin-bottom:14px;}
.ad-danger{border-top-color:var(--danger);}
.ad-step{flex:none;display:inline-grid;place-items:center;width:30px;height:30px;margin-right:12px;border-radius:2px;background:var(--cobalt);color:#fff;font-size:16px;font-weight:850;font-stretch:100%;letter-spacing:0;}
.ad-race .ad-step{background:var(--live);color:var(--live-ink);}
.ad-desc{margin:8px 0 4px;font-size:14px;color:var(--ink-soft);}
.ad-auto{margin-top:26px;padding-top:16px;border-top:1px solid var(--line);}
.ad-auto h3{margin-bottom:6px !important;}

.ad-label{display:block;margin:14px 0 8px;padding:0;font-weight:750;font-stretch:87.5%;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);}
.ad-quick{display:flex;flex-wrap:wrap;gap:8px;}
.ad-chip{min-height:48px;min-width:84px;padding:0 16px;border:0;border-radius:3px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line-ui);color:var(--ink);font:inherit;font-weight:800;font-stretch:87.5%;font-size:20px;font-variant-numeric:tabular-nums;cursor:pointer;}
.ad-chip:hover{box-shadow:inset 0 0 0 1.5px var(--ink);}
.ad-chip[aria-pressed="true"]{background:var(--navy);color:#fff;box-shadow:inset 0 -4px 0 var(--live);}

.ad-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 12px;margin-top:14px;}
.ad-field{display:flex;flex-direction:column;gap:6px;min-width:0;}
.ad-field.grow{flex:1 1 200px;}
.ad-field span{font-weight:750;font-stretch:87.5%;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);}
.ad-field input{min-height:48px;min-width:0;border:1px solid var(--line-ui);border-radius:3px;background:var(--field);padding:9px 12px;font-size:16px;font-weight:600;}
.ad-field input:hover{border-color:var(--ink);}
.ad-field input[type="time"],.ad-field input[type="number"]{width:9em;font-variant-numeric:tabular-nums;}
.ad-field input:focus{outline:3px solid var(--focus);outline-offset:1px;border-color:transparent;}
.ad-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;}

a.ad-btn{display:inline-flex;align-items:center;text-decoration:none;}
.ad-btn{min-height:48px;border:0;border-radius:3px;padding:0 20px;background:var(--btn);color:var(--btn-ink);font:inherit;font-weight:800;font-size:16px;cursor:pointer;}
.ad-btn:hover{background:var(--btn-hover);}
.ad-btn:disabled{opacity:.45;cursor:default;}
/* il via: verde, come il semaforo */
.ad-btn.go{min-height:56px;background:var(--live);color:var(--live-ink);font-stretch:112%;font-size:20px;padding:0 34px;box-shadow:inset 0 -4px 0 var(--live-edge);}
.ad-btn.go:hover{background:var(--live-hover);}
.ad-btn.go:disabled{background:var(--sunk);color:var(--ink-soft);box-shadow:inset 0 0 0 1px var(--line);opacity:1;}
.ad-btn.sec{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-ui);font-weight:700;font-size:15px;}
.ad-btn.sec:hover{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ink);}
.ad-btn.small{min-height:44px;padding:0 13px;font-size:14px;}
.ad-btn.armed{background:var(--danger) !important;color:#fff !important;box-shadow:none !important;}

.ad-set{border:0;margin:0;padding:0;min-width:0;}
.ad-seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--line-ui);border-radius:3px;padding:2px;background:var(--panel);}
.ad-seg input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none;}
.ad-seg label{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:2px;cursor:pointer;font-weight:700;font-size:15px;color:var(--ink-soft);}
.ad-seg label:hover{color:var(--ink);}
.ad-seg input:checked + label{background:var(--sel);color:var(--sel-ink);}
.ad-seg input:focus-visible + label{outline:3px solid var(--focus);outline-offset:1px;}
.ad-seg input:disabled + label{cursor:default;opacity:.6;}
.ad-seg input:disabled:checked + label{opacity:1;background:var(--sunk);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-ui);}

.ad-entries,.ad-hist{list-style:none;margin:0;padding:0;border-top:3px solid var(--rule);}
.ad-entries li{display:grid;grid-template-columns:2em minmax(0,1fr) minmax(0,1.3fr) auto auto;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--line);}
.ad-entries li.empty,.ad-hist li.empty{display:block;padding:12px 0;color:var(--ink-soft);font-size:14.5px;border:0;}
.ad-num{font-weight:850;font-stretch:87.5%;font-size:17px;font-variant-numeric:tabular-nums;color:var(--ink-soft);text-align:right;}
.ad-entries input{min-width:0;min-height:44px;border:1px solid transparent;border-radius:2px;background:transparent;padding:6px 8px;font-size:16px;}
.ad-entries .ad-rest{font-weight:700;}
.ad-entries input:hover:not(:disabled){border-color:var(--line-ui);}
.ad-entries input:focus{outline:none;border-color:var(--focus);background:var(--field);}
.ad-entries li.dirty{background:rgba(0,145,218,.1);box-shadow:inset 4px 0 0 var(--azure);}
@media (max-width:560px){
  .ad-entries li{grid-template-columns:1.6em minmax(0,1fr) auto;}
  .ad-entries .ad-who{grid-column:2;grid-row:1;}
  .ad-entries .ad-rest{grid-column:2;grid-row:2;}
  .ad-entries .ad-save{grid-column:3;grid-row:1;}
  .ad-entries .ad-del{grid-column:3;grid-row:2;}
  .ad-num{grid-row:1 / span 2;}
}
.ad-hist li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);}
.ad-h{display:flex;flex-direction:column;min-width:0;}
.ad-h b{font-weight:750;overflow-wrap:anywhere;}
.ad-h span{font-size:13px;color:var(--ink-soft);}