#peetje .aura-picker { margin: 24px 0; padding: 0; border: 0; min-width: 0; }
#peetje .aura-picker legend { color: #fff; font-size: 22px; font-weight: 700; }
#peetje #aura-time { margin: 5px 0 14px; color: #c8bad2; font-size: 13px; font-variant-numeric: tabular-nums; }
#peetje .aura-options { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
#peetje .aura-options button {
  position: relative; display: flex; flex-direction: column; align-items: center;
  justify-content: flex-start; min-width: 0; min-height: 170px; gap: 5px; padding: 12px 8px 14px;
  border: 2px solid transparent; border-radius: 8px; background: var(--surface);
  color: #fff; box-shadow: none;
  touch-action: manipulation; -webkit-tap-highlight-color: transparent;
}
#peetje .aura-options button[aria-pressed="true"] { border-color: var(--aura-color); background: var(--surface); }
#peetje .aura-options button[data-aura="geen"][aria-pressed="true"] { border-color: #d6c6df; }
#peetje .aura-options button[data-aura="rgb"][aria-pressed="true"] {
  border-color: transparent;
  background: linear-gradient(var(--surface),var(--surface)) padding-box,
    conic-gradient(from var(--nav-rgb-angle),#ff4d69,#ff9b22,#ffe850,#42e582,#38c9ff,#8664ff,#ec52dd,#ff4d69) border-box;
  animation: none;
}
#peetje .aura-options button:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
#peetje .aura-options button:active:not(:disabled) { transform: translateY(1px); }
#peetje .aura-preview { display: block; width: 86px; height: 100px; max-width: 100%; object-fit: contain; }
#peetje .aura-options strong { font-size: 16px; line-height: 20px; font-weight: 700; }
#peetje .aura-availability { display: flex; align-items: center; justify-content: center; gap: 5px; min-height: 17px; }
#peetje .aura-options small { color: #c8bad2; font-size: 12px; line-height: 17px; text-align: center; }
#peetje .aura-lock { display: inline-flex; color: #a999b6; }
#peetje .aura-lock svg { width: 12px; height: 12px; stroke-width: 2; }
#peetje .aura-selected { position: absolute; top: 10px; right: 10px; display: inline-flex; color: #fff; }
#peetje .aura-selected svg { width: 16px; height: 16px; stroke-width: 2.5; }
#peetje .aura-options [hidden] { display: none; }
#peetje #aura-progress { display: block; width: 100%; height: 7px; margin-top: 18px; border: 0; border-radius: 3px; appearance: none; background: #3a2a46; }
#peetje #aura-progress::-webkit-progress-bar { background: #3a2a46; border-radius: 3px; }
#peetje #aura-progress::-webkit-progress-value { background: var(--aura-color,#bb45ff); border-radius: 3px; }
#peetje #aura-progress::-moz-progress-bar { background: var(--aura-color,#bb45ff); border-radius: 3px; }
#peetje #aura-unlock { min-height: 18px; margin-top: 8px; color: #c8bad2; font-size: 12px; line-height: 1.4; }
@media (prefers-reduced-motion: reduce) {
  #peetje .aura-options button[data-aura="rgb"][aria-pressed="true"] { animation: none; }
}
#klassement .rank-scout { display: block; width: 30px; height: 35px; flex: 0 0 30px; }
#klassement .rank-person { display: flex; align-items: center; gap: 8px; min-width: 0; }
#klassement .rank-person .rank-identity { flex: 1; min-width: 0; }