/* v0.76 production launch title. The approved Main Menu remains untouched below this overlay. */
:root{--title-transition-ms:1000ms}
body.title-active,body.title-transitioning{overflow:hidden!important;background:#020003!important}
body.title-active .masthead,body.title-active>#notice,body.title-transitioning .masthead,body.title-transitioning>#notice{display:none!important}

#title-screen.production-title-screen{
  position:fixed!important;inset:0!important;z-index:80!important;width:100vw!important;height:100vh!important;min-height:0!important;
  margin:0!important;padding:0!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:#020003!important;
  box-shadow:none!important;isolation:isolate;cursor:pointer;user-select:none;touch-action:manipulation;
}
#title-screen.production-title-screen::before,#title-screen.production-title-screen::after{content:none!important;display:none!important}
.production-title-screen .title-production-art{
  position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center center;border:0;border-radius:0;
  opacity:.08;filter:brightness(.12) saturate(.72) contrast(1.08);transform:scale(1.045);transform-origin:50% 48%;
  transition:opacity .575s cubic-bezier(.2,.72,.2,1),filter .65s ease,transform 3s cubic-bezier(.18,.72,.2,1);will-change:opacity,filter,transform;
}
.production-title-screen .title-dark-veil{
  position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 50% 42%,rgba(60,18,75,.04),rgba(0,0,0,.95) 74%),#030104c9;
  opacity:1;transition:opacity .7s ease;pointer-events:none;
}
.production-title-screen .title-queen-aura{
  position:absolute;z-index:3;left:30%;right:30%;top:3%;height:72%;border-radius:48%;opacity:0;pointer-events:none;
  background:radial-gradient(ellipse at 50% 48%,rgba(192,95,255,.2),rgba(126,40,173,.07) 43%,transparent 72%);
  mix-blend-mode:screen;filter:blur(9px);transform:scale(.84);transition:opacity .625s ease,transform .9s cubic-bezier(.18,.72,.2,1);
}
.production-title-screen .title-flame-glow{
  position:absolute;z-index:4;top:35%;width:14%;height:36%;opacity:0;pointer-events:none;filter:blur(13px);mix-blend-mode:screen;
  background:radial-gradient(ellipse,rgba(216,95,255,.38) 0,rgba(130,38,201,.17) 36%,transparent 70%);
  transition:opacity .5s ease;animation:title-flame-breathe 2.8s ease-in-out infinite alternate;
}
.production-title-screen .title-flame-glow.left{left:-1%}.production-title-screen .title-flame-glow.right{right:-1%}
.production-title-screen .title-suit-light{
  position:absolute;z-index:4;top:16%;width:11%;height:24%;opacity:0;pointer-events:none;border-radius:50%;mix-blend-mode:screen;
  background:radial-gradient(circle,rgba(255,244,187,.44) 0,rgba(220,116,255,.2) 25%,transparent 68%);filter:blur(5px);transform:scale(.65);
}
.production-title-screen .title-suit-light.spade{left:12.2%;--suit-delay:0ms}
.production-title-screen .title-suit-light.heart{left:25.6%;--suit-delay:105ms}
.production-title-screen .title-suit-light.club{right:25.7%;--suit-delay:210ms}
.production-title-screen .title-suit-light.diamond{right:12.1%;--suit-delay:315ms}
.production-title-screen .title-gold-flare{
  position:absolute;z-index:5;left:12%;right:12%;bottom:16%;height:32%;opacity:0;pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(ellipse at 50% 52%,rgba(255,223,137,.22),transparent 58%);filter:blur(12px);transform:scaleX(.78);transition:opacity .4s ease,transform .525s ease;
}
.production-title-screen .title-title-shroud{
  position:absolute;z-index:6;left:0;right:0;bottom:0;height:48%;pointer-events:none;opacity:1;
  background:linear-gradient(180deg,transparent 0,rgba(2,0,3,.94) 18%,#020003 48%);transition:opacity .525s cubic-bezier(.2,.72,.2,1);
}
.production-title-screen .title-prompt-shroud{
  position:absolute;z-index:7;left:30%;right:30%;bottom:5%;height:15%;pointer-events:none;opacity:1;
  background:radial-gradient(ellipse at center,#030104 0 47%,rgba(3,1,4,.96) 58%,transparent 82%);filter:blur(3px);transition:opacity .375s ease;
}
.production-title-screen .title-letterbox::before,.production-title-screen .title-letterbox::after{
  content:"";position:absolute;z-index:9;left:0;right:0;height:3.2vh;min-height:12px;background:#010002;pointer-events:none;transition:transform .6s ease;
}
.production-title-screen .title-letterbox::before{top:0;transform:translateY(0)}.production-title-screen .title-letterbox::after{bottom:0;transform:translateY(0)}

.production-title-screen[data-title-stage="ambient"] .title-production-art{opacity:.42;filter:brightness(.34) saturate(.85) contrast(1.06);transform:scale(1.038)}
.production-title-screen[data-title-stage="ambient"] .title-dark-veil{opacity:.73}
.production-title-screen[data-title-stage="magic"] .title-production-art{opacity:.67;filter:brightness(.56) saturate(.98) contrast(1.04);transform:scale(1.03)}
.production-title-screen[data-title-stage="magic"] .title-dark-veil{opacity:.47}
.production-title-screen[data-title-stage="magic"] .title-flame-glow,
.production-title-screen[data-title-stage="suits"] .title-flame-glow,
.production-title-screen[data-title-stage="queen"] .title-flame-glow,
.production-title-screen[data-title-stage="title"] .title-flame-glow,
.production-title-screen[data-title-stage="ready"] .title-flame-glow{opacity:1}
.production-title-screen[data-title-stage="suits"] .title-production-art{opacity:.82;filter:brightness(.72) saturate(1.04);transform:scale(1.022)}
.production-title-screen[data-title-stage="suits"] .title-dark-veil{opacity:.29}
.production-title-screen[data-title-stage="suits"] .title-suit-light,
.production-title-screen[data-title-stage="queen"] .title-suit-light,
.production-title-screen[data-title-stage="title"] .title-suit-light,
.production-title-screen[data-title-stage="ready"] .title-suit-light{animation:title-suit-awaken .675s cubic-bezier(.16,.78,.2,1) var(--suit-delay) both}
.production-title-screen[data-title-stage="queen"] .title-production-art,
.production-title-screen[data-title-stage="title"] .title-production-art,
.production-title-screen[data-title-stage="ready"] .title-production-art{opacity:1;filter:brightness(.92) saturate(1.06) contrast(1.02);transform:scale(1.012)}
.production-title-screen[data-title-stage="queen"] .title-dark-veil,
.production-title-screen[data-title-stage="title"] .title-dark-veil,
.production-title-screen[data-title-stage="ready"] .title-dark-veil{opacity:.08}
.production-title-screen[data-title-stage="queen"] .title-queen-aura,
.production-title-screen[data-title-stage="title"] .title-queen-aura,
.production-title-screen[data-title-stage="ready"] .title-queen-aura{opacity:1;transform:scale(1)}
.production-title-screen[data-title-stage="title"] .title-title-shroud,
.production-title-screen[data-title-stage="ready"] .title-title-shroud{opacity:0}
.production-title-screen[data-title-stage="title"] .title-gold-flare,
.production-title-screen[data-title-stage="ready"] .title-gold-flare{opacity:1;transform:scaleX(1)}
.production-title-screen[data-title-stage="ready"] .title-prompt-shroud{opacity:0}
.production-title-screen[data-title-stage="ready"] .title-letterbox::before{transform:translateY(-100%)}
.production-title-screen[data-title-stage="ready"] .title-letterbox::after{transform:translateY(100%)}
.production-title-screen.is-skipped *{transition-duration:.12s!important;animation-delay:0s!important;animation-duration:.18s!important}

#title-screen.production-title-screen.is-transitioning{
  pointer-events:none;animation:title-scene-exit var(--title-transition-ms) cubic-bezier(.38,.05,.2,1) forwards;
}
#entry-screen.title-menu-reveal{
  display:block!important;pointer-events:none!important;animation:title-menu-enter var(--title-transition-ms) cubic-bezier(.2,.72,.2,1) both;
}

