:root{ --duel-scale: 1; }
  /* Scale only when the duel screen is active & we add the class */
  #duel-game-screen.nova-scaled{
    transform: scale(var(--duel-scale));
    transform-origin: top center;
    will-change: transform;
  }
  #nova-duel-scale-toolbar{
    position: fixed;
    left: 50%; bottom: 10px;
    transform: translateX(-50%);
    z-index: 2147483000;
    width: min(92vw, 820px);
    padding: 10px 12px;
    border-radius: 16px;
    backdrop-filter: blur(10px);
    background: linear-gradient(135deg, rgba(18,25,48,.82), rgba(28,38,76,.82));
    box-shadow: 0 10px 28px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
    color: #cfe3ff;
    display: none;
    align-items: center;
    gap: 10px;
    pointer-events: auto;
  }
  #nova-duel-scale-toolbar .label{
    font: 600 12px/1.2 ui-sans-serif,system-ui,Segoe UI,Roboto;
    opacity: .9; letter-spacing:.3px; white-space: nowrap;
  }
  #nova-duel-scale-toolbar .pct{
    font: 700 12px/1.2 ui-sans-serif,system-ui,Segoe UI,Roboto;
    min-width: 46px; text-align: right;
  }
  #nova-duel-scale-toolbar .btn{
    appearance: none; border: none; border-radius: 10px;
    padding: 8px 10px; background: rgba(255,255,255,.08);
    color: #e7f0ff; cursor: pointer;
    font: 600 13px/1 ui-sans-serif,system-ui,Segoe UI,Roboto;
    transition: transform .08s ease, background .2s ease;
    user-select: none;
  }
  #nova-duel-scale-toolbar .btn:active{ transform: translateY(1px) scale(.98); }
  #nova-duel-scale-toolbar .btn:hover{ background: rgba(255,255,255,.12); }
  #nova-duel-scale-toolbar .btn.small{ padding: 6px 9px; border-radius: 8px; }
  #nova-duel-scale-toolbar input[type="range"]{
    -webkit-appearance: none; appearance: none;
    width: 100%; height: 6px;
    background: rgba(255,255,255,.18); border-radius: 999px; outline: none;
  }
  #nova-duel-scale-toolbar input[type="range"]::-webkit-slider-thumb{
    -webkit-appearance: none; width: 18px; height: 18px; border-radius: 50%;
    background: linear-gradient(180deg,#9fd1ff,#6aa6ff);
    box-shadow: 0 2px 6px rgba(0,0,0,.35); cursor: pointer;
    border: 1px solid rgba(255,255,255,.5);
  }
  #nova-duel-scale-toolbar .group{ display:flex; align-items:center; gap:8px; }
  #nova-duel-scale-toolbar .grow{ flex:1; }
  #nova-duel-scale-toolbar .sep{ width:1px; height:22px; background: rgba(255,255,255,.12); margin: 0 2px; }
  #nova-duel-scale-toolbar .badge{
    padding: 6px 10px; border-radius: 8px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.08);
  }
