/* Illustrated title screen. Native ensemble artwork is always shown in full. */
.title-page{background:#141025;color:#eee6cd}
.title-page .site-head{min-height:72px;padding:18px 4vw;background:#161d20;border-bottom:1px solid #c6ae6c55}
.title-page .site-head nav{gap:26px}
.title-page main{max-width:none}
.title-screen{position:relative;isolation:isolate;height:calc(100svh - 73px);min-height:620px;max-height:1200px;overflow:hidden;background:#171328;display:flex;flex-direction:column;align-items:center;justify-content:space-between}
.title-backdrop,.title-scene{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.title-backdrop{object-fit:cover;filter:blur(25px) brightness(.35);transform:scale(1.09);z-index:-3}
.title-scene{object-fit:contain;object-position:50% 50%;z-index:-2}
.title-screen::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(180deg,#110c250a 0%,transparent 50%,#100b2014 72%,#100b20c9 100%)}
.title-wordmark{align-self:flex-end;width:clamp(300px,32vw,540px);max-width:86%;margin:clamp(12px,2vh,30px) 4vw 0 0;line-height:0;letter-spacing:0;filter:drop-shadow(0 4px 12px #0d0719bf)}
.title-wordmark img{display:block;width:100%;height:auto}
.title-menu{width:min(100%,760px);text-align:center;padding:18px 24px 23px;color:#f7ebcd}
.title-actions{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap}
.title-actions a{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-width:190px;min-height:52px;padding:16px 28px;text-decoration:none;font:700 14px/1.15 Georgia,serif;letter-spacing:.6px;border:1px solid #d4bd7d;border-radius:3px;background:#181322e8;color:#f6e3b5;box-shadow:0 4px 20px #09051280;transition:background .15s,transform .15s}
.title-actions .title-start{background:linear-gradient(180deg,#f2dda1,#b9954f);color:#201621;border-color:#f4dfaa;text-shadow:0 1px #fff6;box-shadow:0 4px 26px #0804109c,inset 0 1px #fff8}
.title-actions a:hover{background:#443454;transform:translateY(-2px)}
.title-actions .title-start:hover{background:linear-gradient(180deg,#fff0ba,#d0ae65)}
.title-actions a:focus-visible{outline:3px solid #dcf6b6;outline-offset:5px}
.title-hint{margin:13px 0 0;font:10px/1.5 Arial,sans-serif;letter-spacing:1.8px;text-transform:uppercase;color:#eee6ce;text-shadow:0 1px 4px #0b0716}
.title-page .cast-section,.title-page .home-stages,.title-page .how-to{color:#e9e4ce}
.title-page .cast-section{background:#1c2027}
.title-page .section-head .eyebrow,.title-page .how-to .eyebrow{color:#c9c28d}
.title-page .section-head>a{color:#dbd9b3}
.title-page .cast-card{background:#282a32;border-color:#b0ac793d}
.title-page .cast-card:hover{background:#34333e;box-shadow:0 8px 25px #0004}
.title-page .cast-card small,.title-page .status{color:#c1c9ad}
.title-page .home-stages{margin-top:65px}
.title-page .stage-strip a{background:#282a32;border-color:#b0ac793d}
.title-page .how-to{border-color:#b6bb7b44}
.title-page .how-to kbd{background:#e9e4c615;border-color:#b9bf8055}
.title-page footer{background:#111c1b}
@media(min-aspect-ratio:19/10) and (min-width:901px){.title-wordmark{width:clamp(300px,30vw,520px);margin-top:10px}.title-screen{min-height:540px}.title-menu{padding-bottom:16px}}
@media(max-width:700px){.title-page .site-head{padding:16px 20px;min-height:65px}.title-page .brand{font-size:16px}.title-page .site-head nav{gap:14px}.title-page .site-head nav a{font-size:11px}.title-screen{height:calc(100svh - 66px);min-height:590px;max-height:940px}.title-wordmark{align-self:center;width:90%;max-width:560px;margin:24px 0 0}.title-scene{object-position:50% 53%}.title-menu{padding:16px 18px 28px}.title-actions{gap:10px}.title-actions a{min-width:0;flex:1;max-width:230px;min-height:49px;padding:14px 16px;font-size:13px;letter-spacing:.2px}.title-actions a span{display:none}.title-hint{font-size:9px;letter-spacing:1px}.title-page .home-stages{margin-top:40px}}
@media(prefers-reduced-motion:reduce){.title-actions a{transition:none}}