html, body { height:100%; margin:0; background:#10131B; }
body { overflow:hidden; }
#root { display:flex; height:100%; flex:1; }
.arcade-start { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:22px; padding:24px; color:#F8F2DF; font-family:Arial,sans-serif; }
.arcade-logo { position:relative; width:216px; height:81.216px; overflow:hidden; border-radius:8px; background:#F8F2DF; flex-shrink:0; }
.arcade-logo img { position:absolute; width:306.5472px; height:153.2736px; left:-46.656px; top:-32.832px; max-width:none; }
.arcade-start p { margin:0; color:#AAB2C1; font-size:14px; }
.arcade-spinner { width:30px; height:30px; border:3px solid #303542; border-top-color:#F0BE53; border-radius:50%; animation:arcade-spin .9s linear infinite; }
@keyframes arcade-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .arcade-spinner { animation:none; border-color:#F0BE53; } }
#arcade-reload { min-height:44px; padding:12px 24px; border:0; border-radius:8px; background:#F0BE53; color:#10131B; font:inherit; }