@keyframes title-flame-breathe{from{transform:scale(.92);filter:blur(14px)}to{transform:scale(1.08) translateY(-1.4%);filter:blur(10px)}}
@keyframes title-suit-awaken{0%{opacity:0;transform:scale(.55)}42%{opacity:1;transform:scale(1.18)}100%{opacity:.54;transform:scale(1)}}
@keyframes title-scene-exit{0%{opacity:1;transform:scale(1);filter:blur(0)}100%{opacity:0;transform:scale(.94);filter:blur(7px)}}
@keyframes title-menu-enter{0%{opacity:0;transform:scale(1.026);filter:blur(7px)}38%{opacity:.22}100%{opacity:1;transform:scale(1);filter:blur(0)}}

@media(max-aspect-ratio:4/3){
  .production-title-screen .title-production-art{object-position:center center}
  .production-title-screen .title-suit-light.spade{left:2%}.production-title-screen .title-suit-light.heart{left:20%}
  .production-title-screen .title-suit-light.club{right:20%}.production-title-screen .title-suit-light.diamond{right:2%}
  .production-title-screen .title-prompt-shroud{left:20%;right:20%}
}
@media(prefers-reduced-motion:reduce){
  .production-title-screen *{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.18s!important}
  #title-screen.production-title-screen.is-transitioning{animation-name:title-scene-exit-reduced!important}
  #entry-screen.title-menu-reveal{animation-name:title-menu-enter-reduced!important}
}
body.reduce-motion .production-title-screen *{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.18s!important}
body.reduce-motion #title-screen.production-title-screen.is-transitioning{animation-name:title-scene-exit-reduced!important}
body.reduce-motion #entry-screen.title-menu-reveal{animation-name:title-menu-enter-reduced!important}
@keyframes title-scene-exit-reduced{from{opacity:1}to{opacity:0}}
@keyframes title-menu-enter-reduced{from{opacity:0}to{opacity:1}}

