html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}canvas{display:block;width:100%;height:100%;position:fixed;left:0;top:0;background:#000}.tips-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;opacity:.5;transition:opacity .3s ease;pointer-events:none}.tips-container:hover{opacity:1}.tips-container h3{margin:0;padding:10px 20px;background:#000000b3;border-radius:8px;font-size:14px;font-weight:400;color:#fff;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-display{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:600px;width:90%;background:#140000f2;border:2px solid #ff4444;border-radius:12px;padding:20px;z-index:10000;box-shadow:0 10px 40px #ff00004d}.error-display h2{margin:0 0 15px;color:#f44;font-size:20px;font-weight:700}.error-display .error-message{color:#fcc;font-family:monospace;font-size:14px;white-space:pre-wrap;word-break:break-word;line-height:1.5}.error-display .error-stack{margin-top:15px;padding-top:15px;border-top:1px solid #ff4444;color:#f99;font-family:monospace;font-size:12px;white-space:pre-wrap;word-break:break-word}