.title-screen{grid-template-rows:1fr auto;overflow:hidden;color:var(--ivory);background-image:repeating-linear-gradient(38deg,#f6e5bd05 0 1px,transparent 1px 4px),radial-gradient(ellipse at 50% 43%,#306452 0,#18473e 33%,#0d3432 59%,#082625 100%)}.title-center,.title-screen{position:relative;display:grid}.title-center{align-self:center;justify-self:center;justify-items:center;align-content:center;gap:clamp(1.8rem,5vh,3.2rem);min-height:min(75svh,620px);padding:2.5rem 1rem;isolation:isolate}.title-inlay{pointer-events:none;position:absolute;z-index:-1;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-18deg);width:min(118vw,69vh,660px);aspect-ratio:1;border:1px solid #c5aa6a46;border-radius:50%;box-shadow:0 0 0 6px #133d3526,0 0 0 7px #cfb57c30,0 0 0 19px #1237311a,0 0 0 20px #c2a26821}.title-inlay:after,.title-inlay:before{content:"";position:absolute;inset:-5px calc(50% - 3px) auto;height:8px;background:#ae955b;transform:rotate(45deg)}.title-inlay:after{inset:auto calc(50% - 3px) -5px}.title-center h1{font:400 clamp(4.6rem,14vw,11.8rem)/.9 var(--font-display),Georgia,serif;letter-spacing:-.065em;padding-right:.07em;text-shadow:0 3px #133f35,0 5px #9d85436b,0 9px 24px #062a2499}.title-lockup{display:grid;justify-items:center;text-align:center;gap:clamp(12px,2.5vh,24px)}.title-lockup p{color:#e4e6ce;max-width:32ch;font-size:clamp(1.1rem,2.5vw,1.55rem);line-height:1.18;text-wrap:balance}.title-play{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-width:clamp(145px,15vw,205px);min-height:52px;padding:.55rem 2rem;border:1px solid #f3d997;border-radius:10px;background:linear-gradient(150deg,#ffe4a7,#dfb15c);box-shadow:inset 0 0 0 3px #e4bd7759,0 3px #8a6537,0 8px 22px #04292280;color:#233b2e;font:1.65rem/1.1 var(--font-display),Georgia,serif;transition:transform .15s ease,filter .15s ease}.title-play span{font:.8rem/1 sans-serif}.title-play:hover{filter:brightness(1.07);transform:translateY(-2px)}.title-play:active{transform:translateY(2px)}.title-legal{display:flex;justify-content:center;align-items:center;gap:.65rem;padding:0 1rem max(24px,env(safe-area-inset-bottom));color:#d6dcca}.title-legal a{padding:.6rem .2rem;text-underline-offset:4px}.title-legal a:focus-visible,.title-legal a:hover{text-decoration:underline}