/* Thing 1 — glass transparency + lime edge (ref image 04). Overrides app.css tokens. */
:root {
  --glass-bg: rgba(255, 255, 255, 0.18);
  --glass-card: rgba(255, 255, 255, 0.22);
  --glass-elev: rgba(255, 255, 255, 0.28);
  --glass-bar: rgba(255, 255, 255, 0.20);
  --glass-pill: rgba(255, 255, 255, 0.16);
  --glass-border: rgba(210, 230, 90, 0.55);
  --glass-border-subtle: rgba(210, 230, 90, 0.28);
  --glass-blur: 6px;
  --glass-blur-heavy: 8px;
  --glass-shadow:
    0 8px 28px rgba(0, 0, 0, 0.18),
    0 0 0 1px rgba(210, 230, 90, 0.35),
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    inset 0 -1px 0 rgba(180, 200, 60, 0.25);
  --card: var(--glass-card);
  --elev: var(--glass-elev);
}

html[data-theme="dark"] {
  --glass-bg: rgba(8, 12, 16, 0.28);
  --glass-card: rgba(12, 16, 22, 0.32);
  --glass-elev: rgba(16, 20, 28, 0.38);
  --glass-bar: rgba(10, 14, 20, 0.30);
  --glass-pill: rgba(255, 255, 255, 0.08);
  --glass-border: rgba(210, 230, 90, 0.40);
  --glass-border-subtle: rgba(210, 230, 90, 0.22);
  --glass-blur: 6px;
  --glass-blur-heavy: 8px;
  --glass-shadow:
    0 8px 28px rgba(0, 0, 0, 0.45),
    0 0 0 1px rgba(210, 230, 90, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -1px 0 rgba(180, 200, 60, 0.18);
  --card: var(--glass-card);
  --elev: var(--glass-elev);
}

/* Keep 4K lake sharp — never blur wallpaper layers */
html, body, .agegate {
  background-image: url("../assets/wallpaper-lake-4k.jpg") !important;
  filter: none !important;
}
body::before, .agegate::before {
  background-image: url("../assets/wallpaper-lake-4k.jpg") !important;
  filter: none !important;
  -webkit-filter: none !important;
}

/* Logo mark (ref 03) — compact PNG as CSS background (MCP can't push binary icons) */
.age-mark {
  width: 64px;
  height: 64px;
  margin: 0 auto 14px;
  border-radius: 16px;
  display: block;
  background-color: transparent;
  background-image: url("data:image/png;base64,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");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}