/* THE VAULT · Real 3D scene + original logo. No background image.
   Owner-Fassung vom 2026-09-19 abends, entpackt aus der Einzeldatei
   "Desktop/LWR Vault Intro.html" (die Dateien im Ordner "Ladesequenz NEU"
   waren aelter und hatten die getippte Anmeldung noch nicht). 15 s, Monitor
   mit echtem Tipp-Vorgang (Benutzername + Passwort) und Sound-Knopf.
   Einzige Anpassung fuer den Einbau: die Schriftpfade sind absolut
   (/assets/fonts/...), wie in login-eclipse.css - relativ wuerden sie sonst
   neben der CSS-Datei gesucht. Alle Regeln haengen an .lwr-cinematic. */
@font-face{font-family:"LWR Display";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/lwr-display.ttf?v=1") format("truetype")}
@font-face{font-family:"LWR UI";font-style:normal;font-weight:100 900;font-display:swap;src:url("/assets/fonts/lwr-ui.ttf?v=1") format("truetype")}
.lwr-cinematic{--cine-progress:0;--scene-opacity:0;--veil-opacity:1;--chamber-glow:0;--letterbox:clamp(24px,calc((100dvh - 100vw / 2.35) / 2),14vh);position:fixed;inset:0;z-index:9000;isolation:isolate;overflow:hidden;color:#f3edf8;background:#030205;font-family:"LWR UI","Segoe UI",sans-serif;color-scheme:dark;box-sizing:border-box;opacity:1;transition:opacity .45s ease}
.lwr-cinematic *{box-sizing:border-box}
.lwr-cinematic.fading{opacity:0;pointer-events:none}
.lwr-cinematic .cine-world{position:absolute;inset:0;overflow:hidden;background:#040207}
.lwr-cinematic .cine-space{position:absolute;inset:0;width:100%;height:100%;display:block}
.lwr-cinematic .cine-atmosphere{position:absolute;inset:0;opacity:var(--chamber-glow);background:radial-gradient(ellipse at 50% 48%,#9744ff,transparent 52%);mix-blend-mode:screen;pointer-events:none}
.lwr-cinematic .cine-grain{position:absolute;inset:0;z-index:2;opacity:.026;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.lwr-cinematic .cine-veil{position:absolute;inset:0;z-index:4;background:#030205;opacity:var(--veil-opacity);pointer-events:none}
.lwr-cinematic .cine-bar{position:absolute;left:0;right:0;height:var(--letterbox);background:#030205;z-index:5;pointer-events:none}
.lwr-cinematic .cine-bar-top{top:0}.lwr-cinematic .cine-bar-bottom{bottom:0}
.lwr-cinematic .cine-header{position:absolute;z-index:6;top:25px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.lwr-cinematic .cine-presenter{font-size:8px;letter-spacing:3px;font-weight:400;color:#72637f}
.lwr-cinematic .cine-presenter b{font-weight:500;color:#b4a1c3}
.lwr-cinematic .cine-actions{display:flex;align-items:center;gap:24px}
.lwr-cinematic .cine-sound{color:#c4a0e3}
.lwr-cinematic .cine-credit{display:none}
.lwr-cinematic[data-renderer=css] .cine-credit{display:block;position:absolute;top:735px;width:100%;text-align:center;font-size:28px;letter-spacing:2px;color:#c6aedc}
.lwr-cinematic .lwr-skip{display:flex;align-items:center;gap:14px;font:10px "LWR UI",sans-serif;background:transparent;color:#9b8da8;border:0;padding:9px 0 9px 14px;cursor:pointer;letter-spacing:.3px;transition:color .2s}
.lwr-cinematic .lwr-skip:hover{color:#f4e5ff}
.lwr-cinematic .lwr-skip:focus-visible{outline:1px solid #d5b3ff;outline-offset:6px}
.lwr-cinematic .lwr-skip kbd{font:8px "LWR UI",monospace;padding:3px 5px;border:1px solid #ac8ec528;border-radius:3px;color:#807087}
.lwr-cinematic .cine-logo-plane{position:absolute;left:0;top:0;width:1000px;height:1040px;transform-origin:0 0;opacity:0;z-index:1;pointer-events:none;mix-blend-mode:screen;will-change:transform,opacity;backface-visibility:visible}
.lwr-cinematic .cine-logo-art{position:absolute;left:0;top:0;width:1000px;height:750px;overflow:hidden}
.lwr-cinematic .cine-logo{position:absolute;top:-90px;left:0;width:1000px;height:1000px;display:block}
.lwr-cinematic .cine-wordmark{position:absolute;top:742px;left:0;width:1000px;text-align:center;font:500 92px/1.1 "LWR Display",Impact,sans-serif;letter-spacing:2px;margin:0;white-space:nowrap;color:#e9dff4}
.lwr-cinematic .cine-wordmark b{font:inherit;color:#b47bea}
.lwr-cinematic .cine-plane-subtitle{position:absolute;left:0;top:874px;width:1000px;margin:0;font-size:15px;letter-spacing:8px;text-align:center;color:#a994bc;white-space:nowrap}
.lwr-cinematic .cine-loading{position:absolute;z-index:6;bottom:84px;left:50%;width:280px;max-width:70%;transform:translateX(-50%);opacity:var(--scene-opacity)}
.lwr-cinematic .cine-loading-line{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px;font-size:8px;letter-spacing:1.7px;color:#8f7b9f}
.lwr-cinematic .cine-count{font-variant-numeric:tabular-nums;color:#c3acd6;white-space:nowrap}
.lwr-cinematic .cine-count small{font-size:7px;opacity:.65;margin-left:3px}
.lwr-cinematic .cine-track{height:1px;background:#c4a6df24}
.lwr-cinematic .cine-track-fill{height:100%;width:100%;transform:scaleX(var(--cine-progress));transform-origin:left;background:linear-gradient(90deg,#775098,#dbb7fa);box-shadow:0 0 12px #dca7ff77}
.lwr-cinematic .cine-corner{position:absolute;bottom:28px;left:5%;z-index:6;font-size:7px;letter-spacing:2.2px;color:#5f4d6e}
.lwr-cinematic .cine-corner-right{left:auto;right:5%}
.lwr-cinematic .cine-corner{display:none}
.lwr-cinematic .cine-loading-line{opacity:.55;font-size:7px;letter-spacing:2.4px}
.lwr-cinematic .cine-count{display:none}
.lwr-cinematic .cine-loading-line{justify-content:center}
.lwr-cinematic .cine-track{opacity:.42}
.lwr-cinematic .cine-loading{width:180px}
.lwr-cinematic .cine-presenter{opacity:.65}
.lwr-cinematic .cine-fallback{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 47%,#3f176a55,transparent 50%),#050209}
.lwr-cinematic[data-renderer=webgl] .cine-fallback{display:none}
.lwr-cinematic[data-renderer=css] .cine-logo-plane{left:50%;top:48%;transform:translate(-50%,-50%) scale(.48)!important;transform-origin:center}
.lwr-cinematic[data-renderer=css] .cine-logo-art{height:1000px;animation:vault-logo-float 6s ease-in-out infinite}
.lwr-cinematic[data-renderer=css] .cine-logo{top:0;mask-image:radial-gradient(ellipse,#000 48%,transparent 72%)}
.lwr-cinematic[data-renderer=css] .cine-wordmark,.lwr-cinematic[data-renderer=css] .cine-plane-subtitle{display:none}
@keyframes vault-logo-float{0%,100%{transform:translateY(0);filter:brightness(1)}50%{transform:translateY(-14px);filter:brightness(1.08)}}
@media(prefers-reduced-motion:reduce){.lwr-cinematic[data-renderer=css] .cine-logo-art{animation:none}}
@media(max-width:700px){
  .lwr-cinematic{--letterbox:44px}
  .lwr-cinematic .cine-header{top:16px;left:23px;right:23px}
  .lwr-cinematic .cine-presenter{font-size:7px;letter-spacing:1.5px}
  .lwr-cinematic .lwr-skip{font-size:9px;gap:8px}
  .lwr-cinematic .cine-loading{bottom:102px;width:225px}
  .lwr-cinematic .cine-loading-line{font-size:7px;letter-spacing:1.2px}
  .lwr-cinematic .cine-corner{display:none}
  .lwr-cinematic[data-renderer=css] .cine-logo-plane{transform:translate(-50%,-50%) scale(.29)!important}
}
@media(max-height:500px){
  .lwr-cinematic{--letterbox:28px}
  .lwr-cinematic .cine-header{top:9px}
  .lwr-cinematic .cine-loading{bottom:75px}
  .lwr-cinematic .cine-corner{display:none}
}