/* ====== OVERLAY (finestrelle) ====== */
.overlay{
  position:fixed; inset:0;
  background:rgba(15,22,25,0.55);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  display:none;
  align-items:center; justify-content:center;
  padding:14px;
  z-index:50;
}
.overlay.show{display:flex;}

/* Finestrella generica (modifica) */
.overlay-card{
  width:100%;
  max-width:320px;
  background:var(--app-bg);
  border:1px solid var(--line2);
  border-radius:16px;
  padding:18px;
  color:var(--text);
}
.overlay-card h3{
  margin:0 0 14px;
  font-size:12px;
  font-weight:600;
  letter-spacing:1px;
  color:var(--orange);
}
.field{margin-bottom:12px;}
.field label{
  display:block;
  font-size:9px;
  letter-spacing:0.5px;
  color:var(--muted);
  margin-bottom:5px;
}
.field input{
  width:100%;
  background:var(--face);
  border:1px solid var(--field);
  border-radius:7px;
  padding:9px 10px;
  color:#fff;
  font-family:var(--font);
  font-size:12px;
  outline:none;
}
.field input:focus{border-color:var(--orange);}
.row{display:flex; gap:10px;}
.row .field{flex:1;}

.overlay-actions{display:flex; gap:10px; margin-top:6px;}
.overlay-actions .btn{
  padding:10px 0;
  border-radius:8px;
  font-size:11px;
  font-weight:600;
  letter-spacing:1px;
  text-align:center;
  flex:1;
  cursor:pointer;
}

/* ====== PLAYER PREMIO (quasi a tutto schermo) ====== */
.player-card{
  width:100%;
  max-width:440px;
  height:calc(100vh - 28px);
  max-height:calc(100vh - 28px);
  display:flex;
  flex-direction:column;
  background:#000;
  border:1px solid var(--line2);
  border-radius:16px;
  overflow:hidden;
}
.player-top{
  display:flex; justify-content:space-between; align-items:center;
  padding:11px 14px;
  background:var(--app-bg);
  color:var(--text);
  font-size:11px; letter-spacing:1px; font-weight:600;
  flex-shrink:0;
}
.player-close{cursor:pointer; font-size:22px; line-height:1; color:var(--muted);}
.player-frame{
  position:relative;
  flex:1;
  background:#000;
}
.player-frame iframe{
  position:absolute; inset:0;
  width:100%; height:100%;
  border:0;
}
.player-msg{
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  text-align:center; padding:24px;
  color:var(--muted);
  font-size:11px; letter-spacing:1px; line-height:1.8;
}
.player-ext{
  text-align:center;
  padding:12px 0;
  background:var(--orange-btn);
  color:#3a1c08;
  font-size:11px; font-weight:600; letter-spacing:1px;
  cursor:pointer;
  flex-shrink:0;
}