:root{--title-gold:#ffc247;--title-ink:#07101a}
.title-screen{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow:hidden;background:#0d1c28;color:#fff;opacity:1;transition:opacity .65s ease}
.title-screen--visible{opacity:1}.title-screen--leaving{opacity:0;pointer-events:none}
.title-atmosphere{position:absolute;inset:-10%;background:radial-gradient(circle at 50% 36%,#39596b 0,#203948 24%,#122633 49%,#09131c 78%),linear-gradient(120deg,transparent 35%,#ffc2471c 50%,transparent 65%);animation:title-pulse 7s ease-in-out infinite alternate}
.title-atmosphere::before{content:"";position:absolute;inset:8%;border:1px solid #ffc24728;border-radius:42px;box-shadow:inset 0 0 90px #ffc2470c}
.title-atmosphere::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 11.8%,#d8e4ec10 11.9% 12%);mask-image:linear-gradient(transparent,#000 22%,#000 76%,transparent)}
.title-content{position:relative;width:min(720px,calc(100vw - 40px));padding:24px 34px 20px;text-align:center;transform:translateY(16px);opacity:0;transition:transform .85s .12s ease,opacity .85s .12s ease;text-shadow:0 2px 18px #02070b99}
.title-screen--visible .title-content{transform:none;opacity:1}.title-emblem{width:clamp(128px,16vw,178px);aspect-ratio:1;object-fit:cover;border:1px solid #ffc24745;border-radius:28px;box-shadow:0 22px 60px #0009,0 0 65px #ffc2472e}
.title-kicker{margin:20px 0 8px;color:var(--title-gold);font-size:11px;font-weight:900;letter-spacing:4px}
.title-content h1{margin:0;color:#fff;font-size:clamp(42px,7vw,78px);line-height:.95;font-weight:950;letter-spacing:-3px;text-shadow:0 3px 28px #000b}
.title-content h1 span{display:inline-block;margin-left:8px;padding:7px 10px;background:var(--title-gold);color:var(--title-ink);font-size:.38em;letter-spacing:0;vertical-align:middle;border-radius:3px}
.title-subtitle{margin:12px 0 0;color:#d6e4ec;font-size:12px;font-weight:900;letter-spacing:5px}.title-intro{max-width:590px;margin:22px auto;color:#eef5f8;font-size:17px;line-height:1.6}
.title-actions{display:flex;justify-content:center;gap:10px;margin-top:28px}.title-actions button{min-width:170px;border-radius:9px;padding:13px 18px;font-weight:850;cursor:pointer}
.title-primary{border:1px solid #ffd477;background:linear-gradient(#ffc95d,#f5ad27);color:#17120a;box-shadow:0 10px 30px #0005,0 0 30px #ffc24725}.title-secondary{border:1px solid #526b79;background:#203340;color:#fff}
.title-links{display:flex;justify-content:center;gap:22px;margin-top:24px}.title-links a{color:#c3d3dc;font-size:12px;text-underline-offset:4px}.title-links a:hover{color:#fff}.title-credit{margin:16px 0 0;color:#d5e1e7;font-size:12px;font-weight:750}.title-credit a{color:var(--title-gold);text-underline-offset:3px}.title-version{margin-top:8px;color:#93a8b4;font-size:11px}
@keyframes title-pulse{to{transform:scale(1.04);filter:saturate(1.12)}}@media(max-width:600px){.title-actions{flex-direction:column}.title-actions button{width:100%}.title-links{gap:14px;flex-wrap:wrap}.title-intro{font-size:15px}}@media(prefers-reduced-motion:reduce){.title-screen,.title-content{transition:none}.title-atmosphere{animation:none}}

/* v4.7.8 — small-screen title safety. */
.title-screen{overflow-y:auto;overflow-x:hidden;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overscroll-behavior:contain}.title-content{margin:auto;width:min(720px,100%)}
@media(max-width:600px) and (max-height:700px){.title-content{padding:12px 10px}.title-emblem{width:82px;border-radius:18px}.title-kicker{margin:10px 0 5px;font-size:9px;letter-spacing:2.6px}.title-content h1{font-size:38px;letter-spacing:-2px}.title-subtitle{margin-top:7px;font-size:9px;letter-spacing:3px}.title-intro{margin:12px auto;font-size:13px;line-height:1.4}.language-control{margin-block:10px!important}.title-actions{margin-top:12px}.title-actions button{padding:10px 14px}.title-links{margin-top:13px}.title-credit{margin-top:10px}.title-version{margin-top:5px}}