*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000}#canvas{display:block;width:100%;height:100%;background:#000}#fps-counter{position:fixed;top:16px;right:16px;background:#0009;color:#0ff;padding:12px 16px;border-radius:8px;font-family:Courier New,monospace;font-size:14px;backdrop-filter:blur(4px);border:1px solid rgba(0,255,255,.2)}#fps-counter .fps-value{font-size:18px;font-weight:700}#fps-counter .particle-count{font-size:12px;color:#fff9;margin-top:4px}#fps-counter .quality-tier{font-size:12px;color:#00ffffb3;margin-top:2px;text-transform:capitalize}#info-overlay{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:20px 32px;border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-align:center;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);transition:opacity 1s ease-out}#info-overlay h1{font-size:20px;font-weight:600;margin-bottom:8px;background:linear-gradient(90deg,#0ff,#c3f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#info-overlay p{font-size:14px;color:#fffc;margin:4px 0}#info-overlay .hint{font-size:12px;color:#ffffff80}#info-overlay.fade-out{opacity:0;pointer-events:none}.error-message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a1a2e;color:#ff6b6b;padding:20px 40px;border-radius:8px;font-family:Courier New,monospace;font-size:14px;text-align:center;max-width:80%;z-index:1000;box-shadow:0 4px 20px #00000080}.loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#0ff;font-family:Courier New,monospace;font-size:16px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}