/* icons.css — bottom-right icon stack */
body .icon-stack {
  position: fixed !important;
  right: 16px;
  bottom: 82px; /* sits above 36px status bar */
  z-index: 14000;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  pointer-events: auto;
  font-family: "OCRA", monospace;
}
.icon-stack.collapsed .icon-stack-items { display: none; }
.icon-stack-toggle {
  background: rgba(0,0,0,0.75);
  color: #0f0;
  border: 1px solid #0f0;
  border-radius: 999px;
  font-size: 12px;
  padding: 4px 10px;
  cursor: pointer;
  box-shadow: 0 0 6px rgba(0,255,0,0.4);
}
.icon-stack-toggle:hover { background: rgba(0,255,0,0.12); }
.icon-stack-items { display: flex; flex-direction: column-reverse; gap: 4px; }
.icon-stack-item {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  overflow: hidden;
  background: #000;
  border: 1px solid rgba(0,255,0,0.6);
  box-shadow: 0 0 8px rgba(0,255,0,0.4);
}
.icon-stack-item img { width: 100%; height: 100%; object-fit: contain; }

@media (max-width: 600px) {
  body .icon-stack { right: 10px; bottom: 60px; }
}