.lost-page{margin:0;background:#211940;color:#fff18b;font-family:"Jersey 25",sans-serif;min-height:100svh;display:flex;flex-direction:column;text-align:center}
.lost-page main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:30px 20px}
.lost-logo{width:min(260px,50vw);height:auto;object-fit:contain}
.lost-page h1{font:clamp(30px,4.5vw,64px)/1.08 "Jersey 25",sans-serif;margin:0;font-weight:400}
.lost-fossil{width:min(390px,65vw);height:auto;object-fit:contain}
.lost-button{display:flex;align-items:center;justify-content:center;width:min(300px,70vw);min-height:60px;background:url('/assets/images/shared/shared-ui-button-background-v-01.png') center/100% 100% no-repeat;color:#fff18b;text-decoration:none;font:38px "Jersey 25",sans-serif;padding:4px 12px;box-sizing:border-box}
.lost-page footer{display:flex;justify-content:space-between;gap:20px;padding:25px 6vw;color:#404fa8;font:10px "Silkscreen",monospace}
#load-error-screen{z-index:9;background:var(--ink);flex-direction:column;gap:1cqw;padding:2cqw}
#load-error-screen .lost-logo{width:17cqw;max-height:22%;object-fit:contain}
#load-error-screen h1{font:3.2cqw/1.05 var(--font-h1);color:var(--yellow)}
#load-error-screen .lost-fossil{width:24cqw;max-height:36%;object-fit:contain}
#load-error-screen p{font:1.1cqw/1.3 var(--font-body)}
.error-actions{display:flex;gap:1.5cqw;align-items:center}
#error-menu,#load-error-screen #retry-loading{position:static;transform:none;display:block;width:auto;height:auto;margin:0;padding:.6cqw 1.4cqw;border:1px solid var(--yellow);font:1.5cqw var(--font-h1);color:var(--yellow);text-decoration:none;background:var(--ink)}
#viewport-notice{position:absolute;z-index:10;inset:5%;background:#211940f5;border:1px solid var(--yellow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:18px;text-align:center}
#viewport-notice h1{font-size:clamp(24px,4cqw,40px)}
#viewport-notice p{font:clamp(11px,2cqw,16px)/1.6 var(--font-body);max-width:50ch}
#viewport-continue{border:1px solid var(--yellow);padding:10px 18px;font:clamp(20px,3cqw,30px) var(--font-h1)}
@media(max-width:600px) and (orientation:portrait){
 #stage:has(#load-error-screen:not([hidden])){aspect-ratio:3/4}
 #load-error-screen{gap:3cqw;padding:5cqw}
 #load-error-screen .lost-logo{width:38cqw}#load-error-screen .lost-fossil{width:55cqw}
 #load-error-screen h1{font-size:7cqw}#load-error-screen p{font-size:2.7cqw}
 #error-menu,#load-error-screen #retry-loading{font-size:4cqw;padding:2cqw 3cqw}
}
@media(max-height:500px){.lost-page main{gap:10px;padding:15px}.lost-logo{width:150px}.lost-fossil{width:220px}.lost-page h1{font-size:30px}.lost-button{min-height:40px;font-size:26px}.lost-page footer{padding:15px}}

/* Shared footer credit keeps the supplied vector crisp at the footer text height. */
.site-footer{align-items:center}
.footer-copyright{min-width:0;line-height:1.5;text-align:left}
.site-footer .footer-credit{display:flex;align-items:center;justify-content:flex-end;flex:none;margin-left:auto;color:inherit;text-decoration:none}
.site-footer .footer-credit svg{display:block;height:1em;width:3.5em;fill:currentColor}
.site-footer .footer-credit:hover{color:inherit;opacity:.8}
.site-footer .footer-credit:focus-visible{outline:2px solid currentColor;outline-offset:5px}