/* V161 — smaller royal star & moon counters, styled after user's black-and-gold reference. */
#olu161Treasury {
  position: fixed;
  z-index: 104;
  top: calc(83px + env(safe-area-inset-top, 0px));
  right: calc(11px + env(safe-area-inset-right, 0px));
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  max-width: calc(100vw - 22px);
  pointer-events: none;
}
#olu161Treasury .olu161-royal {
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 118px;
  height: 45px;
  padding: 9px 7px 6px 6px;
  border: 1px solid rgba(237, 193, 106, .83);
  border-radius: 18px;
  background: radial-gradient(ellipse at 25% 8%, rgba(61,47,66,.7), transparent 57%),
              linear-gradient(130deg, rgba(6,9,22,.96), rgba(19,12,24,.97));
  box-shadow: 0 3px 12px #06071978, inset 0 0 0 1px #f7e1a328,
              0 0 8px #dcaa5f2b;
  color: #fff3d6;
  text-decoration: none;
  font-family: Georgia, 'Cormorant Garamond', serif;
  pointer-events: auto;
  transition: box-shadow .25s ease, transform .25s ease;
}
#olu161Treasury .olu161-royal::before,
#olu161Treasury .olu161-royal::after {
  content: '✦'; position: absolute; top: 50%; transform: translateY(-50%);
  color: #ffe9aa; font-size: 8px; text-shadow: 0 0 7px #f5c173;
  pointer-events: none;
}
#olu161Treasury .olu161-royal::before { left: -4px; }
#olu161Treasury .olu161-royal::after { right: -4px; }
#olu161Treasury .olu161-royal:hover,
#olu161Treasury .olu161-royal:focus-visible {
  box-shadow: 0 4px 16px #06071985, 0 0 16px #d4ad5c55,
              inset 0 0 0 1px #f7e1a350;
}
#olu161Treasury .olu161-royal:focus-visible { outline: 2px solid #ffe6ad; outline-offset: 3px; }
#olu161Treasury .olu161-crown {
  position: absolute;
  top: -11px;
  left: 50%;
  transform: translateX(-50%);
  width: 23px; height: 15px;
  filter: drop-shadow(0 0 3px rgba(247,189,90,.75));
  pointer-events: none;
}
#olu161Treasury .olu161-crown svg { display:block; width:100%; height:100%; }
#olu161Treasury .olu161-gem { display:flex; width:27px; height:27px; flex:0 0 27px; align-items:center; justify-content:center; }
#olu161Treasury .olu161-gem svg { display:block; width:26px; height:26px; filter:drop-shadow(0 0 5px #ffca597d); }
#olu161Treasury .olu161-moons .olu161-gem svg { filter:drop-shadow(0 0 5px #91c7ffb0); }
#olu161Treasury .olu161-words { min-width: 0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px; }
#olu161Treasury .olu161-name { font: 600 10px/1.05 Georgia, 'Cormorant Garamond', serif; letter-spacing:-.02em; color: #f8e2bb; white-space:nowrap; }
#olu161Treasury .olu161-number { font: 700 19px/1 Georgia, 'Cormorant Garamond', serif; font-variant-numeric:tabular-nums; letter-spacing:.01em; color:#fff4ce; }
#olu161Treasury .olu161-glow .olu161-gem { animation: olu161RoyalBloom .7s ease-out; }
@keyframes olu161RoyalBloom { 0%,100% { transform:scale(1); } 45% { transform:scale(1.16); filter:brightness(1.35); } }
@media (max-width: 600px) {
  #olu161Treasury { top: calc(80px + env(safe-area-inset-top, 0px)); right:calc(10px + env(safe-area-inset-right,0px)); gap: 6px; }
  #olu161Treasury .olu161-royal { width: 106px; height: 42px; padding: 8px 5px 5px; gap: 4px; border-radius: 17px; }
  #olu161Treasury .olu161-gem { width: 23px; height:23px; flex-basis:23px; }
  #olu161Treasury .olu161-gem svg { width:23px; height:23px; }
  #olu161Treasury .olu161-name { font-size:9px; }
  #olu161Treasury .olu161-number { font-size:17px; }
  #olu161Treasury .olu161-crown { width: 20px; height:13px; top:-10px; }
}
@media (max-width: 360px) {
  #olu161Treasury .olu161-royal { width: 100px; }
  #olu161Treasury .olu161-name { font-size: 8.5px; }
}
@media (max-width: 290px) {
  #olu161Treasury .olu161-royal { width: 86px; }
  #olu161Treasury .olu161-gem { width:20px; flex-basis:20px; }
  #olu161Treasury .olu161-name { font-size:7.5px; }
}
@media (prefers-reduced-motion: reduce) {
  #olu161Treasury .olu161-royal { transition: none; }
  #olu161Treasury .olu161-glow .olu161-gem { animation: none; }
}
@media print { #olu161Treasury { display:none!important; } }