/* shared HUD for every world; sits inside .brand under the language switch */
.brand .world-next { display: none; }
.brand .evren { pointer-events: auto; margin-top: 9px; display: grid; gap: 7px; max-width: 330px; }
.brand .ev-row { display: flex; flex-wrap: wrap; gap: 4px; }
.brand .ev-btn {
  border: 1px solid var(--hair, rgba(12, 38, 49, 0.12)); background: rgba(255, 255, 255, 0.6); color: var(--ink-2, #3d5864);
  padding: 5px 10px; border-radius: 999px; font: 500 11px/1 var(--mono, ui-monospace, monospace); letter-spacing: 0.04em;
  cursor: pointer; text-decoration: none; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
.brand .ev-btn:hover { color: var(--ink, #0c2631); background: rgba(255, 255, 255, 0.85); }
.brand .ev-btn[aria-pressed="true"], .brand .ev-btn[aria-expanded="true"] { background: var(--ink, #0c2631); color: #fff; border-color: transparent; }
.brand .ev-list { list-style: none; margin: 0; padding: 8px 12px; border-radius: 12px; background: rgba(247, 251, 252, 0.82); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); font: 500 12px/1.6 var(--ui, system-ui, sans-serif); color: var(--ink-2, #3d5864); }
.brand .ev-list li.done { color: var(--ink, #0c2631); }
.brand .ev-next { margin: 0; font: 500 11px/1.3 var(--mono, ui-monospace, monospace); color: var(--ink-3, #6b848e); }
.brand .ev-go { display: inline-block; padding: 7px 12px; border-radius: 999px; background: var(--buoy, #ea4a22); color: #fff; text-decoration: none; box-shadow: 0 6px 18px -8px rgba(234, 74, 34, 0.8); }
.brand .ev-go:hover { filter: brightness(1.06); }
@media (max-width: 760px) {
  .brand .evren { max-width: 230px; }
  .brand .ev-btn { padding: 5px 8px; font-size: 10.5px; }
}

/* creator credit */
.ev-credit {
  position: fixed; left: 14px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 2;
  padding: 6px 11px; border-radius: 999px; text-decoration: none;
  font: 500 11.5px/1 var(--mono, ui-monospace, monospace); letter-spacing: 0.02em; color: var(--ink-2, #3d5864);
  background: rgba(255, 255, 255, 0.62); border: 1px solid var(--hair, rgba(12, 38, 49, 0.12));
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
.ev-credit b { font-weight: 500; color: var(--ink, #0c2631); }
.ev-credit:hover { background: rgba(255, 255, 255, 0.9); }
.ev-credit:focus-visible { outline: 2px solid #0a7aa0; outline-offset: 2px; }
@media (max-width: 760px) {
  .ev-credit { bottom: calc(142px + env(safe-area-inset-bottom, 0px)); left: 12px; font-size: 10.5px; padding: 5px 9px; }
}