@font-face { font-family: 'Fira Sans'; font-weight: 400; src: url(Content/Fonts/FiraSans-Regular.woff2?v=49fe6a42acb332ceddfa) format('woff2'); font-display: block; }
@font-face { font-family: 'Fira Sans'; font-weight: 500; src: url(Content/Fonts/FiraSans-Medium.woff2?v=49fe6a42acb332ceddfa) format('woff2'); font-display: block; }
@font-face { font-family: 'Fira Sans'; font-weight: 600; src: url(Content/Fonts/FiraSans-SemiBold.woff2?v=49fe6a42acb332ceddfa) format('woff2'); font-display: block; }

html, body { margin: 0; height: 100%; overflow: hidden; background: #0a0608; }
body { font-family: 'Fira Sans', sans-serif; color: #ece4d4; }
canvas { display: block; }
#stage { position: fixed; inset: 0; }
#stage canvas { width: 100%; height: 100%; }
#boot { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 12px; background: #0a0608; }
#boot.hidden { display: none; }
.boot-title { font-size: 40px; font-weight: 600; color: #e8c068; }
#boot-status { color: #a19a90; max-width: 80vw; text-align: center; }