html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#0d0d0d;color:#ddd;font:14px system-ui}
body{display:flex;flex-direction:column}#surface{flex:1;min-height:0;width:100%}
.warpsonic-surface-frame{display:block;width:100%;height:100%;border:0}
#status{position:fixed;top:24px;left:24px;padding:16px;background:#252525;border-radius:8px;max-width:38rem}
#status[hidden]{display:none}

#status a{display:block;margin-top:12px;color:#ddd}