/* ============================================================================
   03 · Notturna — scuro, rituale, un po' misterioso.

   Niente griglie: la raccolta diventa una costellazione, un sentiero di punti
   che scende serpeggiando. Blu profondo, un solo verde acqua che brilla, e un
   serif chiaro per le poche parole che contano.  Mockup: blocco #03.
   ========================================================================= */

html[data-theme="notturna"] {
  --bg: #0d1524;
  --ink: #e9eef7;
  --ink-2: #b8c6db;
  --ink-3: #7b8ba8;
  --line: rgba(233, 238, 247, .18);
  --surface: rgba(233, 238, 247, .05);
  --surface-ink: #e9eef7;

  --accent: #1de9b6;
  --accent-ink: #06231b;
  --ok: rgba(29, 233, 182, .16);
  --ok-ink: #1de9b6;
  --warn: rgba(246, 198, 103, .16);
  --warn-ink: #f6c667;
  --locked: rgba(233, 238, 247, .03);
  --locked-ink: #6b7d99;
  --hint-locked: transparent;

  --lvl-bg: #0d1524;
  --lvl-ink: #e9eef7;
  --right-bg: #0d1524;
  --right-ink: #e9eef7;
  --wrong-bg: #0d1524;
  --wrong-ink: #e9eef7;
  --ask-bg: #0d1524;
  --ask-ink: #e9eef7;
  --full-bg: #0d1524;
  --full-ink: #e9eef7;

  --conf-1: #1de9b6;
  --conf-2: #9fb0cc;
  --conf-3: #f6c667;
  --conf-4: #f2f6fd;

  --font: 'Epilogue', system-ui, sans-serif;
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-mono: 'Epilogue', system-ui, sans-serif;
  --tt-display: none;
  --tt-label: uppercase;
  --ls-display: 0;
  --ls-label: .2em;
  --w-display: 500;
  --w-label: 500;

  --fs-huge: 56px;
  --fs-title: 33px;
  --fs-lead: 26px;
  --fs-body: 16px;
  --fs-small: 16px;
  --fs-label: 12px;

  --r: 20px;
  --r-lg: 24px;
  --r-pill: 999px;
  --bd: 1px;
  --bd-color: rgba(233, 238, 247, .09);
  --shadow: 0 10px 30px rgba(6, 12, 24, .36);

  --pad: 24px;
  --head-top: 26px;
  --gap: 10px;
  --gap-block: 18px;
  --block-pad: 18px 20px;
  --btn-pad: 16px;
  color-scheme: dark;

  /* 22px e 18px invece di 19px e 15px */
  --riddle-lungo: 0.67;
  --riddle-enorme: 0.55;
}

/* --- guscio --- */

html[data-theme="notturna"] .app.has-tabs .tabbar {
  border-top: 1px solid rgba(233, 238, 247, .07);
  background: rgba(9, 14, 25, .9);
  padding: 18px 10px max(26px, var(--safe-tab));
}

