/* MEEYOVERSUM um den 3D-Baum (20.10.2026, meeyoversum3d.js). Schriften selbst gehostet (SIL Open Font License 1.1, Lizenztexte
   daneben in /static/fonts/LIZENZ_*_OFL.txt) — kein Abruf bei Google Fonts. Auf Latein reduziert (9 Sprachen inkl. TR/PL). */
@font-face { font-family: "Cinzel"; src: url("/static/fonts/Cinzel-latin.ttf") format("truetype"); font-weight: 400 900; font-display: swap; }
@font-face { font-family: "Great Vibes"; src: url("/static/fonts/GreatVibes-latin.ttf") format("truetype"); font-weight: 400; font-display: swap; }

.versum-schalter { margin: 0 0 8px; }
.org3d.versum-an { position: relative; border-radius: 22px; overflow: hidden; background: #05010b; }
.org3d.versum-an .org3d-hilfe { position: absolute; left: 14px; bottom: 8px; margin: 0; color: rgba(230, 210, 240, .55); font-size: 11px; z-index: 2; }
.versum-overlay { position: absolute; inset: 0; pointer-events: none; z-index: 1; }
.versum-gold { background: linear-gradient(180deg, #fff8d6 0%, #ffd77a 38%, #d99a2b 62%, #fff0b0 78%, #b9801f 100%); -webkit-background-clip: text;
  background-clip: text; color: transparent; filter: drop-shadow(0 0 12px rgba(255, 190, 90, .5)) drop-shadow(0 2px 0 rgba(80, 40, 0, .6)); }
.versum-titel { position: absolute; top: 12px; left: 0; right: 0; text-align: center; }
.versum-titel b { font-family: "Cinzel", "Times New Roman", serif; font-weight: 800; letter-spacing: .08em; font-size: clamp(20px, 3vw, 36px); }
.versum-motto { position: absolute; bottom: 10px; left: 0; right: 0; text-align: center; font-family: "Great Vibes", "Brush Script MT", cursive; font-size: clamp(26px, 3.6vw, 44px); }
.versum-info { position: absolute; right: 16px; top: 50%; transform: translateY(-50%) translateX(10px); width: min(320px, calc(100% - 32px)); opacity: 0;
  pointer-events: none; transition: opacity .3s ease, transform .3s ease; padding: 16px 18px 14px; border-radius: 20px; color: #f7eef8;
  background: linear-gradient(160deg, rgba(48, 18, 64, .78), rgba(18, 6, 28, .88)); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 206, 120, .55); box-shadow: 0 18px 60px rgba(0, 0, 0, .55), 0 0 36px rgba(255, 180, 80, .16); }
.versum-info.an { opacity: 1; transform: translateY(-50%); pointer-events: auto; }
.versum-info img { width: 64px; height: 64px; border-radius: 50%; float: left; margin: 0 12px 6px 0; box-shadow: 0 0 0 2px #f2c45a, 0 0 16px rgba(255, 190, 90, .6); }
.versum-info h3 { margin: 2px 0 6px; font-family: "Cinzel", serif; font-size: 18px; color: #fff4c8; }
.versum-info p { clear: both; margin: 8px 0 0; color: #c6b3cf; font-size: 14px; line-height: 1.5; }
.versum-stand { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: 3px 10px; border-radius: 99px;
  border: 1px solid rgba(255, 206, 120, .5); color: #ffe2a0; background: rgba(255, 190, 90, .08); }
.versum-stand.kommt { color: #d9c2ff; border-color: rgba(190, 150, 255, .5); background: rgba(139, 92, 246, .12); }
.versum-stand.pruefung { color: #cfcfd6; border-color: rgba(200, 200, 210, .4); background: rgba(255, 255, 255, .06); }
.versum-zu { position: absolute; top: 8px; right: 10px; background: none; border: 0; color: #e9d9ef; font-size: 20px; cursor: pointer; }
@media (max-width: 640px) {
  .versum-info { left: 12px; right: 12px; width: auto; top: auto; bottom: 56px; transform: translateY(10px); }
  .versum-info.an { transform: none; }
  .org3d.versum-an .org3d-hilfe { display: none; }   /* Handy: das Motto steht dort — antippen erklärt sich */
}