html, body { margin: 0; height: 100%; background: #0f1217; color: #eee; font: 16px system-ui, sans-serif; overflow: hidden; touch-action: none; overscroll-behavior: none; }
#game { display: block; width: 100vw; height: 100vh; }
#start { position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; background: #0f1217; z-index: 10; padding: 24px; text-align: center; }
#start h1 { margin: 0; font-weight: 600; font-size: 28px; }
#bar { width: min(70vw, 280px); height: 8px; background: #2a2f38; border-radius: 4px; overflow: hidden; }
#fill { height: 100%; width: 0; background: #4c8bf5; transition: width 120ms linear; }
#go { font: inherit; font-size: 18px; padding: 16px 32px; border-radius: 12px; border: 0; background: #4c8bf5; color: white; }
#rotate { display: none; position: fixed; inset: 0; background: #0f1217; z-index: 20; align-items: center; justify-content: center; }
@media (orientation: landscape) and (max-height: 500px) { #rotate { display: flex; } }
#build { position: fixed; bottom: 8px; right: 12px; margin: 0; font-size: 11px; color: #667; }