/* PACE UBB Invaders Styles */
.pace-ubb-container{
  position: relative;
  width: 100%;
  max-width: 100%;
  background: linear-gradient(180deg,#0b1229 0%, #122043 100%);
  color: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0,0,0,.35);
  min-height: 60vh;
}
.pace-ubb-container.is-fullscreen{ height: 100dvh; }
.pace-ubb-start-wrap{
  padding: 18px;
  text-align: center;
}
.pace-ubb-start{
  display: inline-block;
  padding: 12px 18px;
  font-size: 18px;
  font-weight: 700;
  background: #ffcf00;
  color: #000;
  border: 0;
  border-radius: 12px;
  cursor: pointer;
  transition: transform .06s ease-in-out, filter .15s ease;
}
.pace-ubb-start:hover{ filter: brightness(1.05); }
.pace-ubb-start:active{ transform: scale(.98); }
.pace-ubb-note{ color:#fff; opacity:.8; font-size:12px; margin-top:8px; }
.pace-ubb-root{
  position: relative;
  width: 100%;
  height: 70vh;
}
@media (max-width: 640px){
  .pace-ubb-root{ height: 70dvh; }
}
/* In-app overlay UI */
.pui-overlay{
  position:absolute; inset:0;
  display:grid; place-items:center;
  background:rgba(0,0,0,.4);
  backdrop-filter:saturate(110%) blur(4px);
  padding:16px;
}
.pui-card{
  width:100%;
  max-width:780px;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.18);
  border-radius:16px;
  padding:20px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.pui-title{ font-size:28px; font-weight:800; margin:0 0 12px; }
.pui-text{ opacity:.9; margin:0 0 16px; }
.pui-row{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.pui-btn{
  appearance: none; border:1px solid rgba(255,255,255,.25); color:#fff;
  background: rgba(255,255,255,.12); padding:10px 14px; border-radius:12px;
  cursor: pointer; font-weight:600;
}
.pui-btn--primary{ background:#ffcf00; color:#000; border-color:#ffcf00; }
.pui-hud{ position:absolute; top:8px; left:8px; display:flex; gap:8px; z-index:10; }
.pui-hint{ position:absolute; bottom:8px; left:0; right:0; text-align:center; opacity:.8; font-size:12px; z-index:10; }
canvas.pui-canvas{ display:block; width:100%; height:100%; }