html,body { margin:0; width:100%; height:100%; overflow:hidden; background:#07141c; color:#e4f0ea; font:16px system-ui,sans-serif; }
canvas { display:block; width:100%; height:100%; outline:none; touch-action:none; }
#loading { position:fixed; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; padding:24px; background:#07141c; text-align:center; }
#loading[hidden],button[hidden] { display:none; }
h1 { color:#e1f395; letter-spacing:.12em; margin:0; }
p { max-width:36rem; line-height:1.5; margin:0; }
progress { width:min(340px,85vw); accent-color:#78d6b5; }
a { color:#95afb6; font-size:13px; }
button { padding:12px 24px; border:1px solid #78d6b5; border-radius:8px; color:#e4f0ea; background:#245248; cursor:pointer; }