*{box-sizing:border-box}body{margin:0;background:#a6c9df;color:#fff;font-family:system-ui,Arial,sans-serif;overflow:hidden}#scene{position:fixed;inset:0}.header{position:fixed;top:env(safe-area-inset-top,0px);left:12px;right:12px;padding:14px 16px;border-radius:0 0 16px 16px;background:#10293de9;display:flex;flex-direction:column;gap:3px;pointer-events:none}.header span{font-size:12px;color:#b3d6e9}.toolbar{position:fixed;top:88px;left:8px;right:8px;display:flex;gap:6px;justify-content:center}.toolbar button{font:600 12px system-ui;padding:10px 11px;background:#143c59e9;color:white;border:1px solid #7aa1b7;border-radius:10px}.footer{position:fixed;bottom:0;left:0;right:0;background:#10293de9;padding:11px 15px 18px;font-size:12px;line-height:1.45}.footer #status{font-weight:700;color:#c4f0df}.caution{font-size:10px;color:#c5d4db;margin-top:6px}
.toolbar{flex-wrap:wrap;top:100px}.toolbar button{padding:9px 10px}.footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}