html[data-theme="notturna"] .tabbar__item { padding: 0; color: #7b8ba8; }
html[data-theme="notturna"] .tabbar__item.is-on { background: none; color: #1de9b6; }

html[data-theme="notturna"] .head__title { font-family: 'Cormorant Garamond', serif; font-size: 26px; font-weight: 500; color: #f4f8ff; }
html[data-theme="notturna"] .brand__name { font-family: 'Cormorant Garamond', serif; font-size: 24px; font-weight: 500; letter-spacing: .06em; }
html[data-theme="notturna"] .mark i { background: #e9eef7; }
html[data-theme="notturna"] .mark i:nth-child(2) { background: #1de9b6; }

html[data-theme="notturna"] .head__back {
  font-family: 'Epilogue', sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: #7b8ba8;
}

html[data-theme="notturna"] .head__back::before { content: '← '; }
html[data-theme="notturna"] .head__back[data-racc] span { display: none; }
html[data-theme="notturna"] .head__back[data-racc]::after { content: attr(data-racc) ' · ' attr(data-liv); }

html[data-theme="notturna"] .coins {
  background: rgba(29, 233, 182, .1);
  border: 1px solid rgba(29, 233, 182, .35);
  color: #1de9b6;
  border-radius: 999px;
  padding: 6px 13px;
  font-family: 'Epilogue', sans-serif;
  font-size: 15px;
  font-weight: 600;
}

html[data-theme="notturna"] .coins::before { content: '◆ '; }
html[data-theme="notturna"] .ico--fav[aria-pressed="true"] { color: #1de9b6; }

/* --- home: l'enigma di stasera e le cinque raccolte --- */

html[data-theme="notturna"] .tally { display: none; }

html[data-theme="notturna"] .resume {
  margin-top: 4px;
  background: linear-gradient(160deg, #16233b, #101a2c);
  border: 1px solid rgba(233, 238, 247, .09);
  border-radius: 24px;
  padding: 18px 20px;
  color: #e9eef7;
}

html[data-theme="notturna"] .resume__where {
  font-size: 12px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #7b8ba8;
  font-weight: 400;
}

html[data-theme="notturna"] .resume__text {
  font-family: 'Cormorant Garamond', serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.35;
  color: #f2f6fd;
}

html[data-theme="notturna"] .resume__cta {
  background: #1de9b6;
  color: #06231b;
  border-radius: 12px;
  padding: 11px 18px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}

html[data-theme="notturna"] .resume__cta::after { content: none; }

html[data-theme="notturna"] .colls { grid-template-columns: 1fr; gap: 7px; }

html[data-theme="notturna"] .colls::before {
  content: 'Le cinque raccolte';
  font-size: 12px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #7b8ba8;
  padding-bottom: 3px;
}

html[data-theme="notturna"] .coll {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  padding: 11px 14px;
  border: 1px solid rgba(233, 238, 247, .08);
  border-radius: 16px;
  background: rgba(233, 238, 247, .05);
  color: #e9eef7;
}

html[data-theme="notturna"] .coll:nth-child(5) { grid-column: auto; }

/* il numero romano della raccolta, davanti al nome */
html[data-theme="notturna"] .coll::before {
  content: attr(data-roman);
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(29, 233, 182, .16);
  color: #1de9b6;
  font-family: 'Cormorant Garamond', serif;
  font-size: 17px;
}

html[data-theme="notturna"] .coll[data-state="locked"] { background: rgba(233, 238, 247, .03); border-color: rgba(233, 238, 247, .06); color: #8ea0bd; }
html[data-theme="notturna"] .coll[data-state="locked"]::before { background: rgba(233, 238, 247, .06); color: #6b7d99; }
html[data-theme="notturna"] .coll[data-state="current"] { background: rgba(29, 233, 182, .07); border-color: rgba(29, 233, 182, .3); }

/* qui nome, conteggio e stato vanno riordinati uno per uno */
html[data-theme="notturna"] .coll__meta { display: contents; }

html[data-theme="notturna"] .coll__name {
  order: 1;
  flex: 1;
  font-family: 'Epilogue', sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

html[data-theme="notturna"] .coll__name::after { content: none; }
html[data-theme="notturna"] .coll__count { order: 2; font-family: 'Epilogue', sans-serif; font-size: 14px; font-weight: 400; color: #1de9b6; letter-spacing: 0; }
html[data-theme="notturna"] .coll[data-state="locked"] .coll__count { display: none; }
html[data-theme="notturna"] .coll__state { order: 3; display: none; font-size: 14px; text-transform: none; letter-spacing: 0; color: #6b7d99; }
html[data-theme="notturna"] .coll[data-state="locked"] .coll__state { display: block; }

/* --- raccolta: la costellazione --- */

html[data-theme="notturna"] .scr__title { font-family: 'Cormorant Garamond', serif; font-size: 36px; font-weight: 500; line-height: 1.05; }
html[data-theme="notturna"] .scr__title[data-n] .scr__title-a,
html[data-theme="notturna"] .scr__title[data-n] .scr__title-b { display: none; }
html[data-theme="notturna"] .scr__title[data-n]::after { content: 'Raccolta ' attr(data-n); }
html[data-theme="notturna"] .scr__sub { font-family: 'Epilogue', sans-serif; font-size: 14px; font-weight: 400; letter-spacing: 0; text-transform: none; color: #7b8ba8; }

html[data-theme="notturna"] .cells {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 26px 22px;
  border-radius: 24px;
  background: radial-gradient(120% 80% at 20% 0%, #16233b, #0b1220);
  border: 1px solid rgba(233, 238, 247, .08);
}

/* il sentiero serpeggia: sinistra, centro, destra, e da capo */
html[data-theme="notturna"] .cell:nth-child(3n + 1) { align-self: flex-start; }
html[data-theme="notturna"] .cell:nth-child(3n + 2) { align-self: center; }
html[data-theme="notturna"] .cell:nth-child(3n) { align-self: flex-end; }

html[data-theme="notturna"] .cell {
  aspect-ratio: auto;
  width: auto;
  background: none;
  border: 0;
  border-radius: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-family: 'Epilogue', sans-serif;
  font-size: 14px;
  color: #9fb0cc;
}

html[data-theme="notturna"] .cell[data-state="current"] {
  grid-column: auto;
  flex-direction: column;
  gap: 8px;
  color: #1de9b6;
  font-size: 13px;
  letter-spacing: .16em;
  text-transform: uppercase;
}

html[data-theme="notturna"] .cell__n {
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px dashed rgba(159, 176, 204, .4);
  font-family: 'Epilogue', sans-serif;
  font-size: 13px;
  color: #6b7d99;
}

html[data-theme="notturna"] .cell[data-state="solved"] .cell__n {
  width: 34px;
  height: 34px;
  background: #1de9b6;
  border: 0;
  color: #06231b;
  font-size: 14px;
  font-weight: 600;
}

html[data-theme="notturna"] .cell[data-state="skipped"] .cell__n {
  width: 34px;
  height: 34px;
  background: rgba(29, 233, 182, .12);
  border: 1px dashed rgba(29, 233, 182, .6);
  color: #1de9b6;
}

html[data-theme="notturna"] .cell[data-state="current"] .cell__n {
  width: 60px;
  height: 60px;
  background: #1de9b6;
  border: 0;
  color: #06231b;
  font-size: 22px;
  font-weight: 700;
  box-shadow: 0 0 0 10px rgba(29, 233, 182, .14);
}

html[data-theme="notturna"] .cell[data-state="open"] .cell__n { border-style: solid; border-color: rgba(159, 176, 204, .6); color: #9fb0cc; }

/* la parola accanto al punto: la mette il tema, non la schermata */
html[data-theme="notturna"] .cell[data-state="solved"]::after { content: 'completato'; }
html[data-theme="notturna"] .cell[data-state="skipped"]::after { content: 'saltato · da fare'; }
html[data-theme="notturna"] .cell[data-state="current"]::after { content: 'tocca a te'; }
html[data-theme="notturna"] .cell__fav { position: static; }
html[data-theme="notturna"] .cell__fav::before { content: '★'; color: #1de9b6; }

/* --- enigma --- */

html[data-theme="notturna"] .riddle__meta {
  font-family: 'Epilogue', sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .2em;
  color: #7b8ba8;
}

html[data-theme="notturna"] .riddle__text {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 500;
  line-height: 1.34;
  color: #f4f8ff;
  letter-spacing: 0;
}

html[data-theme="notturna"] .hints { gap: 12px; }

html[data-theme="notturna"] .hint {
  background: rgba(29, 233, 182, .08);
  border: 1px solid rgba(29, 233, 182, .25);
  border-radius: 18px;
  padding: 16px 18px;
  color: #d6e2f2;
}

html[data-theme="notturna"] .hint[data-state="locked"] {
  background: none;
  border: 1px dashed rgba(233, 238, 247, .2);
  border-radius: 16px;
  justify-content: center;
  gap: 6px;
  padding: 15px;
  color: #9fb0cc;
}

html[data-theme="notturna"] .hint__label { font-size: 12px; letter-spacing: .18em; color: #1de9b6; }
html[data-theme="notturna"] .hint[data-state="locked"] .hint__label { color: #9fb0cc; font-size: 15px; letter-spacing: 0; text-transform: none; }
html[data-theme="notturna"] .hint[data-state="locked"] .hint__label::after { content: ' ·'; }
html[data-theme="notturna"] .hint__text { font-family: 'Epilogue', sans-serif; font-size: 16px; line-height: 1.5; }
html[data-theme="notturna"] .hint__cost { font-family: 'Epilogue', sans-serif; font-size: 15px; font-weight: 400; }

html[data-theme="notturna"] .option {
  background: rgba(233, 238, 247, .05);
  border: 1px solid rgba(233, 238, 247, .12);
  border-radius: 16px;
  font-family: 'Epilogue', sans-serif;
}

html[data-theme="notturna"] .app[data-scr="livello"] .scr__foot {
  background: rgba(9, 14, 25, .94);
  border-top: 1px solid rgba(233, 238, 247, .08);
  padding: 16px 20px max(24px, var(--safe-b));
  gap: 10px;
}

html[data-theme="notturna"] .answer { border: 0; gap: 10px; }

html[data-theme="notturna"] .answer__input {
  background: rgba(233, 238, 247, .06);
  border: 1px solid rgba(233, 238, 247, .16);
  border-radius: 16px;
  padding: 15px 16px;
  font-family: 'Epilogue', sans-serif;
  font-size: 17px;
  color: #e9eef7;
}

html[data-theme="notturna"] .answer__input::placeholder { color: #7b8ba8; }
html[data-theme="notturna"] .answer__send { width: 58px; background: #1de9b6; color: #06231b; border-radius: 16px; font-size: 21px; }
html[data-theme="notturna"] .answer__send::before { content: '→'; }

html[data-theme="notturna"] .skip {
  background: none;
  color: #e9eef7;
  font-family: 'Epilogue', sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  padding: 0;
}

/* --- esiti e schede --- */

html[data-theme="notturna"] .verdict { gap: 10px; padding-top: 22px; }

html[data-theme="notturna"] .verdict__word {
  font-family: 'Cormorant Garamond', serif;
  font-size: 46px;
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: 0;
  color: #f4f8ff;
}

html[data-theme="notturna"] .verdict[data-esito="giusto"] .verdict__word { color: #f4f8ff; }

html[data-theme="notturna"] .verdict__line {
  order: -1;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #7b8ba8;
}

html[data-theme="notturna"] .reward,
html[data-theme="notturna"] .solution {
  background: rgba(29, 233, 182, .09);
  border: 1px solid rgba(29, 233, 182, .32);
  border-radius: 20px;
  padding: 18px 20px;
  color: #e9eef7;
}

html[data-theme="notturna"] .why,
html[data-theme="notturna"] .unlocked,
html[data-theme="notturna"] .app[data-scr="sbagliato"] .reward,
html[data-theme="notturna"] .app[data-scr="salto"] .reward {
  background: rgba(233, 238, 247, .05);
  border: 1px solid rgba(233, 238, 247, .09);
  border-radius: 20px;
  padding: 18px 20px;
  color: #e9eef7;
}

html[data-theme="notturna"] .reward__label,
html[data-theme="notturna"] .why__label,
html[data-theme="notturna"] .solution__label,
html[data-theme="notturna"] .unlocked__label,
html[data-theme="notturna"] .themerow__label,
html[data-theme="notturna"] .fav__where,
html[data-theme="notturna"] .stat__label {
  font-family: 'Epilogue', sans-serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #7b8ba8;
  opacity: 1;
}

html[data-theme="notturna"] .reward__value,
html[data-theme="notturna"] .solution__value,
html[data-theme="notturna"] .unlocked__value,
html[data-theme="notturna"] .stat__value,
html[data-theme="notturna"] .themerow__name {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: 0;
  color: #f4f8ff;
}

html[data-theme="notturna"] .reward__note,
html[data-theme="notturna"] .why__text,
html[data-theme="notturna"] .ask__text {
  font-family: 'Epilogue', sans-serif;
  font-size: 16px;
  line-height: 1.55;
  color: #b8c6db;
  opacity: 1;
}

html[data-theme="notturna"] .more {
  background: rgba(233, 238, 247, .03);
  border: 1px solid rgba(233, 238, 247, .06);
  border-radius: 20px;
  padding: 18px 20px;
  color: #7b8ba8;
  font-family: 'Epilogue', sans-serif;
  font-size: 12px;
  letter-spacing: .2em;
}

html[data-theme="notturna"] .app[data-scr="fatto"] .hint,
html[data-theme="notturna"] .app[data-scr="giusto"] .hint {
  background: rgba(233, 238, 247, .03);
  border: 1px solid rgba(233, 238, 247, .06);
  border-radius: 20px;
  padding: 18px 20px;
}

html[data-theme="notturna"] .app[data-scr="fatto"] .hint__label,
html[data-theme="notturna"] .app[data-scr="giusto"] .hint__label { color: #7b8ba8; letter-spacing: .2em; }

html[data-theme="notturna"] .ask__title,
html[data-theme="notturna"] .done__title {
  flex-direction: row;
  flex-wrap: wrap;
  gap: .28em;
  font-family: 'Cormorant Garamond', serif;
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: 0;
  color: #f4f8ff;
}

html[data-theme="notturna"] .ask__title { font-size: 38px; }
html[data-theme="notturna"] .done__title { font-size: 44px; }
html[data-theme="notturna"] .done__sub { font-family: 'Epilogue', sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0; text-transform: none; color: #b8c6db; }

/* --- preferiti, profilo, negozio --- */

html[data-theme="notturna"] .fav {
  background: rgba(233, 238, 247, .05);
  border: 1px solid rgba(233, 238, 247, .09);
  border-radius: 20px;
  padding: 18px 20px;
  color: #e9eef7;
}

html[data-theme="notturna"] .fav[data-state="skipped"] { background: rgba(29, 233, 182, .09); border-color: rgba(29, 233, 182, .32); }
html[data-theme="notturna"] .fav__title { font-family: 'Epilogue', sans-serif; font-size: 18px; font-weight: 400; line-height: 1.25; letter-spacing: 0; text-transform: none; }

html[data-theme="notturna"] .stat {
  background: rgba(233, 238, 247, .05);
  border: 1px solid rgba(233, 238, 247, .09);
  border-radius: 20px;
  padding: 18px 20px;
  color: #e9eef7;
}

html[data-theme="notturna"] .stat[data-tone="accent"] { background: rgba(29, 233, 182, .09); border-color: rgba(29, 233, 182, .32); }
html[data-theme="notturna"] .stat__value { font-size: 32px; padding-bottom: 8px; display: block; }

html[data-theme="notturna"] .themerow {
  background: rgba(233, 238, 247, .03);
  border: 1px solid rgba(233, 238, 247, .06);
  border-radius: 20px;
  padding: 18px 20px;
}

html[data-theme="notturna"] .themerow__name { font-size: 22px; }

html[data-theme="notturna"] .themerow__cta {
  background: none;
  border: 1px solid rgba(233, 238, 247, .18);
  border-radius: 16px;
  padding: 15px;
  color: #9fb0cc;
  font-family: 'Epilogue', sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  text-transform: none;
}

html[data-theme="notturna"] .account {
  background: rgba(233, 238, 247, .05);
  border: 1px solid rgba(233, 238, 247, .09);
  border-radius: 20px;
  padding: 18px 20px;
}
html[data-theme="notturna"] .account { background: var(--accent); color: var(--accent-ink); }

html[data-theme="notturna"] .account__name { font-family: 'Epilogue', sans-serif; font-size: 17px; font-weight: 400; letter-spacing: 0; }
html[data-theme="notturna"] .empty { background: rgba(233, 238, 247, .05); border: 1px solid rgba(233, 238, 247, .09); border-radius: 20px; }
html[data-theme="notturna"] .shop { gap: 6px; }
html[data-theme="notturna"] .scr__eyebrow { font-family: 'Epilogue', sans-serif; font-size: 12px; letter-spacing: .2em; color: #7b8ba8; }
html[data-theme="notturna"] .tdesc { font-family: 'Epilogue', sans-serif; font-size: 16px; line-height: 1.55; color: #b8c6db; }
html[data-theme="notturna"] .credits { font-size: 12px; color: #6b7d99; }

/* --- pulsanti --- */

html[data-theme="notturna"] .btn {
  border-radius: 16px;
  font-family: 'Epilogue', sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}

html[data-theme="notturna"] .btn--primary,
html[data-theme="notturna"] .btn--go { background: #1de9b6; color: #06231b; border-color: #1de9b6; }
html[data-theme="notturna"] .btn--ghost,
html[data-theme="notturna"] .btn--inert { border: 1px solid rgba(233, 238, 247, .18); color: #9fb0cc; font-weight: 400; }
html[data-theme="notturna"] .btn--off { border: 1px solid rgba(233, 238, 247, .08); color: #51617a; }
html[data-theme="notturna"] .btn[data-arrow="avanti"]::after { content: ' →'; }
html[data-theme="notturna"] .btn[data-arrow="indietro"]::before { content: '← '; }

/* ============================================================================
   Anteprima nel negozio — fuori dallo scope del tema: è la vetrina.
   ========================================================================= */

.tpv--notturna {
  border-radius: 14px;
  background: radial-gradient(130% 100% at 15% 0%, #16233b, #0b1220);
  color: #f2f6fd;
}

.tpv--notturna .tpv__num {
  font-family: 'Space Mono', monospace;
  font-size: 11px;
  letter-spacing: .16em;
  color: #7b8ba8;
}

.tpv--notturna .tpv__name {
  font-family: 'Cormorant Garamond', serif;
  font-size: 21px;
  color: #f2f6fd;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tpv--notturna .tpv__tag {
  background: #1de9b6;
  color: #06231b;
  font-family: 'Epilogue', sans-serif;
  font-size: 12px;
  font-weight: 600;
  border-radius: 9px;
  padding: 6px 11px;
  white-space: nowrap;
}

.tpv--notturna.tpv--card {
  border-radius: 22px;
  border: 1px solid rgba(233, 238, 247, .1);
  box-shadow: 0 10px 30px rgba(6, 12, 24, .36);
}

.tpv--notturna.tpv--card .tpv__deco { display: block; border-radius: 50%; }

.tpv--notturna.tpv--card .tpv__deco:nth-child(1) {
  right: 28px; top: 28px; width: 6px; height: 6px;
  background: #1de9b6; box-shadow: 0 0 12px #1de9b6;
}

.tpv--notturna.tpv--card .tpv__deco:nth-child(2) {
  right: 66px; top: 62px; width: 4px; height: 4px; background: #9fb0cc;
}

.tpv--notturna.tpv--card .tpv__num { font-size: 12px; letter-spacing: .24em; }
.tpv--notturna.tpv--card .tpv__name { font-size: 38px; line-height: 1; white-space: normal; }
.tpv--notturna.tpv--card .tpv__tag { font-size: 14px; border-radius: 12px; padding: 9px 16px; }

.tpv--notturna[data-state="posseduto"] .tpv__tag,
.tpv--notturna[data-state="attivo"] .tpv__tag {
  background: #0d1524;
  color: #1de9b6;
  border: 1px solid rgba(29, 233, 182, .5);
}