#boot-loading{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#18221f;color:#fff;font-weight:bold;letter-spacing:3px}
/* Keep the play frame and page geometry while hiding the surrounding copy. */
.title-active header,.title-active footer{visibility:hidden}
.title-active canvas{pointer-events:none}
#title-screen{position:absolute;inset:0;z-index:1000;color:#fff;overflow:hidden;font-family:monospace}
.build-label{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));font:11px/14px monospace;color:#a4b4a5;pointer-events:none;right:max(12px,env(safe-area-inset-right));display:flex;align-items:flex-end;gap:12px}.build-label>span:first-child{flex:none}
.analytics-status{min-width:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}
.title-copy{position:absolute;top:6%;left:5%;width:90%;text-align:center}
#title-name{width:min(80%,640px,64svh);margin:0 auto;line-height:0;opacity:0;transform:translateY(12px)}
#title-name picture,#title-name img{display:block;width:100%;height:auto}
.art-ready #title-name{opacity:1;transform:translateY(0);transition:opacity .6s ease-out,transform .6s ease-out}
.title-actions{width:min(300px,80%);margin:clamp(18px,3vh,28px) auto 0}
#title-start{width:100%;height:66px;border:3px solid #13221b;background:#b3e343;color:#13221b;box-shadow:5px 6px 0 #0c1713,inset 0 3px #def296;font:bold 30px monospace;letter-spacing:6px;cursor:pointer}
#title-start:hover{background:#caef6e}#title-start:active{transform:translateY(3px);box-shadow:2px 3px #0c1713}
#title-screen :focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(max-height:500px) and (min-aspect-ratio:1/1){
 .title-copy{top:max(12px,env(safe-area-inset-top))}
 .title-actions{width:220px;margin-top:18px}
 #title-start{height:48px;font-size:24px;letter-spacing:3px}
}
@media(prefers-reduced-motion:reduce){#title-name,.art-ready #title-name{transform:none;transition:none}}

.title-records,.title-unlock{margin:14px auto 0;max-width:550px;font:12px/1.5 monospace;color:#c0cbb5;text-shadow:1px 2px 2px #13221b;background:#13221bbf;padding:5px 10px;width:fit-content}
.title-unlock{margin-top:4px;font-size:11px}
@media(max-height:500px){#title-name{width:min(55%,420px,48svh)}.title-records{margin-top:10px}.title-records,.title-unlock{font-size:10px}}