:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;color:#fff;background:#04182d}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:flex;justify-content:center;background:#04182d}
.landing{position:relative;isolation:isolate;width:100%;max-width:520px;min-height:100svh;overflow:hidden;background:#04182d;box-shadow:0 0 90px #0005}
.scene{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.landing::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#02102099 0%,#03162935 30%,#0316291c 48%,#02162a66 68%,#02152bef 100%)}
.controls{position:absolute;left:24px;right:24px;bottom:calc(12svh + env(safe-area-inset-bottom,0px));max-width:360px;margin-inline:auto;text-align:center}
#launch{display:flex;align-items:center;justify-content:center;gap:11px;width:clamp(280px,72vw,360px);max-width:100%;margin-inline:auto;min-height:56px;padding:11px 14px;border:2px solid #148ccb;border-radius:999px;background:#fff;color:#07578d;box-shadow:0 5px 0 #0664a8,0 12px 28px #0005;font-size:clamp(14px,4.05vw,19px);font-weight:500;line-height:1.25;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
#launch::after{content:attr(aria-label);white-space:nowrap}
#launch>img{display:block;flex:0 0 28px;width:28px;height:28px}
#launch:focus-visible{outline:3px solid #fff;outline-offset:6px}
#launch:active{transform:translateY(2px);box-shadow:0 3px 0 #0664a8,0 7px 20px #0004}
#message,.controls noscript p{margin:22px -5px 0;font-size:clamp(14px,3.6vw,16px);line-height:1.5;font-weight:400;color:#fff;text-shadow:0 2px 8px #0009}
#message strong{font-weight:650}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:350px){.controls{left:18px;right:18px}#launch{gap:8px;padding-inline:11px}#launch>img{width:25px;height:25px;flex-basis:25px}}
@media(max-height:600px){.controls{bottom:calc(6svh + env(safe-area-inset-bottom,0px))}#message{margin-top:15px}}
@media(orientation:landscape) and (max-height:600px){.landing{max-width:none}.scene{object-position:50% 38%}.controls{max-width:340px;bottom:calc(7svh + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){#launch:active{transform:none}}