/* Novita: chip della versione accanto al logo e schermata delle note (src/patchnotes.js).
   Pelle Konoha: chip come cartellino scuro con bordo dorato, versione su timbro, punti dell'elenco come shuriken */

.ver-chip {
  position: relative; cursor: pointer; display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 10px 4px 4px; border-radius: 99px; vertical-align: middle;
  border: 2px solid rgba(232, 188, 110, .35); color: #fff; font: 900 12px/1 var(--body);
  background: var(--gloss), rgba(28, 22, 19, .92); box-shadow: 0 3px 0 rgba(0,0,0,.35);
  text-shadow: none; transition: transform .14s var(--ease-pop, ease), border-color .15s;
}
.ver-chip:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--orange) 70%, #fff); }
.ver-chip:active { transform: translateY(1px); }
.ver-beta {
  padding: 3px 7px 2px; border-radius: 3px; font: 900 9.5px/1 var(--body); letter-spacing: .8px; text-transform: uppercase;
  background: #c8372d; border: 1.5px solid #f6e3c8; rotate: -4deg; box-shadow: 0 1px 0 rgba(0,0,0,.35);
}
.ver-num { color: #e8dcc8; letter-spacing: .3px; }

.ver-dot {
  position: absolute; top: -4px; right: -4px; width: 12px; height: 12px; border-radius: 50%;
  background: #ffe080; border: 0; box-shadow: 0 0 6px 2px #ff8a1e, 0 0 2px #fff;
  animation: nb-pulse 1.8s ease-in-out infinite; pointer-events: none;
}

/* Schermata Novita */
.patch-intro { margin: 0 0 14px; color: var(--muted); font: 700 14px/1.45 var(--body); }
.patch-cards { display: flex; flex-direction: column; gap: 14px; }

.patch-card { position: relative; overflow: visible; }
.patch-card .box-head { border-radius: 9px 9px 0 0; flex-wrap: wrap; row-gap: 4px; }
.patch-card .box-head .ico { width: 22px; height: 22px; flex: none; }
.patch-v {
  padding: 3px 8px 2px; border-radius: 3px; background: #c8372d; border: 1.5px solid #f6e3c8; rotate: -3deg;
  font: 900 12px/1 var(--body); letter-spacing: .4px; text-shadow: none;
}
.patch-title { min-width: 0; }
.patch-card .box-head small { white-space: nowrap; }
.patch-card:not(.latest) { background: var(--card); }
.patch-card:not(.latest) .box-head { background: var(--stripes-soft, var(--stripes)), var(--card-2); }
.patch-card.latest {
  border: 3px solid var(--ink);
  box-shadow: inset 0 0 0 2px #ff8a1e, 0 0 0 3px color-mix(in srgb, var(--orange) 30%, transparent), var(--shadow, 0 6px 0 rgba(0,0,0,.3));
}
.patch-card .new-tag { top: -9px; left: -6px; }

.patch-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; }
.patch-list li {
  position: relative; padding-left: 20px; color: #e8dcc8; font: 700 14px/1.45 var(--body);
}
.patch-list li::before {
  content: ''; position: absolute; left: 2px; top: .35em; width: 11px; height: 11px;
  background: #d3dae1; clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%);
}
.patch-card:not(.latest) .patch-list li::before { background: var(--muted); }

@media (max-width: 480px) {
  .ver-chip { padding: 3px 8px 3px 3px; font-size: 11px; }
  .patch-card .box-head { font-size: 15px; padding: 9px 12px; }
  .patch-card .box-head small { margin-left: 0; flex-basis: 100%; opacity: .75; }
  .patch-card .box-body { padding: 12px; }
  .patch-list li { font-size: 13px; }
}