.fullscreen-prompt{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:rgba(2,0,4,.78);backdrop-filter:blur(8px);}
.fullscreen-prompt.hidden{display:none!important}
.fullscreen-prompt-card{width:min(100%,440px);padding:clamp(24px,5vw,42px);border:1px solid rgba(255,218,145,.42);border-radius:18px;background:linear-gradient(145deg,#291133,#100614);box-shadow:0 20px 70px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.12);text-align:center;}
.fullscreen-prompt-card .eyebrow{margin:0 0 10px;color:#f3cb7d;letter-spacing:.16em;font-size:.72rem;font-weight:800;}
.fullscreen-prompt-card h2{margin:0;color:#fff5df;font-family:Georgia,serif;font-size:clamp(1.55rem,5vw,2.2rem);line-height:1.08;}
.fullscreen-prompt-card p:not(.eyebrow){margin:14px auto 0;max-width:31ch;color:#ddcfdf;line-height:1.5;}
.fullscreen-prompt-actions{display:grid;gap:12px;margin-top:26px;}
.fullscreen-prompt-actions .primary{min-height:48px;font-size:1rem;}
.fullscreen-prompt-continue{border:0;background:transparent;color:#d9c7e2;text-decoration:underline;text-underline-offset:3px;font:inherit;opacity:.82;}
.fullscreen-prompt-continue:hover,.fullscreen-prompt-continue:focus-visible{opacity:1;color:#fff5df;}
@media(max-width:420px){.fullscreen-prompt{padding:14px}.fullscreen-prompt-card{padding:24px 20px;border-radius:14px}.fullscreen-prompt-actions{margin-top:20px}}