/* KINO//DOSSIER · interfaccia nuova, con la base di KINO//PLAYER (telefono): nero, lime, monospazio,
   barra in alto con le icone, vetrina, file «//», locandine con badge e titolo sotto. */
@font-face{font-family:"Roboto Mono";src:url("../../assets/fonts/roboto-mono.woff2") format("woff2");font-weight:100 700;font-display:swap}
:root{--bg:#040704;--s1:#0b100b;--s2:#111711;--line:#303830;--line2:#505950;--ink:#f5f5ef;--ink2:#d7dbd3;--muted:#aeb5aa;--dim:#747b72;
  --lime:#b7ff2a;--onl:#071005;--pink:#ff6fae;--purple:#8f50ff;--mono:"Roboto Mono",ui-monospace,"SFMono-Regular",Consolas,monospace;
  --pad:16px;color-scheme:dark}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--ink);font:13px/1.45 var(--mono);-webkit-text-size-adjust:100%}
body{min-height:100vh;overflow-x:hidden}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block;-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none} /* niente «Salva immagine» sulle locandine */
:focus-visible{outline:2px solid var(--lime);outline-offset:2px}

/* barra in alto, come KINO//PLAYER */
.bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:2px;height:56px;padding:0 6px 0 var(--pad);background:var(--bg);padding-top:env(safe-area-inset-top)}
.brand{flex:1;font-weight:800;font-size:17px;white-space:nowrap;letter-spacing:-.01em}.brand span{color:var(--lime)}
.ib{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;color:var(--ink2)}.ib:hover{background:var(--s2)}.ib.l{color:var(--lime)}
.ib svg{width:22px;height:22px}

