/* titlecard.css — the studio's title card (js/titlecard.js), as the public
   homepage's welcome screen (v105). The same card the Developer Portal plays
   after a sign-in. Always on its own dark ground, whatever the theme — it is a
   title card, and it thins away to reveal the page. */
.fxwelcome{position:fixed;inset:0;z-index:10000;background:#0a0812;cursor:pointer;
  overflow:hidden;-webkit-user-select:none;user-select:none}
.fxw-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.fxwelcome .fx-ev-canvas{position:absolute;z-index:1}
.fxw-still{position:absolute;left:0;right:0;margin:0 auto;opacity:0;z-index:2;
  filter:drop-shadow(0 0 28px rgba(232,32,63,.45));transition:opacity .5s ease}
.fxw-still.on{opacity:1}
.fxwelcome:not(.isstill) .fxw-still{display:none}
.fxw-line{position:absolute;left:0;right:0;margin:0;padding:0 16px;text-align:center;z-index:3;
  font-family:'Cinzel',serif;font-weight:700;letter-spacing:.06em;color:#f4f0f7;
  font-size:clamp(1.25rem,3.4vw,2.2rem);line-height:1.25;
  text-shadow:0 0 18px rgba(232,32,63,.55),0 2px 10px rgba(0,0,0,.8);
  opacity:0;transform:translateY(10px);transition:opacity .7s ease,transform .7s ease}
.fxw-line.on{opacity:1;transform:none}
.fxw-name{color:#ffc94a}
.fxw-hint{position:absolute;left:0;right:0;bottom:max(18px,4vh);margin:0;text-align:center;z-index:3;
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(244,240,247,.6);opacity:0;transition:opacity .6s ease}
.fxw-hint.on{opacity:1}
@media (prefers-reduced-motion:reduce){
  .fxw-line,.fxw-still{transition:none;transform:none}
}