:root{--notte:#18213e;--grigio:#45576a;--giallo:#ffd23f;--f-ui:'DM Sans',system-ui,sans-serif;--f-display:'Barlow Condensed',Impact,sans-serif}
/* feltro del tavolo: stesse regole della Sala (tappa-film.css) */
.sala-dice-stage{position:relative;height:96px;overflow:hidden}.sala-dice-host,.sala-dice-host .dice-renderer,.sala-dice-host canvas{width:100%;height:100%}
.sala-dice-stage .die-wrap{position:absolute;z-index:2;transform:translate(-50%,-50%);width:16%;height:48px}.sala-dice-stage .die{width:100%;height:100%;border:0;background:transparent;color:transparent;cursor:pointer}
.sala-comandi{display:flex;align-items:center;justify-content:center;gap:16px;height:68px;padding-bottom:6px;color:#fff}
.sala-tira{position:relative;width:58px;height:58px;border-radius:22px;padding:0;overflow:visible;transform:rotate(-4deg);
  border:2px solid #e9fbffcc;
  background:radial-gradient(circle at 28% 22%,#ffffffee 0 9%,transparent 26%),radial-gradient(circle at 75% 80%,#7fc7e099,transparent 55%),linear-gradient(145deg,#d8f6ff,#9bd8ec 45%,#5fb3d3 80%,#3d93b8);
  box-shadow:inset 0 3px 6px #fff,inset 0 -6px 12px #2a7fa699,inset 4px 0 10px #ffffff88,0 0 14px #9fe6ff88,0 5px 0 #1d5f7c,0 9px 14px #0009}
.sala-tira .dz{position:absolute;inset:0;display:grid;place-items:center;font:34px/1 Anton,Impact;letter-spacing:-1px;color:#18213e;-webkit-text-stroke:1.5px #f5f9ff;filter:blur(.4px);opacity:.85;transform:rotate(4deg) scale(.96)}
/* velo di ghiaccio sopra il DZ: crepe e brina */
.sala-tira::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(118deg,transparent 30%,#ffffffb0 31%,transparent 33%),linear-gradient(32deg,transparent 58%,#ffffff90 59%,transparent 60.5%),linear-gradient(170deg,transparent 70%,#ffffff70 71%,transparent 72%),linear-gradient(180deg,#ffffff55,transparent 40%,#bfefff33);mix-blend-mode:screen}
.sala-tira b{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%) rotate(4deg);background:#18213e;color:#bff0ff;font:12px/1 Anton,Impact;letter-spacing:.8px;padding:3px 8px;border-radius:7px;border:2px solid #bff0ff;z-index:2}
.sala-tira:active{transform:rotate(-4deg) translateY(3px);box-shadow:inset 0 3px 6px #fff,inset 0 -6px 12px #2a7fa699,0 0 18px #bff0ffaa,0 2px 0 #1d5f7c}
.sala-tira:disabled{filter:saturate(.4) brightness(.8)}
.sala-zero{border:0;background:none;color:#fff;font-size:24px;width:40px}
.sala-tiri{min-width:46px;height:46px;padding:4px 6px 0;border-radius:12px;background:#0c2a33;border:2px solid #7fd3ec66;box-shadow:inset 0 0 10px #7fd3ec33;text-align:center;font:26px/1 Anton,Impact;color:#bff0ff;text-shadow:0 0 8px #7fd3ec99;font-variant-numeric:tabular-nums}
.sala-tiri::after{content:'TIRI';display:block;font:700 8px/1 system-ui;letter-spacing:1.2px;color:#7fd3ecbb;margin-top:2px}
.sala-tiri.su{animation:pop .3s cubic-bezier(.2,1.8,.4,1)}
.segna{height:50px;padding:0 10px 0 4px;border-radius:14px;background:var(--oro);border:3px solid #000;box-shadow:0 3px 0 #000;display:flex;align-items:center;gap:4px;color:var(--china)}
.segna[hidden]{display:none}.segna svg{width:42px;height:42px}
.segna b{font:20px/1 Anton,Impact}.segna small{display:block;font:700 10px system-ui}
.segna.pop{animation:pop .35s cubic-bezier(.2,1.8,.4,1)}@keyframes pop{from{transform:scale(.4)}}
.gia{height:164px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;font:700 13px system-ui}
.gia svg{width:64px;height:64px}
.fila button .colpo{position:absolute;bottom:2px;left:2px;width:26px;height:26px}

/* h.html e g.html: palco, testata, biglietti e vassoio del Film. */
.film-vista{--china:#18213e;--beige:#e9d7b4;--oro:#f5c518;--rosso:#c8102e;position:absolute;z-index:20;inset:0;background:#000;color:#fff;overflow:hidden;font-family:system-ui,sans-serif;isolation:isolate}
.film-vista *{box-sizing:border-box}
.film-vista button{cursor:pointer}
.film-vista .palco{position:absolute;inset:0;overflow:hidden;display:block;z-index:auto;pointer-events:auto;visibility:visible}
.film-vista .palco video{width:100%;height:100%;object-fit:cover}
.film-vista .palco .fondo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.film-vista .palco .fondo.sfocata{filter:blur(14px) brightness(.45);transform:scale(1.1)}
.film-vista .palco .fondo.locandina{top:74px;height:calc(100% - 82px - var(--basso,286px));object-fit:contain;filter:drop-shadow(0 10px 24px #000)}
.film-vista .palco .fondo.trailer{filter:brightness(.65)}
.film-vista .alto{position:absolute;z-index:41;top:0;left:0;right:0;padding:14px 14px 22px;background:linear-gradient(#000c,transparent);display:flex;align-items:center;gap:10px}
.film-vista .indietro{position:static;flex:none;width:40px;height:40px;border-radius:12px;background:var(--china);display:grid;place-items:center;box-shadow:0 3px 0 #000;border:0}
.film-vista .indietro svg{width:18px;height:18px;stroke:#fff;stroke-width:2.4;fill:none}
.film-vista .tl{flex:1;min-width:0}
.film-vista .tl .riga{display:flex;justify-content:space-between;gap:4px;font:700 11px system-ui;color:#fff;margin-bottom:5px;text-shadow:0 1px 0 #000}
.film-vista .tl .riga b{font:15px Anton,Impact;color:var(--oro);letter-spacing:.5px;-webkit-text-stroke:.6px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.film-vista .tl .riga span{white-space:nowrap}
.film-vista .tl .binario{position:relative;display:flex;justify-content:space-between;align-items:center;height:22px}
.film-vista .tl .binario::before{content:'';position:absolute;left:8px;right:8px;height:2px;background:repeating-linear-gradient(90deg,#ffffff88 0 4px,transparent 4px 7px)}
.film-vista .tl .binario button{position:relative;width:22px;height:22px;border-radius:50%;background:#333;border:2px solid #000;display:grid;place-items:center;padding:0}
.film-vista .tl .binario button svg{width:12px;height:12px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round}
.film-vista .tl .binario button.fatta{background:var(--oro)}.film-vista .tl .binario button.fatta svg{stroke:var(--china)}
.film-vista .tl .binario button.ora{background:var(--rosso);border-color:#fff;box-shadow:0 0 0 4px #c8102e55}
.film-vista .tl .binario button:disabled{opacity:.5}
.film-vista.strofa .tl .binario{height:14px}.film-vista.strofa .tl .binario::before{left:0;right:0}
.film-vista.strofa .tl .binario i{position:relative;width:7px;height:7px;border-radius:50%;background:#fff6;border:1.5px solid #000}
.film-vista.strofa .tl .binario i.fatta{background:var(--oro)}
.film-vista.strofa .tl .binario i.ora{width:12px;height:12px;background:var(--rosso);border-color:#fff;box-shadow:0 0 0 4px #c8102e55;animation:fv-batte 1.2s ease-in-out infinite}
@keyframes fv-batte{50%{box-shadow:0 0 0 7px #c8102e22}}
.film-vista .saldo{flex:none;display:flex;align-items:center;gap:5px;background:#000a;border:2px solid var(--oro);border-radius:14px;padding:3px 9px 3px 4px;font:16px Anton,Impact;color:var(--oro)}
.film-vista .chip{width:20px;height:20px;border-radius:50%;background:repeating-conic-gradient(var(--oro) 0 30deg,#c8102e 30deg 60deg);border:2px solid #fff;display:inline-block;flex:none}
.film-vista .audio{width:40px;height:40px;border-radius:12px;background:var(--rosso);display:grid;place-items:center;box-shadow:0 3px 0 #000;border:0;flex:none}
.film-vista .audio svg{width:18px;height:18px;fill:#fff}
.film-vista .colonne{position:absolute;z-index:40;top:60px;left:12px;right:12px;display:flex;gap:6px;justify-content:center;align-items:center}
.film-vista .colonne>span{font:700 9px system-ui;letter-spacing:1px;color:#fff;text-shadow:0 1px 2px #000;writing-mode:vertical-rl;transform:rotate(180deg)}
.film-vista .colonne button{position:relative;display:flex;align-items:center;gap:6px;height:38px;padding:0 10px 0 3px;border-radius:19px;background:#000b;border:2px solid #ffffff55;color:#fff;font:14px Anton,Impact;letter-spacing:.4px;min-width:0;flex:1}
.film-vista .colonne button img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid #fff;flex:none}
.film-vista .colonne button.ora{background:var(--oro);color:var(--china);border-color:#000;box-shadow:0 3px 0 #000}
.film-vista .colonne button small{display:block;font:700 8px system-ui;letter-spacing:.6px;opacity:.8}
.film-vista .colonne button.suona img{animation:fv-gira 2s linear infinite}@keyframes fv-gira{to{transform:rotate(360deg)}}
.film-vista .sotto{position:absolute;z-index:40;top:106px;left:12px;right:12px;text-align:center;font:800 19px/1.28 system-ui,sans-serif;color:#fff;text-shadow:0 2px 0 #000,0 0 8px #000;padding:6px 10px;border-radius:12px;background:#000a}
.film-vista:not(.strofa) .sotto{top:auto;bottom:calc(var(--basso,286px) + 46px);font:700 14px/1.3 system-ui;background:none}
.film-vista .piede{position:absolute;z-index:3;left:16px;right:16px;bottom:calc(var(--basso,286px) + 18px);display:flex;flex-direction:column;align-items:center;gap:5px}
.film-vista .piede .num{align-self:flex-end;margin-right:-6px;white-space:nowrap;font:11px Anton,Impact;letter-spacing:.4px;color:#fff;background:var(--rosso);padding:2px 7px;border-radius:6px;border:1.5px solid #fff}
.film-vista.strofa .piede{display:none}
.film-vista .basso{position:absolute;z-index:9;left:0;right:0;bottom:0;padding:30px 10px 10px;background:linear-gradient(transparent,#000c 20%,#000 55%);display:flex;flex-direction:column;gap:9px}
.film-vista .fila{display:flex;gap:8px}
.film-vista .fila button{flex:1;min-width:0;position:relative;border-radius:12px;overflow:hidden;border:3px solid #ffffff44;background:var(--beige);padding:0;text-align:left;display:flex;flex-direction:column;color:var(--china)}
.film-vista .fila button .foto{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--china);width:100%}
.film-vista .fila button .foto img{width:100%;height:100%;object-fit:cover;display:block}
.film-vista .fila button .tit{padding:3px 5px 4px;font:12px/1.05 Anton,Impact;text-transform:uppercase;color:var(--china);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:24px;width:100%}
.film-vista .fila button .tit b{display:inline-block;margin-right:4px;padding:1px 4px;border-radius:5px;background:var(--rosso);color:#fff;font:11px/1 Anton,Impact}
.film-vista .fila button .tit small{display:block;font:700 9px system-ui;letter-spacing:.3px;color:var(--rosso);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.film-vista.strofa .fila button .tit{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:35px;border-top:2px dashed #18213e55}
/* Titoli della tappa 0 (Daniele 19/10): taglio sui volti del cast e scritta nella grafica della sua locandina. */
.film-vista .fila button.loc-a .foto img{object-position:50% 4%}
.film-vista .fila button.loc-b .foto img{object-position:50% 17%}
.film-vista .fila button.loc-c .foto img{object-position:50% 47%}
.film-vista .fila button[class*=loc-] .tit{display:flex;align-items:center;gap:4px}
.film-vista .fila button[class*=loc-] .tit span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.film-vista .fila button.loc-a .tit{background:#0b0b0d;color:#f5c518;font:14px/1.1 Anton,Impact;text-shadow:0 2px 0 #c8102e}
.film-vista .fila button.loc-b .tit{background:#1b0c2e;color:#fff;font:17px/1.1 Yellowtail,cursive;text-transform:none;text-shadow:0 0 4px #ff4fd8,0 0 9px #ff2fa8}
.film-vista .fila button.loc-c .tit{background:#0c2a1f;color:#e9c46a;font:13px/1.1 Limelight,serif;text-shadow:0 1px 0 #000}
@media(max-width:520px){.film-vista .fila button[class*=loc-] .tit{white-space:normal;min-height:34px}.film-vista .fila button[class*=loc-] .tit span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.film-vista .fila button.loc-a .tit{font-size:10.5px;letter-spacing:-.2px}.film-vista .fila button[class*=loc-] .tit b{margin-right:2px}.film-vista .fila button.loc-b .tit{font-size:15px;line-height:1}.film-vista .fila button.loc-c .tit{font-size:11px}}
.film-vista .fila button.ora{border-color:var(--oro);box-shadow:0 0 0 3px #f5c51866;transform:translateY(-3px)}
.film-vista .fila button.nuova::before{content:'';position:absolute;z-index:2;top:5px;right:5px;width:10px;height:10px;border-radius:50%;background:var(--rosso);border:2px solid #fff}
.film-vista .fila button .dadi-fermi{--d:12px;gap:2px;position:absolute;left:0;right:0;bottom:3px}
.film-vista .voto.errore{box-shadow:inset 0 0 0 4px var(--rosso)}
.film-vista .voto{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:linear-gradient(#102b25,#061a16);border:2px solid #d8b46a;min-height:164px;height:164px}
.film-vista .voto .sala-dice-stage{height:96px;min-height:96px;flex:none;width:100%;position:relative;overflow:hidden}
.film-vista .sala-dice-host{position:relative;width:100%;height:100%}
.film-vista .dice-renderer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.film-vista .dice-renderer canvas{display:block;width:100%;height:100%}
.film-vista .voto .sala-comandi{height:68px;flex:none}
.film-vista .voto .die-wrap{width:min(16%,54px);height:48px}
.film-vista .gia{height:164px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;font:700 13px system-ui}
.film-vista .dadi-fermi{display:flex;gap:4px;justify-content:center}
.film-vista .dadi-fermi span{width:var(--d,34px);height:var(--d,34px);border-radius:22%;background:#33413d center/cover;box-shadow:1px 2px 0 #000}
.film-vista .dadi-fermi span.zero{position:relative}.film-vista .dadi-fermi span.zero::after{content:'';position:absolute;inset:45% -2px auto;border-top:3px solid #ffb5aa;transform:rotate(-35deg)}
.film-vista .rivota{height:40px;padding:0 12px 0 6px;border-radius:20px;background:#18213e;border:3px solid var(--oro);color:#fff;font:14px Anton,Impact;letter-spacing:.4px;box-shadow:0 4px 0 #000;display:flex;align-items:center;gap:6px}
.film-vista .rivota .chip{width:26px;height:26px;display:inline-grid;place-items:center;color:#18213e;box-shadow:inset 0 0 0 5px #fff8}
.film-vista .rivota .chip i{font:10px Anton,Impact;font-style:normal;background:#fff;border-radius:50%;width:16px;height:16px;display:grid;place-items:center}
.film-vista .rivota:disabled{opacity:.4}
.film-vista .fv-table{display:none;position:absolute;z-index:50;inset:0;background:#08140fee;padding:70px 12px 20px;flex-direction:column;justify-content:center;gap:12px}.film-vista .fv-table.on{display:flex}
.film-vista .fv-table h2{margin:0;color:var(--oro);text-align:center}.film-vista .fv-table .fv-next{align-self:center}
.film-vista .fv-next{border:3px solid #fff;border-radius:22px;padding:8px 18px;background:var(--rosso);color:#fff;font:18px Anton,Impact}
@media(max-width:390px){.film-vista .fila button .tit{font-size:12px}}
/* livello colonna sonora: testata del brano (h.html) e karaoke a una riga sopra l'etichetta della strofa */
.film-vista .brano{position:absolute;z-index:3;left:14px;right:14px;top:74px;display:flex;align-items:center;gap:10px}
.film-vista .brano img{width:52px;height:52px;border-radius:10px;border:2px solid #fff;object-fit:cover;flex:none}
.film-vista .brano b{display:block;font:22px/1 Anton,Impact;color:#fff;text-shadow:0 2px 0 #000}
.film-vista .brano small{font:700 11px system-ui;letter-spacing:1px;color:var(--oro);text-shadow:0 1px 0 #000}
.film-vista .brano .eq{margin-left:auto;display:flex;gap:3px;align-items:flex-end;height:22px}
.film-vista .brano .eq i{width:4px;background:var(--oro);border-radius:2px;height:30%;animation:fv-barra .5s ease-in-out infinite alternate}
@keyframes fv-barra{to{height:100%}}

/* Cartello d'ingresso (Daniele 19/10): entrando si capisce cosa si vota. Un tocco o 3 s e sparisce. */
.film-vista .cartello{position:absolute;inset:0;z-index:30;display:grid;place-content:center;justify-items:center;gap:14px;padding:24px;background:#06161ff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f1ead9;text-align:center}
.film-vista .cartello.via{animation:cartello-via .3s ease-in forwards}
.film-vista .cartello svg{width:64px;height:64px;fill:none;stroke:var(--giallo,#f5c518);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.film-vista .cartello b{font:400 clamp(30px,8cqi,54px)/1 var(--display);letter-spacing:.03em;color:var(--giallo,#f5c518)}
.film-vista .cartello span{max-width:22em;font:600 17px/1.3 system-ui}
@keyframes cartello-via{to{opacity:0}}
@media(prefers-reduced-motion:reduce){.film-vista .cartello.via{animation:none}}
/* AVANTI dopo il voto della canzone (Daniele 19/10). */
.film-vista .voto:has(.fv-avanti){height:auto;align-items:center;gap:10px;padding:12px 0 14px}
.film-vista .voto:has(.fv-avanti) .gia{height:auto}
.segna:disabled{opacity:.5;filter:grayscale(1);box-shadow:none}
/* VOTA E AVANTI (Daniele 19/10): a destra della barra, ghiaccio come TIRA ma rosso, scatta al tocco. */
.sala-comandi.con-avanti{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:0 12px 6px}
.sala-gruppo{grid-column:2;display:flex;align-items:center;gap:16px}
.segna.avanti{grid-column:3;justify-self:end;position:relative;height:58px;padding:0 14px;border-radius:22px;transform:rotate(3deg);overflow:hidden;color:#fff;border:2px solid #ffe9e6cc;
  background:radial-gradient(circle at 22% 22%,#ffffffcc 0 8%,transparent 24%),radial-gradient(circle at 80% 85%,#ff8a7a99,transparent 55%),linear-gradient(145deg,#ffd9d3,#f0786a 45%,#d23a2a 80%,#a52a17);
  box-shadow:inset 0 3px 6px #fff,inset 0 -6px 12px #8a1a0e99,inset 4px 0 10px #ffffff88,0 0 14px #ff9f9f88,0 5px 0 #6e140a,0 9px 14px #0009}
.segna.avanti::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,transparent 30%,#ffffffa0 31%,transparent 33%),linear-gradient(32deg,transparent 58%,#ffffff80 59%,transparent 60.5%),linear-gradient(180deg,#ffffff55,transparent 40%,#ffd0c833);mix-blend-mode:screen}
.segna.avanti b{font:20px/1 Anton,Impact;letter-spacing:.4px;color:#fff;-webkit-text-stroke:1px #5a0f06;text-shadow:0 2px 0 #5a0f06}
.segna.avanti small{color:#fff;opacity:.92;text-shadow:0 1px 0 #5a0f06}
.segna.avanti:disabled{opacity:.55;filter:saturate(.35) brightness(.85);box-shadow:inset 0 3px 6px #fff,0 5px 0 #4a1a14}
.segna.avanti:not(:disabled):active{transform:rotate(3deg) translateY(3px);box-shadow:inset 0 3px 6px #fff,inset 0 -6px 12px #8a1a0e99,0 0 18px #ffb0a8,0 2px 0 #6e140a}
.segna.avanti.scocca{opacity:1;filter:none;animation:fv-scocca .42s cubic-bezier(.2,1.6,.4,1)}
@keyframes fv-scocca{0%{transform:rotate(3deg) scale(1)}30%{transform:rotate(-3deg) scale(.86,.92)}65%{transform:rotate(5deg) scale(1.14);box-shadow:0 0 30px #ff6b5a,0 0 56px #ffd23f99}100%{transform:rotate(3deg) scale(1)}}
@media(max-width:480px){.sala-gruppo{gap:8px}.sala-comandi.con-avanti .sala-zero{width:28px}.segna.avanti{padding:0 10px}.segna.avanti b{font-size:15px}.segna.avanti small{display:none}}
@media(max-width:480px){.sala-comandi.con-avanti{grid-template-columns:1fr auto}.sala-gruppo{grid-column:1;justify-self:center}.segna.avanti{grid-column:2}.segna.avanti svg{display:none}.segna.avanti b{white-space:nowrap}}
/* Karaoke della colonna sonora piu' grande e leggibile (Daniele 19/10): fascia scura, parole spente grigie, cantate in oro. */
.film-vista:not(.strofa) .sotto{font:800 26px/1.25 system-ui,sans-serif;background:#000000b8;padding:10px 14px;left:16px;right:16px;letter-spacing:.2px}
.film-vista:not(.strofa) .sotto:empty{display:none}
/* Karaoke a tempo (Daniele 20/10): la parola cantata si riempie d'oro da sinistra mentre la si canta; l'ombra va sul filtro perche' il testo e' trasparente. */
.film-vista .sotto span{--p:0;color:transparent;text-shadow:none;background:linear-gradient(90deg,var(--oro,#ffd23f) calc(var(--p)*100%),#ffffffa6 0);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 0 #000)}
@media(max-width:480px){.film-vista:not(.strofa) .sotto{font-size:20px;padding:8px 10px;left:10px;right:10px}}

/* Tappa 0: scritta della tappa in cima alla copertina (Daniele 20/10) */
.film-vista .tappa-tit{position:absolute;z-index:3;left:14px;right:14px;top:78px;font:17px Anton,Impact;color:var(--oro);letter-spacing:.6px;-webkit-text-stroke:.6px #000;text-shadow:0 2px 0 #000;pointer-events:none}
.film-vista.con-tit .tl .riga{justify-content:flex-end}
.film-vista.con-tit .brano{top:104px}
.film-vista.con-tit .palco .fondo.locandina{top:104px;height:calc(100% - 112px - var(--basso,286px))}
/* Strofe: sui tasti della musica il titolo della canzone, su due righe se serve (Daniele 20/10) */
.film-vista .colonne button{height:auto;min-height:38px;padding-top:3px;padding-bottom:3px}
.film-vista .colonne button>span{min-width:0}
.film-vista .colonne button small{font:700 9px/1.1 system-ui;letter-spacing:.2px;opacity:.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Strofe: il sottotitolo sta in basso, sopra clip e dadi (Daniele 20/10) */
.film-vista.strofa .sotto{top:auto;bottom:calc(var(--basso,286px) + 40px)}
/* Strofe: «STROFA N · titolo» intera in cima alla clip, sotto la barra MUSICA (Daniele 20/10). */
.film-vista.strofa .tappa-tit{top:118px}