*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#000;font-family:Courier New,monospace;overflow:hidden}canvas{display:block}#info{pointer-events:none;z-index:100;background:#000c;border:1px solid #6496ff4d;border-radius:8px;padding:15px 20px;font-size:14px;line-height:1.8;position:absolute;top:20px;left:20px}#info h1{color:#8bf;text-shadow:0 0 10px #88bbff80;margin-bottom:10px;font-size:20px}#fps{color:#0f8;font-weight:700}.hint{opacity:.7;color:#adf;margin-top:10px;font-size:12px}.webgpu-error{color:#fff;text-align:center;place-content:center;gap:10px;min-height:100vh;padding:24px;display:grid}.webgpu-error h1{color:#8bf;font-size:24px}.webgpu-error p{color:#ffffffbd;max-width:520px;line-height:1.6}