*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#ccc;background:#1a1a1a;width:100%;height:100%;font-family:monospace}.app-root{flex-direction:column;width:100%;height:100vh;display:flex}.phase-banner{color:#888;background:#222;border-bottom:1px solid #333;flex-shrink:0;padding:6px 12px;font-size:12px}.context-label{color:#6af}.viewer-wrapper{flex:1;overflow:hidden}.webgl-unsupported{text-align:center;color:#ccc;background:#111;justify-content:center;align-items:center;height:100vh;padding:24px;font-family:monospace;display:flex}.webgl-unsupported p{max-width:420px;line-height:1.6}