/* Ultra-minimal pixel button strip — NO BACKGROUND BAR */
.top-strip{
  position: fixed; top: 10px; left: 50%; transform: translateX(-50%);
  display: flex; gap: 10px; z-index: 1000;
  pointer-events: none;  /* container ignores clicks */
}
.top-strip .strip-btn{
  pointer-events: auto;  /* buttons clickable */
  appearance: none; border: 0; cursor: pointer;
  font-family: inherit; font-weight: 800; letter-spacing: .2px;
  padding: 8px 12px; text-decoration: none; color: #e8ecff;
  background: #171c2f;  /* small pill but still pixel vibe via sharp shadows */
  image-rendering: pixelated;
  box-shadow:
    0 0 0 2px #424a78 inset,       /* inner pixel edge */
    0 3px 0 #0b0f19,                /* bottom step */
    0 6px 12px rgba(0,0,0,.28);     /* soft drop */
  transition: transform .06s ease, box-shadow .08s ease;
}
.top-strip .strip-btn:hover{
  box-shadow:
    0 0 0 2px #63f inset,
    0 3px 0 #0b0f19,
    0 10px 18px rgba(99,63,255,.32);
}
.top-strip .strip-btn:active{ transform: translateY(2px); }
.top-strip .strip-btn.pink{
  background:#1f1a2b;
  box-shadow: 0 0 0 2px #e26bca inset, 0 3px 0 #0b0f19, 0 6px 12px rgba(0,0,0,.28);
  text-shadow: 0 0 6px rgba(255,102,204,.55);
}

/* Modal bits (minimal, reused from previous if present) */
.pmodal{ position: fixed; inset:0; display:none; z-index: 1200; }
.pmodal[aria-hidden="false"]{ display:block; }
.pbackdrop{ position:absolute; inset:0; background: rgba(3,6,15,.6); backdrop-filter: blur(2px); }
.pbox{ position: relative; width: min(520px, 92vw); margin: 12vh auto 0;
  background:#111629; color:#e5e9ff; image-rendering: pixelated;
  border: 2px solid #63f; box-shadow: 0 0 0 3px #5b67c7, 0 0 0 6px #0b0f19, 0 16px 32px rgba(0,0,0,.45); }
.phead{ display:flex; align-items:center; justify-content:space-between; padding:10px 12px; background:#0b0f19; border-bottom:2px solid #39406b; }
.phead h3{ margin:0; font-size:16px; color:#fff; text-shadow:0 0 6px rgba(255,102,204,.45); }
.pclose{ background:#1a1f35; color:#e5e9ff; border:0; padding:6px 10px; cursor:pointer; box-shadow: 0 0 0 2px #39406b inset; }
.pbody{ padding: 14px 16px; line-height:1.5; }
.pfoot{ padding: 10px 12px; display:flex; justify-content:flex-end; gap:8px; border-top:2px solid #39406b; }

/* Mobile: tighten spacing */
@media (max-width: 480px){
  .top-strip{ top: 8px; gap: 6px; }
  .top-strip .strip-btn{ padding: 7px 10px; font-weight: 800; }
}