/* Custom H00dle confirmation modal — replaces native browser confirm UX. */
.h00-confirm-overlay{
  position:fixed;
  z-index:10020;
  inset:0;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(1,3,1,.66);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.h00-confirm{
  position:relative;
  width:min(520px,100%);
  padding:30px 30px 26px;
  border:1px solid rgba(214,254,80,.34);
  background:#050805;
  box-shadow:0 28px 90px rgba(0,0,0,.5);
  animation:h00ConfirmIn .22s cubic-bezier(.22,.8,.22,1) both;
}
.h00-confirm-kicker{
  margin-bottom:13px;
  color:var(--lime);
  font-family:var(--pixel);
  font-size:7px;
  letter-spacing:1.5px;
  line-height:1.5;
}
.h00-confirm h3{
  margin:0 0 14px;
  color:var(--text);
  font-family:var(--pixel);
  font-size:16px;
  line-height:1.45;
}
.h00-confirm-copy{
  color:#98a78d;
  font-size:13px;
  line-height:1.65;
}
.h00-confirm-meta{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px 16px;
  margin-top:19px;
  padding:14px 0;
  border-top:1px solid rgba(214,254,80,.09);
  border-bottom:1px solid rgba(214,254,80,.09);
}
.h00-confirm-meta span{
  color:#75816c;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.5px;
}
.h00-confirm-meta b{
  color:var(--text);
  font-size:11px;
  text-align:right;
}
.h00-confirm-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin-top:22px;
}
.h00-confirm-actions button{
  width:100%;
  min-width:0;
  min-height:42px;
  padding:11px 15px;
  border:1px solid rgba(214,254,80,.27);
  font-family:var(--pixel);
  font-size:7px;
  letter-spacing:.45px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.h00-confirm-cancel{
  background:transparent;
  color:#a2af96;
}
.h00-confirm-cancel:hover{
  border-color:rgba(214,254,80,.48);
  color:var(--text);
}
.h00-confirm-accept{
  background:var(--lime);
  border-color:var(--lime)!important;
  color:#050805;
}
.h00-confirm-accept:hover{transform:translateY(-1px)}
.h00-confirm-accept:active{transform:translateY(1px)}
.h00-confirm-close{
  position:absolute;
  top:12px;
  right:12px;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(214,254,80,.16);
  background:transparent;
  color:#87947d;
  font-size:22px;
  line-height:1;
}
.h00-confirm-close:hover{
  background:var(--lime);
  border-color:var(--lime);
  color:#050805;
}
@keyframes h00ConfirmIn{
  from{opacity:0;transform:translateY(10px) scale(.985)}
  to{opacity:1;transform:none}
}
@media(max-width:560px){
  .h00-confirm-overlay{padding:14px}
  .h00-confirm{padding:27px 20px 21px}
  .h00-confirm h3{padding-right:28px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  .h00-confirm{animation:none!important}
}