*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{color:#eef6ff;background:#101b2a;font:14px/1.4 system-ui,sans-serif}#scene{position:absolute;inset:0}#scene canvas{width:100%;height:100%;display:block}#diagnostics{left:max(12px, env(safe-area-inset-left));top:max(12px, env(safe-area-inset-top));background:#101b2aeb;border:1px solid #597088;border-radius:10px;width:min(380px,100vw - 24px);max-height:calc(100% - 24px);padding:12px 16px;position:absolute;overflow:auto}h1{margin:0 0 10px;font-size:16px}dl{grid-template-columns:110px minmax(0,1fr);gap:4px 8px;margin:0;display:grid}dt{color:#9db4ca}dd{overflow-wrap:anywhere;margin:0}#boot-message{margin:10px 0 0}[data-status=error]{border-color:#ff9184!important}#portrait-hint{bottom:max(12px, env(safe-area-inset-bottom));background:#101b2aeb;border-radius:8px;margin:0;padding:10px;display:none;position:absolute;left:12px;right:12px}@media (orientation:portrait){#portrait-hint{display:block}#diagnostics{max-height:calc(100% - 110px)}}@media (height<=430px){#diagnostics{padding:8px;font-size:12px}h1{font-size:14px}dl{grid-template-columns:96px minmax(0,1fr)}}