/* Generated title artwork stays separate from the interactive game controls. */
.title-screen{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#104c9a;color:#f6fbff;isolation:isolate}
.title-screen::backdrop{background:#071626}
.title-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%;pointer-events:none;user-select:none}
.title-composition{position:absolute;width:min(660px,68vw);left:50%;top:44%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column}
.title-mark{position:relative;width:100%;line-height:0;filter:drop-shadow(0 8px 0 #03153224)}
.title-wordmark{display:block;width:100%;height:auto;user-select:none;pointer-events:none}
.title-pointer{position:absolute;width:16%;left:-13%;top:48%;pointer-events:none;user-select:none}
.title-play{position:relative;isolation:isolate;margin-top:clamp(22px,4vh,48px);min-width:252px;min-height:64px;padding:14px 34px;border:3px solid #08263f;border-radius:0;background:linear-gradient(180deg,#fffcec,#f0fbff 70%,#d6f1ff);color:#092c46;box-shadow:0 6px 0 var(--accent,#0033FF),0 9px 0 #061a31,0 15px 25px #02173466,inset 0 1px 0 #fff;cursor:pointer;touch-action:manipulation;font:700 20px/1.1 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:transform .12s ease,box-shadow .12s ease}
.title-play::before{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--accent,#0033FF);pointer-events:none}
@media(hover:hover){.title-play:hover:not(:disabled){background:linear-gradient(180deg,#fffef7,#e7f9ff);transform:translateY(-2px);box-shadow:0 8px 0 var(--accent,#0033FF),0 11px 0 #061a31,0 18px 28px #02173475,inset 0 1px 0 #fff}}
.title-play:focus-visible{outline:3px solid #fffcec;outline-offset:6px;box-shadow:0 6px 0 var(--accent,#0033FF),0 9px 0 #061a31,0 0 0 6px #08263f,0 15px 25px #02173466}
.title-play:active:not(:disabled){background:#d6f3ff;transform:translateY(5px);box-shadow:0 1px 0 var(--accent,#0033FF),0 4px 0 #061a31,0 7px 13px #02173455,inset 0 1px 0 #fff}
.title-play:active:focus-visible{outline-offset:6px;box-shadow:0 1px 0 var(--accent,#0033FF),0 4px 0 #061a31,0 0 0 6px #08263f}
.title-play:disabled{cursor:progress;opacity:1}
.title-screen.title-entering .title-composition{animation:title-dismiss .48s ease-in forwards}
.title-screen.title-entering .title-backdrop{animation:title-camera .55s ease-in forwards}
.title-screen-open{overflow:hidden}
.title-screen-open>.topbar,.title-screen-open>main,.title-screen-open>footer,.title-screen-open>.inspect-narration{visibility:hidden}
@keyframes title-dismiss{to{opacity:0;transform:translate(-50%,-57%)}}
@keyframes title-camera{to{transform:scale(1.035);filter:brightness(.7)}}
@media(max-aspect-ratio:1/1){.title-composition{width:min(690px,83vw);top:43%}.title-backdrop{object-position:50% 65%}.title-play{margin-top:38px;min-width:220px}}
@media(max-height:620px) and (min-aspect-ratio:1/1){.title-composition{width:min(510px,57vw);top:44%}.title-play{min-height:50px;font-size:18px;margin-top:18px}}
@media(prefers-reduced-motion:reduce){.title-screen *{animation:none!important;transition:none!important}}