/* vetrina */
.hero{position:relative;overflow:hidden}
.slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.slides::-webkit-scrollbar{display:none}
/* ogni scheda taglia il suo sfondo (ingrandito e sfocato sborderebbe nelle vicine) e si ferma una per volta, esatta */
.slide{flex:0 0 100%;width:100%;min-width:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;position:relative;padding:20px var(--pad) 8px;min-height:420px;display:flex;flex-direction:column;justify-content:flex-end}
.slide .bg{position:absolute;inset:0;background-size:cover;background-position:center 20%;filter:blur(18px) brightness(.45);transform:scale(1.15)}
.slide .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,var(--bg) 96%)}
.slide>*:not(.bg){position:relative}
.hrow{display:flex;gap:16px;align-items:flex-end}.hrow .poster{width:132px;flex:none}
.kick{font-size:11px;font-weight:800;color:var(--lime);letter-spacing:.03em}.kick::before{content:"// "}
.htitle{font-size:22px;font-weight:800;line-height:1.2;margin:6px 0 6px}
.hmeta{font-size:12px;color:var(--ink2)}.hsub{font-size:11.5px;color:var(--muted);margin-top:4px}
.hplot{font-size:12.5px;color:var(--ink2);margin-top:12px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hbtns{display:flex;gap:10px;margin-top:14px}
.btn{flex:1;border-radius:12px;padding:13px 10px;text-align:center;font-weight:800;font-size:13.5px;border:1px solid var(--line2);background:var(--bg)}
.btn.pri{background:var(--lime);color:var(--onl);border-color:var(--lime);flex:1.6}
.dots{display:flex;gap:6px;justify-content:center;padding:12px 0 4px}.dots button{width:7px;height:7px;border-radius:4px;background:var(--line2);padding:0}.dots button.on{width:22px;background:var(--lime)}

/* file «//» */
.sec{display:flex;align-items:baseline;gap:10px;margin:22px var(--pad) 10px}.sec h2{font-size:16px;font-weight:800}.sec h2::before{content:"// ";color:var(--lime)}
.sec .hint{font-size:10.5px;color:var(--dim)}.sec .more{margin-left:auto;font-size:11.5px;color:var(--lime);font-weight:700}
.shelf{display:flex;gap:12px;overflow-x:auto;padding:0 var(--pad) 4px;scroll-snap-type:x proximity;scroll-padding-inline:var(--pad);scrollbar-width:none}.shelf::-webkit-scrollbar{display:none}
.card{width:112px;flex:none;scroll-snap-align:start;text-align:left}
.ct{font-size:12px;font-weight:700;margin-top:7px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cs{font-size:10.5px;color:var(--dim);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* locandina con badge */
.poster{aspect-ratio:2/3;border-radius:8px;position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(160deg,#1d2a1d,#0b100b)}
.poster img{width:100%;height:100%;object-fit:cover}
.poster .ph{position:absolute;inset:0;padding:10px 10px 28px;display:flex;align-items:flex-end;font-size:11px;font-weight:700;color:var(--muted)}
.poster .ph::before{content:"//";position:absolute;top:8px;left:10px;color:var(--lime)}
.bd{position:absolute;left:6px;top:6px;display:flex;gap:4px}
.b{font-size:9.5px;font-weight:800;border:1px solid var(--lime);color:var(--lime);background:#040704e6;border-radius:4px;padding:0 4px;line-height:15px}.b.w{border-color:var(--line2);color:var(--ink2)}
.vote{position:absolute;left:6px;bottom:6px;font-size:10px;font-weight:800;color:var(--ink);background:#040704e6;border:1px solid var(--ink);border-radius:4px;padding:0 4px;line-height:15px}
.heart{position:absolute;right:6px;bottom:5px;color:var(--pink);font-size:12px;text-shadow:0 0 4px #000}
.prog{position:absolute;left:0;right:0;bottom:0;height:4px;background:#ffffff26}.prog i{display:block;height:100%;background:var(--lime)}

/* raccolte: pila di locandine */
.coll{width:150px;flex:none;text-align:left}.stack{position:relative;height:118px}.stack .poster{position:absolute;width:70px;top:0}
.stack .poster:nth-child(1){left:0;transform:rotate(-5deg)}.stack .poster:nth-child(2){left:38px;top:2px}.stack .poster:nth-child(3){left:76px;top:5px;transform:rotate(5deg)}

/* primo avvio e stati vuoti */
.empty{margin:40px var(--pad);text-align:left}.empty h1{font-size:24px;font-weight:800;line-height:1.25}.empty h1 span{color:var(--lime)}
.empty p{color:var(--muted);margin:12px 0 22px;font-size:13px;line-height:1.6}
.empty .btn{display:block;margin-top:10px}
.note{margin:0 var(--pad);color:var(--dim);font-size:11.5px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--s2);border:1px solid var(--lime);border-radius:10px;padding:10px 16px;font-weight:700;z-index:95;max-width:calc(100% - 32px)}
.foot{height:48px}

@media (min-width:900px){
  :root{--pad:48px}
  .slide{min-height:460px;padding-top:40px}.hrow .poster{width:190px}.htitle{font-size:32px}.hplot{max-width:640px}.hbtns{max-width:480px}
  .card{width:150px}.coll{width:190px}
}

/* scheda del titolo */
.detail{position:relative;min-height:100vh}
.dbg{position:absolute;left:0;right:0;top:0;height:420px;background-size:cover;background-position:center 25%;opacity:.55}
.dbg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#04070499 0%,#040704cc 45%,var(--bg) 100%)}
.detail>*:not(.dbg){position:relative}
.bar.clear{background:transparent}
.dtop{display:flex;gap:16px;align-items:flex-end;padding:8px var(--pad) 0}.dtop .poster{width:128px;flex:none}
.dside{padding-bottom:6px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.tag{font-size:10.5px;font-weight:800;border:1px solid var(--line2);border-radius:5px;padding:1px 7px;color:var(--ink2)}.tag.l{border-color:var(--lime);color:var(--lime)}.tag.pk{border-color:var(--pink);color:var(--pink)}
.dbody{padding:14px var(--pad) 0}
.dtitle{font-size:24px;font-weight:800;line-height:1.18}
.otitle{font-style:italic;color:var(--muted);font-size:12.5px;margin-top:4px}
.dmeta{font-size:12px;color:var(--ink2);margin-top:8px}
.myvote{display:flex;align-items:center;gap:14px;margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:8px 14px;background:#0b100bcc}
.myvote>span{font-size:10.5px;color:var(--muted);line-height:1.4}
.stars-in{display:flex;gap:2px;cursor:pointer;user-select:none;touch-action:manipulation}
.stars-in .st{position:relative;line-height:1}.stars-in .st i{color:var(--line2);font-style:normal}
.stars-in .st b{position:absolute;left:0;top:0;overflow:hidden;color:var(--lime);font-weight:400}
.acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.a{border-radius:10px;padding:10px 14px;font-size:12.5px;font-weight:800;background:var(--s2);border:1px solid var(--line)}
.a.pri{background:var(--lime);color:var(--onl);border-color:var(--lime)}.a.on{border-color:var(--lime);color:var(--lime)}.a.fav{color:var(--pink);border-color:var(--pink)}
.dplot{font-size:12.5px;color:var(--ink2);line-height:1.6;margin-top:16px}
.dcrew{font-size:11.5px;color:var(--muted);margin-top:8px}.dcrew span{color:var(--dim)}
.logs{margin:0 var(--pad);border:1px solid var(--line);border-radius:12px;background:var(--s1);overflow:hidden}
.lg{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:12px}.lg+.lg{border-top:1px solid var(--line)}
.lg span,.lg .lgd{flex:1;text-align:left}.lg .lgd{font:inherit;color:inherit}.lg .lgd:hover{color:var(--lime)}
.toast.act{display:flex;align-items:center;gap:14px}.toast.act button{color:var(--lime);font:inherit;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.vbtns{display:grid;gap:10px;margin-top:16px}.vbtns .btn{width:100%}
.tiles.tight{padding:4px 0 10px}
.pill{position:fixed;right:16px;top:calc(env(safe-area-inset-top) + 64px);z-index:45;background:var(--s2);border:1px solid var(--line2);border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700;color:var(--ink2)}
.linkbtn{font:inherit;font-size:12px;color:var(--dim);text-decoration:underline;text-underline-offset:3px}.linkbtn.danger:hover{color:var(--pink)}.lg b{color:var(--lime);font-weight:700;letter-spacing:1px}.lg .x{color:var(--dim);width:28px;height:28px;border-radius:8px}.lg .x:hover{background:var(--s2);color:var(--ink)}

/* finestra dal basso (registra visione) */
.sheet-bg{position:fixed;inset:0;z-index:40;background:#020302cc;display:flex;align-items:flex-end;justify-content:center}
.sheet{width:100%;max-width:520px;background:var(--s2);border:1px solid var(--line2);border-bottom:0;border-radius:18px 18px 0 0;padding:10px var(--pad) calc(22px + env(safe-area-inset-bottom))}
.grab{width:40px;height:4px;border-radius:2px;background:var(--line2);margin:0 auto 14px}
.sh-title{font-size:18px;font-weight:800;margin:4px 0 16px}
.fld{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:12px 0}
.fld>span{color:var(--muted);font-size:12px}
.fld input{background:var(--bg);color:var(--ink);border:1px solid var(--line2);border-radius:8px;padding:8px 10px;font:inherit;color-scheme:dark}
.chks{display:flex;gap:8px;border-top:1px solid var(--line);padding:12px 0}
.chk{display:flex;align-items:center;gap:8px;border:1px solid var(--line2);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;color:var(--ink2)}
.chk i{width:14px;height:14px;border-radius:4px;border:1.5px solid var(--line2)}.chk.on{border-color:var(--lime);color:var(--lime)}.chk.on i{background:var(--lime);border-color:var(--lime)}
@media (min-width:900px){.dtop .poster{width:200px}.dtitle{font-size:34px}.dbody,.dtop{max-width:900px}.sheet-bg{align-items:center}.sheet{border-radius:18px;border-bottom:1px solid var(--line2)}}

/* Diario e Libreria */
.ptitle{font-size:16px}
.chips{display:flex;gap:7px;padding:4px var(--pad) 6px;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}
.chip{flex:none;border:1px solid var(--line2);border-radius:999px;padding:6px 13px;font-size:12px;font-weight:700;color:var(--ink2);white-space:nowrap}
.chip.on{background:var(--lime);color:var(--onl);border-color:var(--lime)}
.pad{padding:24px var(--pad)}
.month{margin-top:18px}
.drow{display:grid;grid-template-columns:34px 44px 1fr auto;gap:12px;align-items:center;width:100%;padding:7px var(--pad);text-align:left}
.drow:hover{background:var(--s1)}.drow .poster{width:44px;border-radius:6px}
.dd{text-align:center;line-height:1}.dd b{display:block;font-size:17px}.dd span{font-size:9px;color:var(--dim)}
.di .ct{margin-top:0}.dv{text-align:right;font-size:11px;color:var(--lime);letter-spacing:1px;white-space:nowrap}.dv em{display:block;font-style:normal;color:var(--pink);letter-spacing:0}
.sheet.tall{max-height:88vh;overflow:auto}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.two .fld{min-width:0}
select.lsearch{appearance:auto;width:100%}
.note-in{width:100%;resize:vertical;min-height:70px;line-height:1.5}
.clist.picks{max-height:52vh;overflow:auto}
/* Uscite */
.uprow{display:flex;align-items:center;gap:6px;padding:0 var(--pad) 0 0}.uprow:hover{background:var(--s1)}
.upopen{flex:1;min-width:0;display:grid;grid-template-columns:34px 52px 1fr;gap:12px;align-items:center;padding:8px 0 8px var(--pad);text-align:left}
.upopen .poster{width:52px;border-radius:6px}
.upd{text-align:center;line-height:1}.upd b{display:block;font-size:18px}.upd small{font-size:9px;color:var(--dim)}
.upi{display:flex;flex-direction:column;gap:3px;min-width:0}.upi b{font-size:13.5px;line-height:1.25}.upi small{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.upi .kick{font-size:9.5px}.upi .kick.pk{color:var(--pink)}.upi .src{font-size:9px;letter-spacing:1px;color:var(--dim)}
.bell{flex:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--line2);color:var(--muted);display:grid;place-items:center}.bell.on{border-color:var(--lime);color:var(--lime)}.bell .bi{width:18px;height:18px}
.bi{flex:none}.a .bi{width:15px;height:15px;vertical-align:-2.5px;margin-right:6px}
.upnote{display:flex;align-items:center;gap:10px;width:calc(100% - 2 * var(--pad));margin:2px var(--pad) 10px;padding:10px 14px;border:1px solid var(--line2);border-radius:12px;background:var(--s1);text-align:left}
.upnote b{flex:1;font-size:12.5px}.upnote .kick{font-size:9.5px}.upnote:hover{border-color:var(--lime)}
.ltools{display:flex;gap:8px;padding:4px var(--pad) 12px}
.lsearch{flex:1;min-width:0;background:var(--s1);color:var(--ink);border:1px solid var(--line2);border-radius:10px;padding:9px 12px;font:inherit}
.lsearch:focus{outline:none;border-color:var(--lime)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px 10px;padding:0 var(--pad)}
.grid .card{width:auto}
.more-sentinel{height:1px}
@media (min-width:900px){.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 16px}}
.drow .poster .ph{font-size:0;padding:0}.drow .poster .ph::before{font-size:10px;top:4px;left:6px}
.card,.coll{display:flex;flex-direction:column;justify-content:flex-start;align-self:start}

/* episodi e ricerca */
.eps .ep{gap:12px}.ep .en{width:34px;color:var(--dim);font-weight:800;letter-spacing:0}.ep .ct{margin:0}.ep.seen .en{color:var(--lime)}.ep.nx{background:#17210d}
.tick{width:30px;height:30px;border-radius:8px;border:1.5px solid var(--line2);color:var(--onl);font-weight:900;flex:none}.ep.seen .tick{background:var(--lime);border-color:var(--lime)}
.lsearch.big{font-size:15px;padding:12px 14px}

/* episodi, versione 2: stagioni a schede con avanzamento, righe con fotogramma */
.stabs{display:flex;gap:8px;overflow-x:auto;padding:0 var(--pad) 4px;scrollbar-width:none}.stabs::-webkit-scrollbar{display:none}
.stab{flex:none;min-width:112px;text-align:left;border:1px solid var(--line);border-radius:12px;padding:9px 12px;background:var(--s1)}
.stab b{display:block;font-size:12.5px}.stab small{font-size:10.5px;color:var(--dim)}
.stab.on{border-color:var(--lime);background:#17210d}.stab.on b{color:var(--lime)}
.sbar{display:block;height:3px;border-radius:2px;background:var(--line);margin:7px 0 5px;overflow:hidden}.sbar i{display:block;height:100%;background:var(--lime)}
.shead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px var(--pad) 8px;font-size:11.5px;color:var(--muted)}
.eplist{display:flex;flex-direction:column;gap:2px;padding:0 var(--pad)}
.eprow .en{display:none}.eprow{display:grid;grid-template-columns:118px 1fr 40px;gap:12px;align-items:center;padding:8px 8px 8px 0;border-radius:12px}
.eprow.nx{background:#17210d;padding-left:8px;box-shadow:inset 3px 0 0 var(--lime)}
.eprow.seen .epi{opacity:.7}
.still{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(160deg,#1d2a1d,#0b100b)}
.still img{width:100%;height:100%;object-fit:cover}.still .b{position:absolute;left:5px;top:5px}
.epi{min-width:0;text-align:left;font:inherit;color:inherit;display:block;width:100%}.epi:hover:not(:disabled) .ept{color:var(--lime)}.epi:disabled{cursor:default}.epi .kick{font-size:9.5px;margin-bottom:2px}
.ept{font-size:12.5px;font-weight:800;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.epo{font-size:10.5px;color:var(--dim);line-height:1.45;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.eprow .tick{width:36px;height:36px;border-radius:50%;border:2px solid var(--line2);display:grid;place-items:center;color:transparent;background:transparent}
.eprow .tick svg{width:18px;height:18px}.eprow .tick:hover{border-color:var(--lime);color:var(--lime)}
.eprow.seen .tick{background:var(--lime);border-color:var(--lime);color:var(--onl)}
.eprow .tick:disabled{opacity:.3;cursor:default}
@media (min-width:900px){.eprow{grid-template-columns:190px 1fr 44px}.eplist,.shead,.stabs{max-width:900px}}

/* impostazioni e statistiche */
.settings{padding:0 var(--pad) 40px;max-width:760px}
.acc{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--s1);margin:6px 0 4px}.acc b{display:block;font-size:15px}.acc small{color:var(--muted);font-size:11.5px}
.ssec{font-size:10.5px;font-weight:800;color:var(--dim);letter-spacing:.04em;margin:20px 4px 8px}
.sgrp{border:1px solid var(--line);border-radius:12px;background:var(--s1);overflow:hidden}
.srow{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;text-align:left}.srow+.srow{border-top:1px solid var(--line)}
button.srow:hover,a.srow:hover{background:var(--s2)}
.srow .t{flex:1;min-width:0}.srow .t b{display:block;font-size:13px}.srow .t small{display:block;font-size:10.5px;color:var(--dim);margin-top:2px}
.srow .v{color:var(--lime);font-weight:700;font-size:12px;white-space:nowrap}
.srow.danger .t b{color:#ff5a52}
.ver{text-align:center;margin-top:22px}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:6px var(--pad) 0}
.tile{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--s1)}.tile b{display:block;font-size:20px}.tile span{font-size:10.5px;color:var(--muted)}
.bars{display:flex;align-items:flex-end;gap:5px;height:140px;padding:0 var(--pad)}
.bc{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}.bc i{display:block;width:100%;background:var(--lime);border-radius:4px 4px 0 0;min-height:2px}.bc span{font-size:9px;color:var(--dim)}

/* raccolte e classifiche */
.colls{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.colls .coll{width:auto}
.chead{padding:2px var(--pad) 12px;display:flex;flex-direction:column;gap:3px}.chead b{font-size:14px}.chead small{color:var(--muted);font-size:11px}
.rank{padding:0 var(--pad);display:flex;flex-direction:column}
.rrow{display:grid;grid-template-columns:30px 46px 1fr auto;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid #151b15}
.rn{font-size:18px;color:var(--lime);text-align:center}.rp .poster{width:46px;border-radius:6px}.ri{text-align:left;min-width:0}.ri .ct{margin:0}
.rb{display:flex}.ib.sm{width:32px;height:32px;font-size:14px;color:var(--muted)}
.clist{display:flex;flex-direction:column;gap:6px;max-height:46vh;overflow-y:auto;margin-bottom:14px}
.chk.row{border-radius:10px;justify-content:flex-start;width:100%;padding:10px 12px}.chk.row span{flex:1;text-align:left}.chk.row small{color:var(--dim);font-weight:400}
.mnav{display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad) 8px}.mnav b{font-size:16px}.mnav .ib:disabled{opacity:.3}

/* presentazione */
.landing{padding:20px var(--pad) 48px;max-width:1080px;margin:0 auto;overflow:hidden}
.landing h1{font-size:32px;font-weight:800;line-height:1.12;letter-spacing:-.02em;margin:12px 0}.landing h1 span{color:var(--lime)}
.landing .lead{color:var(--ink2);font-size:14px;line-height:1.65;max-width:560px}
.landing .hbtns{max-width:520px;margin:22px 0 10px}.landing a.btn{display:flex}
.lhead{position:relative;display:grid;gap:28px}
.lhead::before{content:"";position:absolute;width:620px;height:620px;right:-260px;top:120px;border-radius:50%;background:radial-gradient(circle,#b7ff2a1f,transparent 62%);pointer-events:none}
.lblock{margin-top:44px}.lblock .sec{padding:0 0 12px}.lsub{margin:-4px 0 14px}
.lfs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.lf{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--s1)}.lf b{display:block;font-size:15px;margin:6px 0 4px}.lf p{color:var(--muted);font-size:12px;line-height:1.55}
.lcols{display:grid;gap:10px}.lcol{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--s1)}.lcol p{color:var(--ink2);font-size:12.5px;line-height:1.6;margin-top:8px}
.ldata .lcol:nth-child(2){border-color:#5a4a1c;background:#14110a}.ldata .lcol:nth-child(2) .kick{color:#ffc94a}
.lsteps{list-style:none;display:grid;gap:10px;margin:12px 0 4px}.lsteps li{display:flex;gap:12px;align-items:baseline}.lsteps li>span{flex:none;width:24px;height:24px;border-radius:50%;background:var(--lime);color:var(--onl);display:grid;place-items:center;font-weight:800;font-size:11.5px}
.lsteps p{margin:0;font-size:13px;color:var(--ink2)}.lsteps b{color:var(--ink)}.lcol .note{margin-top:12px;font-size:11.5px}
.lcta{margin-top:48px;padding:22px;border-radius:16px;background:var(--lime);color:var(--onl);display:grid;gap:14px}.lcta>b{font-size:22px;letter-spacing:-.01em}.lcta>b span{text-decoration:underline;text-underline-offset:4px}
.lcta .btn.pri{background:var(--onl);color:var(--lime);border-color:var(--onl)}
.lnote{margin:26px 0 0;text-align:center}.lnote a{color:var(--lime)}
a.chip{display:inline-block}
/* telefono disegnato della presentazione */
.lphone{position:relative;justify-self:center;width:290px;height:600px;border-radius:44px;background:#000;border:2px solid var(--line2);padding:11px;transform:rotate(4deg);box-shadow:0 30px 70px #000c,0 0 0 8px #0d130d;margin:10px 0 20px}
.lscr{width:100%;height:100%;border-radius:34px;background:var(--bg);overflow:hidden;font-size:9px}
.lbar{display:flex;align-items:center;gap:7px;height:42px;padding:0 13px}.lbar b{flex:1;font-size:13px;font-weight:800}.lbar b span{color:var(--lime)}.lbar i{width:16px;height:16px;border:1.5px solid var(--ink2);border-radius:5px;opacity:.7}.lbar i.l{border-color:var(--lime);border-radius:50%}
.lhero{height:232px;padding:12px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,#2a1531,#121a0c 55%,var(--bg))}
.lrow{display:flex;gap:10px;align-items:flex-end}.lrow b{display:block;font-size:14px;margin:3px 0}.lrow small{display:block;font-size:8px;color:var(--ink2)}.lrow .kick{font-size:7.5px}
.lbtn{display:flex;gap:6px;margin-top:9px}.lbtn span{flex:1;border:1px solid var(--line2);border-radius:7px;padding:7px 4px;text-align:center;font-size:8px;font-weight:800}.lbtn span:first-child{flex:1.6;background:var(--lime);color:var(--onl);border-color:var(--lime)}
.lsec{display:flex;padding:12px 12px 6px;font-size:10px}.lsec b::before{content:"//";color:var(--lime);margin-right:5px}.lsec b{flex:1}.lsec em{font-style:normal;color:var(--lime);font-size:8px}
.lshelf{display:flex;gap:7px;padding:0 12px}.lshelf>div{width:72px}.lshelf b{display:block;font-size:7.5px;margin-top:4px}.lshelf small{font-size:7px;color:var(--dim)}
.lpo{display:block;position:relative;aspect-ratio:2/3;border-radius:7px;border:1px solid #ffffff14;overflow:hidden;width:100%}
.lpo::before{content:"//";position:absolute;left:6px;top:4px;font-size:9px;font-weight:800;color:#ffffffb0;font-style:normal}
.lpo .b{position:absolute;left:5px;bottom:6px;font-size:6.5px;font-weight:800;font-style:normal;background:#000a;border:1px solid #fff5;border-radius:3px;padding:0 3px}.lpo .b.l{background:var(--lime);color:var(--onl);border-color:var(--lime)}
.lpo .pg{position:absolute;left:0;right:0;bottom:0;height:3px;background:#0008}.lpo .pg i{display:block;height:100%;background:var(--lime)}
.g1{background:linear-gradient(160deg,#ff6fae,#5a1b4b 60%,#1b0d18)}.g2{background:linear-gradient(160deg,#b7ff2a,#3b5a0c 60%,#0e1608)}.g3{background:linear-gradient(160deg,#8f50ff,#2c1a5a 60%,#0e0a18)}
.g4{background:linear-gradient(160deg,#ffc94a,#6a4a0c 60%,#181208)}.g5{background:linear-gradient(160deg,#4ad9ff,#0c4a5a 60%,#08141a)}.g6{background:linear-gradient(160deg,#ff8a4a,#5a2a0c 60%,#180e08)}
@media (min-width:760px){.lcols{grid-template-columns:repeat(3,1fr)}.lcols.pair{grid-template-columns:1fr 1fr}.lcta{grid-template-columns:1fr auto;align-items:center}.lcta .btn{min-width:260px}}
@media (min-width:900px){.landing{padding-top:56px}.landing h1{font-size:54px}.landing .lead{font-size:15px}.lhead{grid-template-columns:1fr 340px;align-items:center}.lphone{margin:0}}

/* novità della 0.10.92: schermata alla prima apertura */
.wn-bg{position:fixed;inset:0;z-index:60;background:var(--bg);overflow:auto;display:flex;justify-content:center}
.wn{width:100%;max-width:520px;padding:calc(env(safe-area-inset-top) + 18px) var(--pad) 28px;display:flex;flex-direction:column;min-height:100%}
.wn-top{display:flex;align-items:center;justify-content:space-between}
.wn-top .brand{flex:none}
.wn-skip{font-size:11.5px;color:var(--dim);text-decoration:underline;text-underline-offset:3px}
/* la «faccia nuova»: una fila di locandine finte che si sovrappongono, una inclinata */
.wn-art{position:relative;flex:none;height:230px;margin:14px 0 8px}
.wn-art i{position:absolute;bottom:0;width:104px;aspect-ratio:2/3;border-radius:10px;border:1px solid var(--line2);background:linear-gradient(160deg,var(--s2),var(--s1));box-shadow:0 14px 30px #0009}
.wn-art i:nth-child(1){left:6%;transform:rotate(-8deg);bottom:6px}
.wn-art i:nth-child(2){left:26%;transform:rotate(-2deg);bottom:22px;border-color:var(--pink)}
.wn-art i:nth-child(3){left:calc(50% - 60px);width:120px;z-index:2;border:2px solid var(--lime);background:linear-gradient(170deg,#1b2a0c,#0b100b 70%);bottom:34px}
.wn-art i:nth-child(4){right:24%;transform:rotate(4deg);bottom:18px}
.wn-art i:nth-child(5){right:4%;transform:rotate(9deg);bottom:4px;border-color:var(--purple)}
.wn-art i:nth-child(3)::before{content:"KINO//";position:absolute;left:10px;top:10px;font-weight:800;font-size:12px}
.wn-art i:nth-child(3)::after{content:"";position:absolute;left:10px;right:10px;bottom:12px;height:4px;border-radius:2px;background:var(--lime)}
.wn-art b{position:absolute;z-index:3;left:calc(50% + 34px);bottom:150px;background:var(--lime);color:var(--onl);font-size:10.5px;font-weight:800;padding:4px 8px;border-radius:999px;transform:rotate(6deg)}
.wn h1{font-size:27px;line-height:1.15;font-weight:800;letter-spacing:-.02em;margin:10px 0 10px}.wn h1 span{color:var(--lime)}
.wn .lead{font-size:13px;color:var(--ink2);line-height:1.6}
.wn-safe{display:flex;gap:10px;align-items:center;margin:16px 0 4px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--s1);font-size:12px;color:var(--ink2)}
.wn-safe em{font-style:normal;flex:none;width:22px;height:22px;border-radius:50%;background:var(--lime);color:var(--onl);display:grid;place-items:center;font-weight:900;font-size:12px}
.wn-safe.wip{margin-top:8px;border-color:#5a4a1c;background:#14110a}.wn-safe.wip em{background:#ffc94a}
.wn-list{display:grid;gap:2px;margin:18px 0 22px;border-top:1px solid var(--line)}
.wn-it{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}
.wn-it span{font-size:11px;font-weight:800;color:var(--lime);padding-top:2px}
.wn-it b{display:block;font-size:13.5px}.wn-it small{display:block;font-size:11.5px;color:var(--muted);margin-top:2px;line-height:1.5}
.wn .hbtns{margin-top:auto}
.wn-foot{text-align:center;font-size:10.5px;color:var(--dim);margin-top:12px}

/* dossier: riquadro in Home, tasto nella raccolta, temi del PDF */
.dprompt{display:flex;align-items:center;gap:14px;width:calc(100% - 2 * var(--pad));margin:0 var(--pad);padding:14px 16px;border:1px solid var(--line2);border-radius:14px;background:linear-gradient(120deg,#16210b,var(--s1) 60%);text-align:left}
.tiles+.dprompt{margin-top:10px}.dprompt:hover{border-color:var(--lime)}.dprompt .mk{font-weight:800;font-size:22px;color:var(--lime)}.dprompt .dc{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.dprompt .kick{font-size:9.5px}.dprompt b{font-size:14px}.dprompt .dc>span{font-size:11.5px;color:var(--muted)}.dprompt .ar{font-size:20px;color:var(--lime)}
.pad.tight{padding:4px var(--pad) 14px}.btn.dossier{width:100%;max-width:420px}
.chips.flat{padding:4px 0 2px}
/* promemoria della copia di sicurezza in Home */
.kslot{position:fixed;inset:0;z-index:55;background:#020302f2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px}
.kslot .win{width:min(62vw,240px);aspect-ratio:2/3;overflow:hidden;border-radius:10px;position:relative;border:2px solid var(--lime)}.kslot .reel{position:absolute;left:0;top:0;width:100%}.kslot .reel>*{display:block;width:100%;aspect-ratio:2/3;object-fit:cover}
.kslot .res{min-height:50px;text-align:center}.kslot .res b{display:block;font-size:17px}.kslot .res span{color:var(--muted);font-size:12px}.kslot .hbtns{width:100%;max-width:360px;margin-top:0}
.kfine{position:fixed;inset:0;z-index:55;overflow:hidden;background:#000;cursor:pointer}.kfine>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.kfine::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#000a,#000d 60%,#000)}.kfine>div{position:absolute;left:24px;right:24px;bottom:calc(58px + env(safe-area-inset-bottom));z-index:1}.kfine strong{display:block;font-size:clamp(82px,22vw,140px);line-height:1;letter-spacing:-.07em;color:var(--lime)}.kfine b{display:block;font-size:19px;margin:8px 0 3px}.kfine span{color:var(--ink2);font-size:13px}
.bh{display:flex;align-items:baseline;gap:8px;padding:4px var(--pad) 12px}.bh b{font-size:40px;letter-spacing:-.06em;color:var(--lime);line-height:1}.bh span{color:var(--muted);font-size:12px}
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px;padding:0 var(--pad)}.bgrid .bd{position:static;display:block;border:1px solid var(--lime);border-radius:12px;padding:11px;background:#17210d;min-height:88px;min-width:0}.bgrid .bd b{display:block;font-size:12.5px;line-height:1.25;margin-top:4px}.bgrid .bd small{color:var(--lime);font-weight:800;font-size:18px;letter-spacing:-.04em}.bgrid .bd span{display:block;color:var(--muted);font-size:10.5px;margin-top:3px}
.bgrid .bd.off{border-color:var(--line);background:var(--s1)}.bgrid .bd.off small{color:var(--muted)}.bar2{height:4px;border-radius:2px;background:var(--line);margin-top:7px;overflow:hidden}.bar2 i{display:block;height:100%;background:var(--lime)}
.dthumb{width:52px;height:78px;object-fit:cover;border-radius:6px;flex:none}
.poster.holo{touch-action:none;user-select:none;-webkit-touch-callout:none;will-change:transform;transition:transform .35s cubic-bezier(.2,.9,.2,1)}.poster.holo.on{transition:none}.poster.holo img{pointer-events:none;-webkit-user-drag:none}.poster.holo .sheen{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .25s;mix-blend-mode:color-dodge;background:linear-gradient(115deg,transparent 18%,#b7ff2a66 32%,#6fe7ff66 44%,#ff6fae66 56%,transparent 70%);background-size:220% 220%;background-position:var(--hx,50%) var(--hy,50%)}.poster.holo.on .sheen{opacity:1}
.nudge.old{border-color:var(--line2);background:#17210d}.nudge.old .kick{color:var(--lime)}
.btn.busy{opacity:.6;cursor:progress}
.nudge{display:grid;gap:12px;margin:8px var(--pad) 4px;padding:14px 16px;border:1px solid #5a4a1c;border-radius:14px;background:#14110a}
.nudge .kick{color:#ffc94a;font-size:9.5px}.nudge b{display:block;font-size:13.5px;margin:4px 0}.nudge span{font-size:11.5px;color:var(--muted);line-height:1.5}
.nudge .nb{display:flex;gap:8px}.nudge .btn{padding:10px}
@media (min-width:760px){.nudge{grid-template-columns:1fr auto;align-items:center}.nudge .btn{min-width:150px}}
.lblock{scroll-margin-top:72px}

/* tutti i pulsanti: scritta centrata in orizzontale e in verticale, anche quando va su due righe o sta accanto a un pulsante più alto */
.btn,.a,.chip,.lbtn span{display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.25}
a.btn{display:flex}
.vbtns .btn,.btn.dossier{display:flex}

/* niente zoom: doppio tocco e pizzico non ingrandiscono la pagina; i campi a 16px perché iPhone non zoomi quando li tocchi */
html{touch-action:manipulation;-webkit-text-size-adjust:100%}
@media (max-width:899px){input,select,textarea{font-size:16px!important}}

/* fila di Esplora in arrivo: sagome delle locandine */
.shelf.ghost .poster{background:var(--s1);border:1px solid var(--line);animation:ghost 1.2s ease-in-out infinite alternate}@keyframes ghost{to{opacity:.45}}

/* finestre di conferma dell'app (al posto di quelle del browser) */
.dlg-bg{position:fixed;inset:0;z-index:70;background:#020302cc;display:flex;align-items:center;justify-content:center;padding:18px}
.dlg{width:100%;max-width:420px;background:var(--s1);border:1px solid var(--line2);border-radius:18px;padding:20px 18px 16px;box-shadow:0 30px 60px #000c}
.dlg .kick{font-size:10.5px}.dlg.danger .kick{color:var(--pink)}
.dlg h2{font-size:17px;font-weight:800;line-height:1.3;margin:8px 0 6px}
.dlg p{font-size:12.5px;color:var(--ink2);line-height:1.55}
.dlg .in{width:100%;margin-top:14px;background:var(--bg);color:var(--ink);border:1px solid var(--lime);border-radius:10px;padding:11px 12px;font:inherit;font-size:15px}
.dlg .in:focus{outline:none;box-shadow:0 0 0 3px #b7ff2a33}.dlg .in.red{border-color:var(--pink)}.dlg .in.red:focus{box-shadow:0 0 0 3px #ff6fae33}
.dlg .hint{font-size:11px;color:var(--dim);margin-top:6px}
.dlg .hbtns{margin-top:18px}
.btn.del{background:var(--pink);border-color:var(--pink);color:#1a0610}.btn.del:disabled{opacity:.35;cursor:default}
/* lavori in background (locandine, dati): in basso al centro, sopra i messaggi, senza coprire le righe */
.pill{top:auto!important;right:auto!important;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom) + 78px);white-space:nowrap;box-shadow:0 10px 30px #000a}

/* ── computer (da 1100 px): scheda, primo avvio, impostazioni. Sotto questa misura non cambia niente ── */
@media (min-width:1100px){
  /* scheda del titolo */
  .dk{position:relative;min-height:100vh;padding-bottom:60px}
  .dk-ban{position:absolute;left:0;right:0;top:0;height:540px;background-size:cover;background-position:center 22%}
  .dk-ban::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#04070466 0%,#04070499 40%,var(--bg) 100%),linear-gradient(90deg,var(--bg) 0%,transparent 22%,transparent 78%,var(--bg) 100%)}
  .dk-bar{position:relative;z-index:2;padding:0 40px;height:64px;background:none}.dk-bar .brand{flex:none;margin-left:6px;font-size:18px;text-align:left}
  .dk-wrap{position:relative;max-width:1200px;margin:150px auto 0;padding:0 40px;display:grid;grid-template-columns:260px minmax(0,1fr) 300px;gap:44px;align-items:start}
  .dk-pcol .poster{width:260px;border-radius:12px;box-shadow:0 30px 60px #000d;border:1px solid #ffffff1f}
  .dk-acts{display:grid;gap:8px;margin-top:18px}.dk-acts .a{width:100%;justify-content:flex-start;padding:12px 14px;text-align:left}.dk-acts .a.pri{justify-content:center}
  .dk-mid{padding-top:130px;min-width:0}.dk-mid .kick{font-size:12px}
  .dk-title{font-size:52px;line-height:1.05;font-weight:800;letter-spacing:-.025em;margin:10px 0 4px;overflow-wrap:anywhere}
  .dk-mid .otitle{color:var(--muted);font-size:14px}
  .dk-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.dk-chips span{border:1px solid var(--line2);border-radius:999px;padding:5px 12px;font-size:12px;color:var(--ink2);background:#040704aa}.dk-chips span.l{border-color:var(--lime);color:var(--lime)}
  .dk-crew{display:flex;gap:30px;margin:2px 0 20px;font-size:13px}.dk-crew small{display:block;color:var(--dim);font-size:10.5px;letter-spacing:.06em;margin-bottom:3px}
  .dk-plot{font-size:15px;line-height:1.7;color:var(--ink2);max-width:64ch}
  .dk-h{font-size:14px;margin:34px 0 10px}.dk-h::before{content:"// ";color:var(--lime)}
  .dk-logs{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--s1)}
  .dk-logs>div{display:grid;grid-template-columns:150px 1fr 110px 70px;align-items:center;padding:11px 16px;font-size:13px}.dk-logs>div+div{border-top:1px solid var(--line)}
  .dk-logs b{color:var(--lime);letter-spacing:1px}.dk-logs em{font-style:normal;color:var(--muted)}.dk-la{display:flex;gap:4px;justify-content:flex-end}
  .dk-mid section .sec{padding-left:0;padding-right:0}.dk-mid .stabs,.dk-mid .shead,.dk-mid .eplist{padding-left:0;padding-right:0;max-width:none;margin-left:0;margin-right:0}
  /* stagioni su computer: titolo che apre l'elenco, frecce, «Segna tutta», linea di avanzamento */
  .shd{position:relative;display:flex;align-items:flex-end;gap:16px;margin:6px 0 4px;padding-bottom:16px;border-bottom:1px solid var(--line)}
  .shd::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:var(--p,0%);background:var(--lime);transition:width .3s}
  .spk{display:flex;align-items:center;gap:10px;font:inherit;color:var(--ink);padding:2px 0;background:none;border:0}
  .spk{flex:none}.spk span{font-size:24px;font-weight:800;letter-spacing:-.5px;line-height:1.1;white-space:nowrap}
  .spk i{flex:none;width:22px;height:22px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;color:var(--ink2);transition:background .15s,border-color .15s}
  .spk i svg{width:11px;height:11px;transition:transform .15s}
  .spk:hover i{border-color:var(--lime);color:var(--lime)}
  .shd.open .spk i{background:var(--lime);border-color:var(--lime);color:var(--onl)}.shd.open .spk i svg{transform:rotate(180deg)}
  .smeta{font-size:11px;color:var(--dim);padding-bottom:5px;white-space:nowrap}.smeta b{color:var(--ink2)}
  .snav{display:flex;gap:2px;margin-left:auto;padding-bottom:1px}
  .snav button{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--muted);background:none;border:0}
  .snav button svg{width:14px;height:14px}.snav button:hover:not(:disabled){color:var(--lime);background:var(--s2)}.snav button:disabled{opacity:.25;cursor:default}
  .sgh{font:inherit;font-size:11px;font-weight:700;color:var(--ink2);padding:7px 12px;border:1px solid var(--line2);border-radius:999px;background:none;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;line-height:1.25}
  .sgh:hover{border-color:var(--lime);color:var(--lime)}
  .smn{display:none;position:absolute;z-index:30;left:0;top:calc(100% + 6px);width:380px;background:#0a0f0a;border:1px solid var(--line2);border-radius:14px;box-shadow:inset 0 1px 0 #ffffff08,0 30px 70px #000;overflow:hidden}
  .shd.open .smn{display:block}
  .smh{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 12px;font-size:10px;letter-spacing:2px;color:var(--dim);border-bottom:1px solid var(--line)}.smh b{color:var(--ink2)}
  .sml{max-height:min(404px,60vh);overflow-y:auto;padding:6px;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
  .smr{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;width:100%;padding:7px 10px 7px 7px;border-radius:9px;font:inherit;color:var(--ink);text-align:left;background:none;border:0}
  .smr:hover{background:var(--s2)}
  .smr .pp{width:34px;aspect-ratio:2/3;border-radius:4px;overflow:hidden;background:linear-gradient(160deg,#2a3a24,#0d140c);box-shadow:inset 0 0 0 1px #ffffff10}
  .smr .pp img{width:100%;height:100%;object-fit:cover;display:block}
  .smr .tx{min-width:0}.smr b{display:block;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smr small{font-size:10px;color:var(--dim)}
  .smr.done b{color:var(--muted)}
  .smr.on{background:#141d0c}.smr.on b{color:var(--lime)}
  .smr .ok{width:18px;height:18px;border-radius:50%;background:#2c3a1b;display:grid;place-items:center;color:var(--lime)}.smr .ok svg{width:10px;height:10px}
  .smr .rg{display:flex;align-items:center;gap:8px;font-size:10.5px;color:var(--dim)}.smr .rg i{width:18px;height:18px;display:block}.smr .rg svg{width:18px;height:18px;display:block}
  /* episodi su computer: numero a sinistra, righe divise da una linea */
  .dk-mid .eplist{gap:0}
  .dk-mid .eprow{grid-template-columns:28px 150px 1fr 34px;gap:16px;padding:12px 0;border-radius:0;border-bottom:1px solid var(--line)}
  .dk-mid .eprow .en{display:block;font-size:11px;font-weight:700;color:var(--dim);text-align:right}
  .dk-mid .eprow.nx{background:none;box-shadow:none;padding-left:0}.dk-mid .eprow.nx .en{color:var(--lime)}
  .dk-mid .eprow .still{border-radius:6px}.dk-mid .eprow .still .b{display:none}
  .dk-mid .eprow .tick{width:30px;height:30px;border-width:1.5px}.dk-mid .eprow .tick svg{width:14px;height:14px}
  .dk-mid .eprow.seen .epi{opacity:.7}
  .dk-side{padding-top:130px;display:grid;gap:14px;align-content:start}
  .dk-box{border:1px solid var(--line);border-radius:14px;background:var(--s1);padding:18px}.dk-box .kick{font-size:10.5px}.dk-box .tags{margin-top:12px}
  .dk-box>small{display:block;color:var(--dim);font-size:10.5px;margin-top:8px;line-height:1.5}.dk-box .note{margin-top:10px;font-size:12px}
  .dk-vote{display:flex;align-items:baseline;gap:6px;margin:10px 0 6px}.dk-vote b{font-size:44px;color:var(--lime);font-weight:800;line-height:1}.dk-vote span{color:var(--muted);font-size:13px}
  .dk-kv{display:grid;grid-template-columns:1fr auto;gap:8px 12px;margin-top:14px;font-size:12.5px}.dk-kv span{color:var(--muted)}
  .dk-lists button{display:block;width:100%;text-align:left;padding:9px 0;font:inherit;font-size:12.5px;border-top:1px solid var(--line)}.dk-lists button:first-of-type{border-top:0;margin-top:6px}.dk-lists button:hover{color:var(--lime)}
  .dk-side .linkbtn{justify-self:start;margin-top:4px}

  /* primo avvio */
  .dke{padding-bottom:50px}
  .dke-hero{position:relative;max-width:1200px;margin:34px auto 0;padding:0 40px;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
  .dke-hero::before{content:"";position:absolute;width:760px;height:760px;right:-200px;top:-180px;border-radius:50%;background:radial-gradient(circle,#b7ff2a1c,transparent 62%);pointer-events:none}
  .dke-hero .kick{font-size:12px}
  .dke-hero h1{font-size:60px;line-height:1.05;font-weight:800;letter-spacing:-.03em;margin:14px 0 16px}.dke-hero h1 span{color:var(--lime)}
  .dke-lead{font-size:15.5px;line-height:1.65;color:var(--ink2);max-width:520px}
  .dke-search{display:flex;align-items:center;gap:12px;margin-top:30px;max-width:580px;border:2px solid var(--lime);border-radius:16px;padding:6px 6px 6px 18px;background:var(--s1)}
  .dke-search>span{color:var(--muted);font-size:18px}.dke-in{flex:1;min-width:0;background:none;border:0;color:var(--ink);font:inherit;font-size:15px;padding:10px 0}.dke-in:focus{outline:none}
  .dke-search .btn{flex:none;padding:13px 24px}
  .dke-or{margin:24px 0 10px;font-size:11px;color:var(--dim);letter-spacing:.08em}
  .dke-alts{display:flex;gap:10px;flex-wrap:wrap;max-width:620px}.dke-alts .btn{flex:none;padding:11px 16px;font-size:12.5px}
  .dke-steps{position:relative;display:grid;gap:12px}
  .dke-step{display:grid;grid-template-columns:54px 1fr;gap:14px;border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--s1)}
  .dke-step i{font-style:normal;width:54px;height:54px;border-radius:14px;background:#16210b;border:1px solid #2f4413;display:grid;place-items:center;color:var(--lime);font-weight:800;font-size:20px}
  .dke-step b{display:block;font-size:15px;margin:3px 0 5px}.dke-step p{font-size:12.5px;color:var(--muted);line-height:1.55}
  .dke-trend{max-width:1200px;margin:48px auto 0;padding:0 40px}.dke-trend .sec{padding:0 0 12px}
  .dke-row{display:grid;grid-template-columns:repeat(8,1fr);gap:14px}.dke-row .card{width:auto}
  .poster.ghosty{background:var(--s1);border:1px solid var(--line);aspect-ratio:2/3;animation:ghost 1.2s ease-in-out infinite alternate}

  /* impostazioni */
  .dks-bar{padding:0 40px;height:64px}.dks-bar .brand{flex:none;margin-left:6px;font-size:18px}.dks-crumb{flex:1;color:var(--muted);font-size:14px;margin-left:12px}
  .dks{max-width:1200px;margin:20px auto 60px;padding:0 40px;display:grid;grid-template-columns:270px minmax(0,1fr);gap:36px;align-items:start}
  .dks-nav{position:sticky;top:20px}
  .dks-acc{border:1px solid var(--line);border-radius:16px;background:linear-gradient(140deg,#16210b,var(--s1) 70%);padding:18px}
  .dks-acc b{display:block;font-size:19px;font-weight:800;line-height:1.3}.dks-acc small{display:block;color:var(--muted);font-size:11.5px;line-height:1.6;margin-top:6px}
  .dks-acc em{display:block;font-style:normal;font-size:10.5px;color:var(--lime);margin-top:12px;line-height:1.5}.dks-acc em.warn{color:#ffc94a}
  .dks-menu{margin-top:16px;display:grid;gap:2px}
  .dks-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border-radius:10px;font:inherit;font-size:13px;color:var(--ink2);text-align:left}
  .dks-menu button:hover{background:var(--s1)}.dks-menu button.on{background:var(--s2);color:var(--lime);font-weight:800}.dks-menu button.on::before{content:"//";font-weight:800}
  .dks-menu button.d{color:var(--pink)}
  .dks-main h1{font-size:30px;font-weight:800;letter-spacing:-.02em}.dks-sub{color:var(--muted);font-size:13px;margin:6px 0 22px;line-height:1.55}
  .dks-main .ssec{display:none}
  .dks-main .sgrp{display:grid;grid-template-columns:1fr 1fr;gap:14px;border:0;background:none;overflow:visible}
  .dks-main .srow{flex-direction:column;align-items:flex-start;gap:12px;border:1px solid var(--line)!important;border-radius:16px;background:var(--s1);padding:18px;min-height:118px}
  .dks-main .srow .t{flex:1}.dks-main .srow .t b{font-size:15px}.dks-main .srow .t small{font-size:12px;color:var(--muted);line-height:1.55;margin-top:6px}
  .dks-main .srow .v{border:1px solid var(--line2);border-radius:12px;padding:8px 14px;color:var(--ink)}.dks-main button.srow:hover .v,.dks-main a.srow:hover .v{border-color:var(--lime);color:var(--lime)}
  .dks-main .srow.danger{border-color:#5a1c2c!important}
  .dks-wide{display:flex;align-items:center;gap:24px;border:1px solid var(--line);border-radius:16px;background:var(--s1);padding:18px 20px;margin-bottom:14px}
  .dks-wide>div:first-child{flex:1}.dks-wide .kick{font-size:10.5px}.dks-wide b{display:block;font-size:15.5px;margin:6px 0 4px}.dks-wide p{font-size:12.5px;color:var(--muted);line-height:1.55}
  .dks-act{display:flex;gap:8px}.dks-act .btn{flex:none;padding:11px 18px;font-size:12.5px}
  .dks-main>div:last-child .sgrp-wrap .ssec{display:block}
}
@media (min-width:1100px){.dk-mid .sec{padding:22px 0 10px!important;margin:0!important}.dk-mid .sec h2{font-size:14px}}
@media (min-width:1100px){.dks-main .srow .v.arrow::before{content:'Apri '}.dks-main .srow .v.down::before{content:'Scarica '}.dks-main .srow .v:empty{display:none}.dks-main .srow.danger .v:empty+*{display:none}}
@media (min-width:1100px){.dks-main .srow.danger .v:empty{display:inline-flex;border-color:var(--pink);color:var(--pink)}.dks-main .srow.danger .v:empty::before{content:'Cancella tutto…'}}
@media (min-width:1100px){.dks-main .srow.k-crea .v.arrow::before{content:'Crea '}.dks-main .srow.k-file .v.arrow::before{content:'Scegli il file '}}
@media (min-width:1100px){.dks-main .srow.k-auto .v{border-color:var(--lime);color:var(--lime)}}

/* «Ho visto» (registra visione): a tutto schermo sul telefono, finestra centrata su computer */
.lv-bg{position:fixed;inset:0;z-index:60;background:#020302cc;display:flex;justify-content:center;align-items:stretch}
.lv{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg);padding-bottom:env(safe-area-inset-bottom)}
.lv-bar{display:flex;align-items:center;gap:6px;height:60px;padding:calc(env(safe-area-inset-top)) 10px 0 6px;border-bottom:1px solid var(--line);flex:none}
.lv-bar .ib{color:var(--ink);font-size:22px}.lv-bar>b{flex:1;font-size:17px;font-weight:800}
.lv-ok{width:46px;height:40px;border-radius:12px;background:var(--lime);color:var(--onl);font-size:20px;font-weight:900;display:grid;place-items:center}
.lv-head{display:flex;gap:14px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);flex:none}
.lv-head img,.lv-head i{width:46px;aspect-ratio:2/3;object-fit:cover;border-radius:6px;background:var(--s2);border:1px solid #ffffff1a;flex:none}
.lv-head b{display:block;font-size:17px;font-weight:800;line-height:1.25}.lv-head small{display:block;color:var(--muted);font-size:11.5px;margin-top:3px}
.lv-row{position:relative;display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--line);font-size:14px;cursor:pointer;flex:none}
.lv-row .k{color:var(--muted);flex:none}.lv-row .val{flex:1;text-align:right;color:var(--ink)}.lv-row .val.off{color:var(--dim)}
.lv-row input[type=date]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}
.lv-row input[type=date]::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;cursor:pointer}
.lv-row .clr{position:relative;z-index:1;width:30px;height:30px;border-radius:50%;background:var(--s2);border:1px solid var(--line2);color:var(--muted);display:grid;place-items:center;font-size:13px;flex:none}
.lv-rate{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--line);flex:none}
.lv-rate small{display:block;color:var(--dim);font-size:10.5px;margin-top:6px}
.lv-fav{display:flex;flex-direction:column;align-items:center;gap:4px;color:#2a332a;flex:none}.lv-fav b{font-size:38px;line-height:1}.lv-fav small{font-size:10.5px;color:var(--dim)}
.lv-fav.on{color:var(--pink)}.lv-fav.on small{color:var(--pink)}
.lv-note{flex:1;min-height:120px;width:100%;resize:none;border:0;background:none;color:var(--ink2);font:inherit;font-size:16px;line-height:1.6;padding:16px}
.lv-note:focus{outline:none}.lv-note::placeholder{color:var(--dim)}
.lv-foot{display:flex;border-top:1px solid var(--line);flex:none}
.lv-again{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px 18px;font-size:12px;color:var(--muted)}
.lv-again b{font-size:22px;color:var(--dim)}.lv-again.on,.lv-again.on b{color:var(--lime)}
@media (min-width:760px){.lv-bg{align-items:center;padding:24px}.lv{max-width:520px;height:auto;max-height:90vh;border:1px solid var(--line2);border-radius:18px;overflow:hidden}.lv-note{min-height:180px}.lv-bar{padding-top:0}}
/* diario di avvio */
.dlg.boot{max-width:560px}.bootlog{margin-top:12px;max-height:55vh;overflow:auto;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px;font:inherit;font-size:11px;line-height:1.6;color:var(--ink2);white-space:pre-wrap;word-break:break-word}

/* dossier in evidenza: copertina in miniatura e pulsante */
.dcard{position:relative;display:flex;align-items:center;gap:16px;margin:10px var(--pad) 14px;padding:14px;border:1px solid var(--line2);border-radius:14px;background:linear-gradient(120deg,#16210b,var(--s1) 62%)}
.dcard .dc{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.dcard .kick{font-size:9.5px}.dcard b{font-size:18px;font-weight:800;letter-spacing:-.4px;line-height:1.2}.dcard .dc>span{font-size:11.5px;color:var(--muted)}.dcard .btn{margin-top:9px;width:auto;padding-inline:18px;justify-content:center;text-align:center}
.dcov-b{flex:none;padding:0;background:none;border:0;display:block}.dcov{position:relative;width:100px;aspect-ratio:.707;overflow:hidden;background:var(--s2);border-radius:3px;box-shadow:0 8px 22px #000b;transform:rotate(-2deg);text-align:left}
.dcov>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.dcov>i{position:absolute;inset:0;background:linear-gradient(180deg,#0000 30%,#060906f2 80%)}
.dcov em{position:absolute;left:6px;top:6px;font-style:normal;font-size:5px;font-weight:700;letter-spacing:.5px;color:#fff;text-shadow:0 1px 2px #000}.dcov strong{position:absolute;left:6px;right:5px;bottom:15px;font-size:13px;font-weight:800;letter-spacing:-.7px;color:#f5f5ef;line-height:1.05;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.dcov u{position:absolute;left:6px;bottom:5px;text-decoration:none;font-size:7.5px;color:#d7dbd3}.dcov.mos strong{bottom:7px;font-size:12px}
.dmos{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:1px}.dmos img,.dmos span{width:100%;height:100%;object-fit:cover;background:var(--s2);display:block}
.dclose{position:absolute;right:6px;top:6px;width:30px;height:30px;background:none;border:0;color:var(--dim);font-size:13px}.dclose:hover{color:var(--ink)}
@media (min-width:1100px){.dcard{max-width:560px}.dcov{width:112px}}

.dbtns{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.dcard .dbtns .btn{margin-top:0;padding-inline:14px}

/* ricerca: i titoli già in archivio si vedono attenuati */
.card.own .poster{opacity:.35}.card.own .ct,.card.own .cs{opacity:.55}.card.own:hover .poster{opacity:.7}.chips+div>.grid{margin-top:12px}

/* il biglietto dei traguardi: i fori sono trasparenti, così durante lo strappo non restano puntini */
.ktk{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;padding:18px;overflow:hidden;touch-action:none}
.tvl{position:absolute;inset:0;background:#050805;opacity:.94;cursor:pointer}
.tkt{position:relative;width:min(100%,360px);color:#0b100b;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;filter:drop-shadow(0 18px 30px #000a);outline:none}.tkt:active{cursor:grabbing}
.tup{border-radius:12px 12px 0 0;overflow:hidden;background:var(--s2)}.tup img{width:100%;height:min(36vh,300px);object-fit:cover;object-position:top;display:block;pointer-events:none}
.ttx{padding:12px 16px 14px;background:radial-gradient(circle 9px at 0 100%,transparent 9px,#f5f5ef 9.5px) left/51% 100% no-repeat,radial-gradient(circle 9px at 100% 100%,transparent 9px,#f5f5ef 9.5px) right/51% 100% no-repeat}
.ttx small{font-size:10.5px;font-weight:700;letter-spacing:.03em}.ttx h2{font-size:24px;line-height:1.15;margin:4px 0 0;letter-spacing:-.02em;text-wrap:balance}
.tlo{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;padding:14px 16px 16px;border-radius:0 0 12px 12px;background:radial-gradient(circle 9px at 0 0,transparent 9px,#f5f5ef 9.5px) left/51% 100% no-repeat,radial-gradient(circle 9px at 100% 0,transparent 9px,#f5f5ef 9.5px) right/51% 100% no-repeat}
.tlo::before{content:"";position:absolute;left:14px;right:14px;top:-1px;border-top:2px dashed #0b100b66}
.tlo b{font-size:46px;line-height:1;letter-spacing:-.05em}.tlo span{font-size:11.5px;line-height:1.35}
.ktk .tsh{position:relative;flex:none;width:min(100%,360px);text-align:center}.ktk .tsh:disabled{opacity:.55}
/* la pagina dei traguardi: un mazzetto di piccoli biglietti */
.mss{margin:18px var(--pad) 8px}
.msg{display:grid;gap:8px;padding:0 var(--pad)}
.mst{display:grid;grid-template-columns:minmax(0,1fr) 84px;width:100%;min-height:64px;color:#0b100b;text-align:left}
.msl{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:9px 14px;min-width:0;border-radius:10px 0 0 10px;background:radial-gradient(circle 6px at 100% 0,transparent 6px,#f5f5ef 6.5px) top/100% 51% no-repeat,radial-gradient(circle 6px at 100% 100%,transparent 6px,#f5f5ef 6.5px) bottom/100% 51% no-repeat}
.msl b{font-size:14px;line-height:1.2}.msl small{font-size:11px;color:#0b100b99}
.msr{position:relative;display:grid;place-items:center;font-size:21px;font-weight:700;letter-spacing:-.04em;border-radius:0 10px 10px 0;background:radial-gradient(circle 6px at 0 0,transparent 6px,#f5f5ef 6.5px) top/100% 51% no-repeat,radial-gradient(circle 6px at 0 100%,transparent 6px,#f5f5ef 6.5px) bottom/100% 51% no-repeat}
.msr::before{content:"";position:absolute;left:-1px;top:9px;bottom:9px;border-left:2px dashed #0b100b55}
.mso{display:grid;grid-template-columns:minmax(0,1fr) 84px;align-items:center;min-height:64px;border:1px dashed var(--line2);border-radius:10px}
.msi{padding:9px 14px;min-width:0}.msi b{display:block;font-size:13.5px;color:var(--ink2);line-height:1.2}.msi .bar2{margin:6px 0 4px}.msi small{font-size:11px;color:var(--muted)}
.msn{text-align:center;font-size:21px;font-weight:700;letter-spacing:-.04em;color:var(--dim)}
@media (min-width:900px){.msg{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* il mese a locandine */
.mcal{padding-bottom:40px}.mcnt{padding:0 var(--pad) 8px;margin:0}
.mgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;padding:0 var(--pad)}
.mday{display:block;min-width:0;width:100%;text-align:left}
.mpo{position:relative;display:block;aspect-ratio:2/3;border-radius:6px;overflow:hidden;border:1px solid var(--line);background:var(--s1)}.mday.now .mpo{border-color:var(--lime)}
.mpo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mdt{display:flex;justify-content:space-between;gap:4px;padding-top:4px;font-size:11px;color:var(--muted)}.mdt>span:first-letter{text-transform:uppercase}.mdt>span{display:block}
.mdt u{text-decoration:none;font-weight:800;color:var(--lime)}
@media (min-width:900px){.mcal{max-width:1000px;margin:0 auto}.mgrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px 12px}}
/* l'ultima volta */
.lv-last{padding:12px 16px;border-bottom:1px solid var(--line);flex:none}.lv-last b{display:block;font-size:14px;margin-top:3px}.lv-last small{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}.lv-last .st{color:var(--lime)}
/* la saga */
.sgbar{height:3px;margin:0 var(--pad) 10px;background:var(--line);border-radius:2px;overflow:hidden}.sgbar i{display:block;height:100%;background:var(--lime)}
.sgc.off .poster{opacity:.42;filter:saturate(.5)}.sgc.off .cs{color:var(--lime);font-weight:700}
.sgnext{display:flex;align-items:center;gap:12px;width:calc(100% - 2 * var(--pad));margin:12px var(--pad) 0;padding:12px 14px;border:1px solid var(--line2);border-radius:12px;background:var(--s1);text-align:left}.sgnext b{display:block;font-size:13px;margin-top:1px}.sgnext em{margin-left:auto;font-style:normal;color:var(--lime)}

/* la collezione: il biglietto con il tagliando di lato */
@font-face{font-family:Anton;src:url(../../assets/fonts/anton.woff2) format("woff2");font-display:swap}
.kc{position:relative;width:min(100%,calc(74dvh*5/5.7));aspect-ratio:5/5.7;perspective:1100px;touch-action:none;user-select:none;-webkit-user-select:none;container-type:inline-size;--hx:50%;--hy:50%;cursor:pointer;--pc:#f3efe2;--ik:#14160f;--acc:#7c8c2a;--foil:linear-gradient(115deg,#b7ff2a,#e9ffc0 45%,#7fae1c)}
.kc.cro{--pc:#dfe3e2;--acc:#566066;--foil:linear-gradient(115deg,#8d938c,#fbfdf7 45%,#8f958e 70%,#e0e4dc)}.kc.olo{--pc:#ecf5ee;--acc:#1b7f8c;--foil:linear-gradient(115deg,#b7ff2a,#6fe7ff 40%,#ff6fae 70%,#b7ff2a)}.kc.oro{--pc:#f6e3ad;--acc:#8a6410;--foil:linear-gradient(115deg,#d9a93f,#fff1c0 45%,#c08c22 72%,#f3d27a)}
.kc:focus{outline:0}.kmini{touch-action:auto;pointer-events:none;width:100%}
.ktl{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform;transition:transform .35s cubic-bezier(.2,.9,.2,1)}.kmini .ktl{will-change:auto}.kc.on .ktl{transition:none}
.ktn{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.3,.8,.3,1)}.kc.back .ktn{transform:rotateY(180deg)}
.kf{position:absolute;inset:0;border-radius:3.6cqw;overflow:hidden;background:var(--pc);color:var(--ik);backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-mask:radial-gradient(circle 3cqw at 78% 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle 3cqw at 78% 100%,#0000 98%,#000) bottom/100% 51% no-repeat;mask:radial-gradient(circle 3cqw at 78% 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle 3cqw at 78% 100%,#0000 98%,#000) bottom/100% 51% no-repeat}
.kb{transform:rotateY(180deg)}
.kpap{position:absolute;inset:0;background-image:repeating-radial-gradient(circle at 18% 120%,transparent 0 1.3cqw,color-mix(in srgb,var(--acc) 22%,transparent) 1.3cqw 1.5cqw),repeating-radial-gradient(circle at 82% 120%,transparent 0 1.3cqw,color-mix(in srgb,var(--acc) 16%,transparent) 1.3cqw 1.5cqw)}.kmini .kpap{display:none}
.kan{font-family:Anton,"Roboto Mono",sans-serif;font-weight:400;letter-spacing:.005em;text-transform:uppercase}
.kph{position:absolute;left:3.5cqw;top:3.5cqw;bottom:3.5cqw;width:71cqw;overflow:hidden;background:#111711}.kph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.ksd{position:absolute;left:78%;right:0;top:0;bottom:0;border-left:.5cqw dashed #14160f88;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:6cqw 0}
.kfl{flex:none;width:100%;height:4cqw;background:var(--foil);background-size:220% 220%;background-position:var(--hx) var(--hy)}
.ktt{font-size:8.4cqw;line-height:1;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:66cqw;min-height:0}
.knr{font-size:6.8cqw;writing-mode:vertical-rl;transform:rotate(180deg);line-height:1}
.kho{display:flex;flex-direction:column;gap:1.6cqw}.kho i{width:3.2cqw;height:3.2cqw;border-radius:50%;background:#040704;box-shadow:inset 0 .3cqw .4cqw #000}
.ksh{position:absolute;inset:-60%;z-index:2;pointer-events:none;opacity:.3;transition:opacity .25s;mix-blend-mode:color-dodge;background-size:100% 100%;transform:translate3d(calc(var(--mx,0) * -54.5%),calc(var(--my,0) * -54.5%),0)}.kc.on .ksh{opacity:1}
.kc.base .ksh{display:none}
/* Olografica e Oro: luce morbida (soft-light) invece di color-dodge, che sulle locandine scure gonfiava la grana del JPEG in blocchi colorati e accendeva il nero */
.kc.olo .ksh,.kc.oro .ksh{mix-blend-mode:soft-light;opacity:.55}.kc.olo.on .ksh,.kc.oro.on .ksh{opacity:1}
/* la striscia di luce che segue il dito: in overlay, che sul nero non aggiunge nulla e accende solo i chiari e i medi */
.kc.olo .kph::before,.kc.oro .kph::before{content:"";position:absolute;inset:-60%;z-index:2;pointer-events:none;mix-blend-mode:overlay;opacity:0;transition:opacity .25s;background-size:100% 100%;transform:translate3d(calc(var(--mx,0) * -54.5%),calc(var(--my,0) * -54.5%),0)}.kc.olo.on .kph::before,.kc.oro.on .kph::before{opacity:1}
.kc.oro .kph::before{background-image:linear-gradient(115deg,transparent 36%,#fff1c499 45%,#fff6dc 50%,#fff1c499 55%,transparent 64%)}.kc.olo .kph::before{background-image:linear-gradient(115deg,transparent 36%,#c9fff499 45%,#ffffff 50%,#ffd6ec99 55%,transparent 64%)}
.kc.olo .ksh{background-image:linear-gradient(115deg,transparent 18%,#b7ff2aaa 32%,#6fe7ffaa 44%,#ff6faeaa 56%,transparent 70%)}
.kc.oro .ksh{background-image:linear-gradient(115deg,transparent 18%,#ffd76acc 32%,#fff3c0dd 44%,#ff9d3cbb 56%,transparent 70%)}
.kc.cro .ksh{mix-blend-mode:overlay;background-image:repeating-linear-gradient(105deg,#fff0 0,#ffffff90 7%,#0000 14%,#0007 21%,#fff0 28%)}
.kbk{position:absolute;inset:0;padding:7cqw;display:flex;flex-direction:column}.kbk>small{font-size:3cqw;font-weight:700;display:flex;justify-content:space-between}.kbk>small span:last-child{color:#b5261f}.kbk h4{font-size:9cqw;line-height:1.04;margin:2.4cqw 0 .8cqw;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ky{font-size:3.3cqw}
.kdt{display:grid;grid-template-columns:1fr 1fr;gap:2.4cqw;margin-top:3.5cqw}.klb{font-size:2.5cqw;font-weight:700;letter-spacing:.25cqw;opacity:.7;display:block}.kvl{font-size:4.2cqw;font-weight:700;letter-spacing:-.03em;display:block;line-height:1.15}
.kvis{margin-top:3cqw;display:grid;gap:1cqw;font-size:3.4cqw}.kvis div{display:flex;align-items:center;gap:2cqw}.kvis i{flex:none;width:2.8cqw;height:2.8cqw;border-radius:50%;background:#040704}
.kbk blockquote{margin:3cqw 0 0;font-size:3.5cqw;line-height:1.35;border-left:.8cqw solid #b5261f;padding-left:2.6cqw;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kbc{margin-top:auto;padding-top:2cqw}.kbars{height:8cqw;background:repeating-linear-gradient(90deg,var(--ik) 0 .5cqw,transparent .5cqw 1.1cqw,var(--ik) 1.1cqw 2cqw,transparent 2cqw 2.6cqw,var(--ik) 2.6cqw 2.9cqw,transparent 2.9cqw 3.8cqw)}.kbc span{display:block;font-size:2.9cqw;letter-spacing:.7cqw;font-weight:700;margin-top:1cqw}
.kdm{position:fixed;inset:0;z-index:15;display:flex;flex-direction:column;background:var(--bg)}
.kdm-m{position:relative;z-index:3;flex:none;background:linear-gradient(#1b211a,#0d120c 70%,#141a12);box-shadow:0 1px 0 #ffffff14,0 16px 26px #000;padding:calc(env(safe-area-inset-top) + 6px) var(--pad) 12px}
.kdm-t{display:flex;align-items:center;gap:6px;margin-left:-8px}.kdm-t small{flex:1;font-size:10.5px;font-weight:700;letter-spacing:.2em;color:#8c9488}.kdm-t em{font-style:normal;font-size:11px;color:var(--muted)}
.kdm-lcd{margin-top:4px;background:#071005;border:1px solid #2a3325;border-radius:6px;box-shadow:inset 0 2px 8px #000;padding:7px 12px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:var(--lime);text-shadow:0 0 12px #b7ff2a88}.kdm-lcd b{flex:none;font:400 44px/1 Anton,sans-serif;letter-spacing:.03em}.kdm-lcd span{min-width:0;font-size:12px;font-weight:700;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kdm-open{display:block;flex:none;width:100%;margin-top:10px;text-align:center}.kdm-sl{display:block;height:9px;margin-top:12px;border-radius:5px;background:#000;box-shadow:inset 0 2px 3px #000,0 1px 0 #ffffff1f}
/* su iPad lo scorrimento arrivato in cima o in fondo passava alla pagina sotto il distributore, e il nastro restava bloccato:
   il nastro tiene i suoi rimbalzi e, mentre la collezione è aperta, la pagina sotto non scorre */
html.kdm-on,html.kdm-on body{overflow:hidden;overscroll-behavior:none}
.kdm-s{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 max(20px,calc(50% - 210px)) 90px}.kdm-s::-webkit-scrollbar{display:none}
.kdm-tape{display:grid}.kdm-b{display:block;width:100%;text-align:left}.kdm-b .kf{border-radius:0;-webkit-mask:none;mask:none;border-bottom:1px dashed #14160f88}.kdm-b .kmini{pointer-events:none}
/* le miniature del nastro non hanno riflessi né strati 3D: sono centinaia, e su iPad pesavano troppo */
.kmini .ksh,.kmini .kph::before{display:none}.kmini .ktl,.kmini .ktn{transform-style:flat}
.kdm-j{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:18px 0 calc(env(safe-area-inset-bottom) + 12px) var(--pad);display:flex;gap:6px;align-items:center;background:linear-gradient(transparent,var(--bg) 35%)}
.kdm-j button{flex:none;min-height:36px;background:var(--s1,#0b100b);border:1px solid var(--line2);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;text-align:center}.kdm-j button.on{background:var(--lime);border-color:var(--lime);color:var(--onl)}
.kdm-ys{flex:1;min-width:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-right:var(--pad);position:relative}.kdm-ys::-webkit-scrollbar{display:none}
.kdm-sr{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;background:var(--bg)}
.kdm-srt{flex:none;display:flex;align-items:center;gap:4px;padding:calc(env(safe-area-inset-top) + 8px) var(--pad) 10px 6px;border-bottom:1px solid var(--line)}
.kdm-srf{flex:1;min-width:0;height:44px;display:flex;align-items:center;background:var(--s2);border:1px solid var(--line);border-radius:8px;padding-left:12px}.kdm-srf:focus-within{border-color:var(--line2)}
.kdm-srf input{flex:1;min-width:0;height:100%;background:none;border:0;outline:0;color:var(--ink);caret-color:var(--lime);font:400 16px var(--mono)}.kdm-srf input::placeholder{color:var(--dim)}.kdm-srf input::-webkit-search-cancel-button{display:none}
.kdm-srx{flex:none;width:40px;height:100%;color:var(--muted);font-size:18px}
.kdm-srl{flex:1;min-height:0;overflow-y:auto;padding:0 var(--pad) 32px}
.kdm-srr{display:flex;align-items:center;gap:14px;width:100%;padding:10px 0;border-bottom:1px solid var(--line);text-align:left}.kdm-srr:focus-visible{outline-offset:-2px}
.kdm-srp{position:relative;flex:none;width:44px;height:66px;border-radius:4px;overflow:hidden;background:var(--s1)}.kdm-srp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kdm-srd{min-width:0}.kdm-srd b{display:block;font-size:14px;line-height:1.3}.kdm-srd small{display:block;margin-top:4px;font-size:12px;color:var(--muted)}
.kdm-srn{padding-top:32px;text-align:center;color:var(--muted)}
@media (min-width:760px){.kdm-srt,.kdm-srl{width:100%;max-width:640px;margin:0 auto}}
.kcl .tsh{flex:none}
/* la bustina: nero lucido, saldature a rilievo, strappo che segue il dito */
.kbs{position:absolute;left:50%;top:50%;width:250px;height:390px;margin:-195px 0 0 -125px;z-index:2;pointer-events:none}.kbs-w{position:absolute;inset:0;filter:drop-shadow(0 18px 26px #000c)}
.kbs-in{position:absolute;left:3px;right:3px;top:30px;height:60px;background:linear-gradient(#60655a,#1a1d17 40%,#0a0c09)}
.kbs-st{position:absolute;left:14px;top:32px;width:222px;height:253px;z-index:4}.kbs-st .kc{position:absolute;left:0;top:0}
.kbs-fr{position:absolute;inset:0;z-index:6;--hx:50%;--hy:40%}
.kbs-bd{position:absolute;left:0;right:0;top:54px;bottom:0;overflow:hidden;clip-path:polygon(0 3px,4% 0,8% 4px,12% 1px,17% 4px,21% 0,26% 3px,30% 1px,35% 4px,40% 0,44% 3px,49% 1px,54% 4px,58% 0,63% 3px,67% 1px,72% 4px,76% 0,81% 3px,85% 1px,90% 4px,94% 0,100% 3px,100% calc(100% - 6px),96% 100%,92% calc(100% - 6px),88% 100%,84% calc(100% - 6px),80% 100%,76% calc(100% - 6px),72% 100%,68% calc(100% - 6px),64% 100%,60% calc(100% - 6px),56% 100%,52% calc(100% - 6px),48% 100%,44% calc(100% - 6px),40% 100%,36% calc(100% - 6px),32% 100%,28% calc(100% - 6px),24% 100%,20% calc(100% - 6px),16% 100%,12% calc(100% - 6px),8% 100%,4% calc(100% - 6px),0 100%)}
.kbs-ar{position:absolute;left:0;right:0;top:-54px;height:390px;background:linear-gradient(160deg,#1c1f1a,#050605 30%,#0c0e0b 58%,#23261f 74%,#040504);color:#f5f5ef;text-align:center}.kbs-ar::before{content:"";position:absolute;inset:0;background:linear-gradient(72deg,transparent 42%,#ffffff12 42.4%,transparent 43%),linear-gradient(101deg,transparent 64%,#ffffff0e 64.3%,transparent 65%),linear-gradient(24deg,transparent 22%,#ffffff0a 22.3%,transparent 23%)}
.kbs-ar b{position:absolute;left:0;right:0;top:128px;font:400 96px/1 Anton,sans-serif}.kbs-ar span{position:absolute;left:0;right:0;top:226px;font-size:13px;font-weight:700;letter-spacing:.38em;color:#aeb5aa;padding-left:.38em}.kbs-ar em{position:absolute;left:0;right:0;bottom:46px;font-style:normal;font-size:12px;font-weight:700}.kbs-ar em i{font-style:normal;color:var(--lime)}
.kbs-cr{position:absolute;left:0;right:0;bottom:0;height:24px;background:repeating-linear-gradient(90deg,#fff1 0 1px,#0000 1px 4px),linear-gradient(#0000,#0006);box-shadow:inset 0 1px 0 #fff2}
.kbs-sh{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;background-image:linear-gradient(115deg,transparent 32%,#ffffff40 47%,#ffffff14 55%,transparent 68%);background-size:240% 240%;background-position:var(--hx,50%) var(--hy,40%)}
.kbs-fb{position:absolute;left:0;top:52px;height:7px;width:0;background:#eee9d9;clip-path:polygon(0 3px,4% 0,8% 4px,12% 1px,17% 4px,21% 0,26% 3px,30% 1px,35% 4px,40% 0,44% 3px,49% 1px,54% 4px,58% 0,63% 3px,67% 1px,72% 4px,76% 0,81% 3px,85% 1px,90% 4px,94% 0,100% 3px,100% 7px,0 7px);z-index:3;overflow:hidden}
.kbs-sg{position:absolute;top:0;height:60px;transform-origin:100% 100%}.kbs-sg>i{position:absolute;inset:0;background-color:#050605;background-image:repeating-linear-gradient(90deg,#fff1 0 1px,#0000 1px 4px),linear-gradient(#ffffff0a,#0000)}
.kbs-no{position:absolute;z-index:6;left:-1px;top:48px;width:9px;height:9px;background:#000;clip-path:polygon(0 0,100% 50%,0 100%)}
.kbs-z{position:absolute;inset:0;z-index:10;touch-action:none;cursor:grab}.kbs-z:focus{outline:0}
.kbs-hi{position:absolute;z-index:11;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 34px);text-align:center;color:var(--muted);font-size:12px;pointer-events:none}
.kbs-fl{position:absolute;inset:0;z-index:6;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,transparent 35%,#fff9 50%,transparent 65%) 120% 0/300% 100% no-repeat}.kbn{position:relative;z-index:1;flex:none;display:flex;gap:8px;width:min(100%,360px)}.kbn .btn{flex:1;min-width:0;text-align:center}.kbn .tsh{width:auto}
/* su tablet e computer la macchinetta sta di lato e i nastri escono uno accanto all'altro */
@media (min-width:760px){
  .kdm{display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
  .kdm::after{content:"";position:absolute;z-index:2;left:300px;right:0;top:0;height:14px;background:linear-gradient(#000,transparent);pointer-events:none}
  .kdm-m{grid-column:1;grid-row:1;padding:calc(env(safe-area-inset-top) + 14px) 18px 16px;box-shadow:none;background:linear-gradient(#1b211a,#141a12);display:flex;flex-direction:column}
  .kdm-lcd{margin-top:12px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px}.kdm-lcd b{font-size:76px}.kdm-lcd span{white-space:normal;font-size:13px}
  .kdm-sl{display:none}
  .kdm-s{grid-column:2;grid-row:1/3;padding:0 24px 40px}
  .kdm-tape{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));column-gap:18px}
  .kdm-j{position:relative;grid-column:1;grid-row:2;z-index:4;min-height:0;padding:0 18px 18px;background:#141a12;box-shadow:1px 0 0 #ffffff14,16px 0 26px #000;flex-direction:column;align-items:stretch;overflow:hidden}
  .kdm-j>button{flex:none}.kdm-ys{flex:1;flex-wrap:wrap;align-content:flex-start;overflow-y:auto;overflow-x:hidden;padding:4px 0 0;min-height:0}.kdm-ys button{flex:1 1 72px}
}
.kcl>.kc{position:relative}
.ksc{position:relative;width:min(72vw,calc(78dvh*5/7.6),380px);aspect-ratio:5/7.6;container-type:inline-size;--hx:50%;--hy:50%}
.ksc>.kc{position:absolute;left:5%;top:10%;width:90%;z-index:1;transition:transform .55s cubic-bezier(.2,.9,.3,1)}.ksc>.kc.rise{transform:translateY(-22%)}.ksc>.kc.out{z-index:3;transform:scale(1.08)}
.kzm{position:fixed;inset:0;z-index:90;background:#020302;display:flex;align-items:center;justify-content:center;padding:12px;touch-action:none}.kzm>.poster{width:min(100%,calc(94dvh*2/3))}.kzo{cursor:zoom-in}
@media (prefers-reduced-motion:reduce){.ktn,.ktl,.ksc>.kc{transition:none}}
/* crediti TMDB in Impostazioni › Informazioni: il logo si mostra intero, senza filtri né cambi di proporzione */
.scred{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px}.scred img{height:14px;width:auto}.scred p{font-size:11px;line-height:1.5;color:var(--dim)}

/* card invito: da sviluppare in bianco e nero con grana e luce rossa, poi i colori in due secondi e mezzo */
.kc .kph img{transition:filter 2.4s ease}.kc.inv .kph img{filter:grayscale(1) contrast(.85) brightness(.8)}
.kc.inv .kph::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 55%,#c4372f2e),repeating-radial-gradient(circle at 30% 40%,#ffffff14 0 1px,transparent 1px 3px)}
.kc.inv .ksh{display:none}.kinv{position:absolute;left:2.4cqw;top:2.4cqw;z-index:3;padding:.5cqw 1.8cqw;border-radius:1cqw;background:#040704e6;color:#efeee6;font-size:2.8cqw;font-weight:800;letter-spacing:.3cqw}
.kwhy{margin-top:3cqw;padding-top:2.4cqw;border-top:1px solid #0002;font-size:2.9cqw;line-height:1.45}.kwhy b{display:block;margin-bottom:.8cqw;font-size:2.4cqw;letter-spacing:.3cqw;color:#c4372f}
.kdm-inv{display:flex;align-items:center;gap:10px;width:100%;margin-top:10px;padding:9px 12px;border:1px dashed var(--line2);border-radius:10px;text-align:left}.kdm-inv b{flex:none;font-size:10px;letter-spacing:.12em;color:#efeee6;background:#c4372f;border-radius:4px;padding:1px 6px}.kdm-inv span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.kdm-inv i{font-style:normal;color:var(--muted)}
@media (prefers-reduced-motion:reduce){.kc .kph img{transition:none}}
/* iPad e iPhone: i due intagli del biglietto disegnati invece che ritagliati con una maschera
   (sulla card che si inclina Safari ricalcolava maschera e fusioni a ogni movimento del dito). Le miniature del nastro restano come sono */
.ios .kc:not(.kmini) .kf{-webkit-mask:none;mask:none;isolation:isolate} /* l'isolamento tiene le fusioni del riflesso dentro la card, come faceva la maschera */
.ios .kc:not(.kmini) .kf::after{content:"";position:absolute;z-index:5;left:calc(78% - 3cqw);top:-3cqw;width:6cqw;height:6cqw;border-radius:50%;background:#050805;box-shadow:0 114cqw 0 #050805;pointer-events:none}


/* regole della raccolta intelligente: anteprima fissa in alto, scelte da toccare, pulsanti fissi in fondo */
.sheet.rs{display:flex;flex-direction:column;height:min(88vh,760px);padding:0}.rs-top{flex:none;padding:10px var(--pad) 12px;border-bottom:1px solid var(--line)}
.rs-nm{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:4px}.rs-nm h2{font-size:20px;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rs-nm>span{flex:none;font-size:13px;font-weight:700}.rs-nm b{color:var(--lime)}
.rs-strip{display:flex;gap:6px;height:72px;margin-top:12px;overflow:hidden}.rs-strip img,.rs-strip i{flex:none;width:48px;height:72px;object-fit:cover;border-radius:4px;background:var(--s1)}.rs-more{flex:none;width:48px;height:72px;display:grid;place-items:center;border:1px dashed var(--line2);border-radius:4px;font-size:11px;color:var(--muted)}.rs-none{align-self:center;font-size:12px;color:var(--dim)}
.rs-body{flex:1;min-height:0;overflow-y:auto;padding:4px var(--pad) 20px}.rs-g{padding:14px 0 4px}.rs-g>small{display:block;margin-bottom:8px;font-size:10.5px;font-weight:700;letter-spacing:.1em;color:var(--dim)}
.rs-ch{display:flex;flex-wrap:wrap;gap:7px}.rs-ch.sc{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1*var(--pad));padding:0 var(--pad)}.rs-ch.sc::-webkit-scrollbar{display:none}
.rs-stars{display:flex;align-items:center;gap:4px}.rs-stars button{font-size:26px;line-height:1;color:var(--line2);padding:2px}.rs-stars button.on{color:var(--lime)}.rs-stars small{margin-left:8px;font-size:12px;color:var(--muted)}
.rs-yrs{display:flex;align-items:center;gap:8px;margin-top:10px}.rs-yrs input{width:84px;height:38px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--ink);font:inherit;font-size:14px;text-align:center}.rs-yrs span{color:var(--dim)}
.rs-q{width:100%;height:42px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--ink);font:inherit;font-size:16px;padding:0 12px}.rs-q::placeholder{color:var(--dim)}
.rs-mf{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:14px;padding:13px 0;border-top:1px solid var(--line);font-weight:800;text-align:left}.rs-mf i{font-style:normal;color:var(--muted);transition:transform .2s}.rs-mf[aria-expanded=true] i{transform:rotate(90deg)}
.rs-ft{flex:none;display:flex;gap:10px;padding:10px var(--pad) calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.rs-ft .btn{flex:1}.rs-ft .btn.pri{flex:1.6}

/* card per stagione: «S2» sulla matrice e «Stagione 2» sul retro; filtro per rarità nel distributore */
.kss{flex:none;margin:1.2cqw 0;padding:1.2cqw .7cqw;border-radius:.8cqw;background:var(--ik,#14160f);color:var(--pc,#f3efe2);font-size:3.4cqw;line-height:1;writing-mode:vertical-rl;transform:rotate(180deg)}
.ksn{font-size:4.2cqw;letter-spacing:.2cqw;margin-top:-.6cqw}
.kdm-j{flex-wrap:wrap}.kdm-rr{flex:0 0 100%;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-right:var(--pad)}.kdm-rr::-webkit-scrollbar{display:none}
@media (min-width:760px){.kdm-rr{flex:none;flex-wrap:wrap;padding:14px 0 6px}.kdm-rr button{flex:1 1 auto}}

/* diario a mosaico: una griglia sola, le testate dei mesi occupano tutta la riga e restano in alto mentre scorri quel mese */
.diary.mos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 var(--pad) 24px}
.diary.mos .sec.month{grid-column:1/-1;position:sticky;top:calc(env(safe-area-inset-top) + 56px);z-index:3;margin:0 calc(-1*var(--pad));padding:12px var(--pad) 10px;background:var(--bg)}
.dt{position:relative;display:block;width:100%;min-width:0;padding:0;text-align:left}.dt .poster{width:100%}
.dtg{position:absolute;inset:0;z-index:1;border-radius:8px;pointer-events:none;background:linear-gradient(180deg,#040704cc 0%,transparent 26%,transparent 70%,#040704d9 100%)}
.dtd{position:absolute;left:6px;top:5px;z-index:2;display:flex;flex-direction:column;align-items:center;line-height:1}.dtd b{font-size:17px;font-weight:800}.dtd small{margin-top:2px;font-size:8.5px;font-weight:700;letter-spacing:.06em;color:var(--ink2)}
.dtr{position:absolute;right:6px;top:6px;z-index:2;font-size:12px;color:var(--ink2)}
.dtv{position:absolute;left:6px;bottom:6px;z-index:2;max-width:calc(100% - 26px);font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--lime);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtv.ep{color:var(--ink);background:#040704e6;border:1px solid var(--line2);border-radius:4px;padding:0 4px;line-height:15px}
.dth{position:absolute;right:6px;bottom:5px;z-index:2;font-size:11px;color:var(--pink)}
@media (min-width:760px){.diary.mos{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}}

/* voto alle stagioni: il riquadro sotto le schede, il voto nelle schede, la media al posto delle stelle della serie */
.svote{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px var(--pad) 0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--s1)}.svote>span{font-size:11.5px;color:var(--ink2);line-height:1.35}.svote>span b{display:block;font-size:13px;color:var(--ink)}
.stab small em{float:right;margin-left:8px;font-style:normal;font-weight:800;color:var(--lime)}
.myvote .mvs{font-size:24px;font-weight:400;letter-spacing:2px;color:var(--lime);white-space:nowrap}.myvote.auto>span b{font-size:12.5px;color:var(--ink)}
.dk-avg{display:block;margin-top:6px;font-size:11px;color:var(--muted)}.dk-mid .svote{margin-left:0;margin-right:0}

/* cambio locandina: pressione prolungata sulla locandina della scheda, poi il foglio con quelle di TMDB */
.kpk{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none;transition:transform .5s cubic-bezier(.2,.9,.2,1)}.kpk img{-webkit-user-drag:none}.kpk.kpress:not(.holo){transform:scale(.94)}
.kps .sheet{display:flex;flex-direction:column}.kps .sheet>*{flex:none}.kps .sh-title{margin-bottom:2px}.kps-n{display:block;font-size:11.5px;color:var(--dim)}.kps-ch{margin:12px 0 4px;padding:4px 0 6px}
.kps-gr{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 10px;padding-top:8px}.kps-o{min-width:0;text-align:left}.kps-o img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:8px;border:2px solid transparent;background:var(--s1)}
.kps-o.on img{border-color:var(--lime)}.kps-o small{display:block;margin-top:5px;font-size:10.5px;color:var(--dim)}.kps-o.on small{color:var(--lime);font-weight:800}.kps-more{display:block;height:1px}
@media (min-width:760px){.kps-gr{grid-template-columns:repeat(4,1fr)}}
/* skin di Natale, accesa da christmasSkin() il 24 e il 25 dicembre: colori in tutta l'app, filo di luci sotto la barra, neve sulle vetrine.
   Card, bustine, distributore e riepilogo dell'anno restano com'erano. Luci e neve sono sfondi spostati col compositore: nessun disegno a ogni fotogramma. */
:root[data-skin=natale]{--bg:#050d09;--s1:#0a140e;--s2:#0e1a13;--line:#25382c;--line2:#41584a;--lime:#ff5d50;--onl:#1a0503;--xm1:240px;--xm2:170px}@media (min-width:760px){:root[data-skin=natale]{--xm1:520px;--xm2:370px}}
:root[data-skin=natale] :is(.kslot,.ktk,.kf,.kc,.kbs,.kbs-z,.kdm,.kzm,#wr-root){--bg:#040704;--s1:#0b100b;--s2:#111711;--line:#303830;--line2:#505950;--lime:#b7ff2a;--onl:#071005}
:root[data-skin=natale] :is(.btn.pri,.a.pri,.lcta):not(:is(.kslot,.ktk,.kf,.kc,.kbs,.kbs-z,.kdm,.kzm,#wr-root) *){background:#d7222e;border-color:#d7222e;color:#fff8f0}
:root[data-skin=natale] .bar{margin-bottom:14px}
:root[data-skin=natale] .bar::before,:root[data-skin=natale] .bar::after{content:"";position:absolute;left:0;right:0;top:100%;height:22px;background-repeat:repeat-x;background-size:132px 22px;pointer-events:none}
:root[data-skin=natale] .bar::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132 22'%3E%3Cpath d='M0 2Q22 20 44 2Q66 20 88 2Q110 20 132 2' fill='none' stroke='%232c3f32' stroke-width='1.2'/%3E%3Cg%3E%3Ccircle cx='22' cy='11' r='3' fill='%23a83029'/%3E%3Ccircle cx='66' cy='11' r='7' fill='%23ffc35c' opacity='.22'/%3E%3Ccircle cx='66' cy='11' r='3' fill='%23ffc35c'/%3E%3Ccircle cx='110' cy='11' r='3' fill='%234f9150'/%3E%3C/g%3E%3C/svg%3E")}
:root[data-skin=natale] .bar::before{z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 132 22'%3E%3Ccircle cx='22' cy='11' r='7' fill='%23ff4a3d' opacity='.25'/%3E%3Ccircle cx='22' cy='11' r='3' fill='%23ff4a3d'/%3E%3Ccircle cx='110' cy='11' r='7' fill='%237fe07a' opacity='.25'/%3E%3Ccircle cx='110' cy='11' r='3' fill='%237fe07a'/%3E%3C/svg%3E");animation:xm-luce 3.2s ease-in-out infinite}
@keyframes xm-luce{50%{opacity:.2}}
:root[data-skin=natale] .dbg{overflow:hidden}
:root[data-skin=natale] :is(.hero,.dbg)::before{content:"";position:absolute;z-index:3;left:0;right:0;top:calc(-1*var(--xm1));bottom:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240' fill='%23fff' opacity='.72'%3E%3Ccircle cx='24' cy='30' r='1.6'/%3E%3Ccircle cx='92' cy='12' r='1'/%3E%3Ccircle cx='150' cy='58' r='2'/%3E%3Ccircle cx='214' cy='26' r='1.2'/%3E%3Ccircle cx='58' cy='104' r='1.1'/%3E%3Ccircle cx='128' cy='128' r='1.6'/%3E%3Ccircle cx='196' cy='112' r='1'/%3E%3Ccircle cx='16' cy='176' r='1.3'/%3E%3Ccircle cx='84' cy='196' r='2'/%3E%3Ccircle cx='168' cy='206' r='1.2'/%3E%3C/svg%3E") 0 0/var(--xm1) var(--xm1);pointer-events:none;animation:xm-neve 16s linear infinite}
:root[data-skin=natale] .hero::after{content:"";position:absolute;z-index:3;left:0;right:0;top:calc(-1*var(--xm2));bottom:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 170' fill='%23fff' opacity='.42'%3E%3Ccircle cx='38' cy='18' r='1'/%3E%3Ccircle cx='118' cy='44' r='1.2'/%3E%3Ccircle cx='70' cy='92' r='.8'/%3E%3Ccircle cx='150' cy='124' r='1'/%3E%3Ccircle cx='20' cy='146' r='1.2'/%3E%3C/svg%3E") 0 0/var(--xm2) var(--xm2);pointer-events:none;animation:xm-neve2 24s linear infinite}
@keyframes xm-neve{to{transform:translateY(var(--xm1))}}
@keyframes xm-neve2{to{transform:translateY(var(--xm2))}}
@media (prefers-reduced-motion:reduce){:root[data-skin=natale] .bar::before{animation:none}:root[data-skin=natale] :is(.hero,.dbg)::before,:root[data-skin=natale] .hero::after{display:none}}
/* persone: regia e cast nella scheda, pagina di una persona */
.dplot.clamp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.dmore{margin-top:4px;font-size:11.5px;color:var(--muted);text-decoration:underline}
.pcrew .sec{margin-top:24px}
.pdir{display:flex;align-items:center;gap:12px;width:calc(100% - 2*var(--pad));margin:0 var(--pad) 8px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--s1);text-align:left}
.pdir>img,.pdir>.pno{flex:none;width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:center 20%;border:1px solid var(--lime)}
.pdir>div{flex:1;min-width:0}.pdir b{display:block;font-size:13.5px}.pdir small{display:block;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdir small em{font-style:normal;color:var(--lime)}.pdir>i{font-style:normal;font-size:20px;color:var(--muted)}
.pno{display:grid;place-items:center;background:var(--s1);color:var(--dim);font-weight:800}
.pcast{display:flex;align-items:flex-start;gap:12px;overflow-x:auto;padding:0 var(--pad) 2px;scrollbar-width:none}.pcast::-webkit-scrollbar{display:none}
.pp{flex:none;width:86px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left}
.pp .face{position:relative;width:86px;height:86px}.pp .face>img,.pp .face>.pno{width:86px;height:86px;border-radius:50%;object-fit:cover;object-position:center 20%;border:1px solid var(--line);font-size:22px}
.pp.known .face>img,.pp.known .face>.pno{border-color:var(--lime)}
.pp .n{position:absolute;right:-2px;bottom:-2px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--lime);color:var(--bg);font-size:11px;font-weight:800;display:grid;place-items:center;border:2px solid var(--bg)}
.pp b{display:block;margin-top:7px;font-size:11.5px;line-height:1.25;min-height:2.5em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pp small{display:block;font-size:10.5px;color:var(--dim);font-style:italic;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pp small.nn{font-style:normal;color:var(--muted)}
.plegend{margin:10px var(--pad) 0;font-size:11px;color:var(--dim);display:flex;align-items:center;gap:6px}.plegend i{width:16px;height:16px;border-radius:8px;background:var(--lime);color:var(--bg);font-size:9.5px;font-weight:800;font-style:normal;display:grid;place-items:center}
.plist{margin:12px var(--pad) 0;border-top:1px solid var(--line)}.plist button{display:flex;justify-content:space-between;gap:12px;width:100%;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px;text-align:left}.plist button span{color:var(--dim);font-style:italic;text-align:right;min-width:0}
.psub{margin:18px 0 6px;font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.06em}
.pall{display:block;width:calc(100% - 2*var(--pad));margin:12px var(--pad) 0;padding:10px;border:1px solid var(--line);border-radius:10px;text-align:center;font-size:12px;font-weight:800}
.dk-mid .pcrew{--pad:0px}.dk-mid .pcrew .pdir{max-width:460px}
.pers{position:relative;padding-bottom:40px}
.phead{position:relative}.pbg{position:absolute;left:0;right:0;top:-56px;height:340px;background-size:cover;background-position:center 20%;opacity:.35;filter:grayscale(.3);pointer-events:none}.pbg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#04070488,#040704d0 50%,var(--bg))}
.ptop{position:relative;display:flex;gap:16px;align-items:flex-end;padding:6px var(--pad) 0}.ptop>img,.ptop>.pno{flex:none;width:112px;aspect-ratio:2/3;object-fit:cover;border-radius:8px;border:1px solid var(--line);font-size:28px}
.ptop>div{min-width:0}.ptop h1{margin:6px 0 0;font-size:24px;line-height:1.15;font-weight:800;text-wrap:balance}.pline{font-size:11.5px;color:var(--muted);margin-top:4px}
.pchips{margin-top:16px}
.pmine{position:relative;margin:18px var(--pad) 0;padding:12px;border:1px solid var(--line);border-radius:12px;display:grid;gap:10px}
.prow{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-variant-numeric:tabular-nums}.prow b{font-size:20px}.prow small{color:var(--muted);font-size:11.5px}.prow em{font-style:normal;color:var(--lime)}
.pseg{display:flex;gap:3px}.pseg i{flex:1;height:6px;border-radius:2px;background:var(--line)}.pseg i.on{background:var(--lime)}
.pnext{display:flex;gap:12px;align-items:center;margin:0 var(--pad);padding:10px;border-radius:12px;background:var(--s1);border:1px solid var(--line)}
.pnx{flex:1;min-width:0;display:flex;gap:12px;align-items:center;text-align:left}.pnx img{width:56px;aspect-ratio:2/3;object-fit:cover;border-radius:6px;flex:none}.pnx span{min-width:0}.pnx b{display:block;font-size:13px}.pnx small{color:var(--muted);font-size:11.5px}
.pnext .a{flex:none}
.pgrid .poster{position:relative}.pck{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;background:var(--lime);color:var(--bg);font-size:12px;font-weight:800;display:grid;place-items:center}
.pgrid .cs.l{color:var(--lime);letter-spacing:1px}.pgrid .cs.who{font-style:italic}
.pp .n[hidden],.plegend[hidden],.plist[hidden]{display:none}