/* A single acquisition sequence, then a quiet, readable title. */
#app > #title-screen.title-screen--premium .neo-title-main { top:43% !important; overflow:visible !important; }
#app > #title-screen.title-screen--premium .title-logo-reveal { position:relative; isolation:isolate; width:100%; overflow:hidden; }
#app > #title-screen.title-screen--premium .title-logo-art { display:block; position:relative; width:100% !important; mix-blend-mode:normal !important; filter:drop-shadow(0 8px 20px #0009) !important; }
#app > #title-screen.title-screen--premium.active .title-logo-art { animation:title-signal-assemble 2.3s cubic-bezier(.16,1,.3,1) both !important; }
#app > #title-screen.title-screen--premium .title-logo-scan { position:absolute; inset:12% auto 12% 0; width:2px; opacity:0; background:#f1f9e6; box-shadow:0 0 15px 4px #c3f0e5; pointer-events:none; }
#app > #title-screen.title-screen--premium.active .title-logo-scan { animation:title-signal-scan 1.6s .22s both; }
#app > #title-screen.title-screen--premium .title-signal-orbit { position:absolute; z-index:-1; width:65%; aspect-ratio:1; left:50%; top:50%; transform:translate(-50%,-50%); border:1px solid #8ebbbb40; border-radius:50%; pointer-events:none; }
#app > #title-screen.title-screen--premium .title-signal-orbit::before { content:''; position:absolute; inset:8%; border-radius:50%; border:1px dashed #8ebbbb27; }
#app > #title-screen.title-screen--premium .title-signal-orbit i { position:absolute; inset:-9%; border-block:2px solid #bcd5c45c; border-radius:50%; transform:rotate(-30deg); }
#app > #title-screen.title-screen--premium .title-signal-orbit b { position:absolute; inset:-20%; border-radius:50%; border:1px solid #9ac3c125; }
#app > #title-screen.title-screen--premium.active .title-signal-orbit { animation:title-orbit-lock 2.6s ease-out both; }
#app > #title-screen.title-screen--premium :is(.title-signal-coordinate,.title-signal-caption) { display:block; text-align:center; position:relative; margin:0; color:#b4cdcb; text-shadow:0 2px 6px #000; }
#app > #title-screen.title-screen--premium .title-signal-coordinate { font:10px/1.5 'Bahnschrift',monospace; letter-spacing:.23em; margin-bottom:-6%; }
#app > #title-screen.title-screen--premium .title-signal-caption { font:500 13px/1.6 'Yu Gothic',sans-serif; letter-spacing:.2em; margin-top:-5%; }
#app > #title-screen.title-screen--premium.active :is(.title-signal-coordinate,.title-signal-caption) { animation:title-caption-in 1s 1.4s both; }
#app > #title-screen.title-screen--premium.active .title-bottom-ui { animation:title-caption-in 1s 1.9s both !important; }
@keyframes title-signal-assemble {
  0% { opacity:0; clip-path:inset(0 100% 0 0); transform:translateY(10px) scale(1.055); }
  15% { opacity:1; clip-path:inset(0 95% 0 0); }
  70% { opacity:1; clip-path:inset(0 0 0 0); transform:translateY(0) scale(1); }
  100% { opacity:1; clip-path:inset(0 0 0 0); transform:none; }
}
@keyframes title-signal-scan { 0% {left:0;opacity:0;} 12% {opacity:.8;} 88% {opacity:.55;} 100% {left:100%;opacity:0;} }
@keyframes title-orbit-lock { from {opacity:0;transform:translate(-50%,-50%) scale(1.4) rotate(-40deg);} to {opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0);} }
@keyframes title-caption-in { from {opacity:0;transform:translateY(8px);} to {opacity:1;transform:translateY(0);} }
@media (min-width:700px) { #app > #title-screen.title-screen--premium .title-signal-coordinate {font-size:12px;} #app > #title-screen.title-screen--premium .title-signal-caption {font-size:17px;} }
@media (prefers-reduced-motion:reduce) {
  #app > #title-screen.title-screen--premium.active :is(.title-logo-art,.title-signal-orbit,.title-signal-coordinate,.title-signal-caption,.title-bottom-ui) { animation:none !important; opacity:1 !important; }
  #app > #title-screen.title-screen--premium .title-logo-scan { display:none; }
}