*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#1a1a1a;font-family:SF Mono,Fira Code,Cascadia Code,monospace;color:#ccc}canvas{display:block}#info-btn{position:fixed;top:24px;right:24px;width:36px;height:36px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#ffffff80;font-size:18px;display:none;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s;z-index:100;user-select:none}#info-btn.debug{display:flex}#info-btn:hover{background:#ffffff26;color:#fff}#info-panel{position:fixed;top:72px;right:24px;width:280px;padding:20px;background:#1e1e1ed9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:12px;z-index:100;font-size:13px;line-height:1.6;transition:opacity .25s,transform .25s;display:none}#info-panel.debug{display:block}#info-panel.hidden{opacity:0;pointer-events:none;transform:translateY(8px)}#info-panel h2{font-size:16px;margin-bottom:8px;color:#e0a050}#info-panel table{width:100%;border-collapse:collapse;margin:8px 0}#info-panel td{padding:2px 0}#info-panel td:last-child{text-align:right;color:#999}#info-panel .link-row a{color:#e0a050;text-decoration:none}#info-panel .link-row a:hover{text-decoration:underline}#info-panel #info-close{position:absolute;top:8px;right:12px;background:none;border:none;color:#666;font-size:18px;cursor:pointer}#info-panel #info-close:hover{color:#fff}#help-btn{position:fixed;bottom:24px;right:24px;width:36px;height:36px;border-radius:50%;background:#e0a05026;border:1.5px solid rgba(224,160,80,.6);color:#e0a050cc;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s,border-color .2s;z-index:100;user-select:none}#help-btn:hover{background:#e0a05040;color:#e0a050;border-color:#e0a050}#help-panel{position:fixed;bottom:72px;right:24px;width:280px;padding:20px;background:#1e1e1ed9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:12px;z-index:100;font-size:13px;line-height:1.6;transition:opacity .25s,transform .25s;display:block}#help-panel.hidden{opacity:0;pointer-events:none;transform:translateY(8px)}#help-panel h2{font-size:16px;margin-bottom:12px;color:#e0a050}#help-panel p{margin-bottom:12px;color:#ccc}#help-panel .link-row{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}#help-panel .link-row a{color:#e0a050;text-decoration:none;display:inline-flex;align-items:center;gap:6px}#help-panel .link-row a:hover{text-decoration:underline}#help-panel #help-close{position:absolute;top:8px;right:12px;background:none;border:none;color:#666;font-size:18px;cursor:pointer}#help-panel #help-close:hover{color:#fff}#debug-panel{position:fixed;top:16px;right:16px;width:240px;padding:14px;background:#141414e6;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:8px;z-index:200;font-size:12px}#debug-panel .debug-label{margin-bottom:6px;color:#e0a050}#debug-panel input[type=range]{width:100%;accent-color:#e0a050}#debug-panel .debug-info{margin-top:8px;font-size:11px;line-height:1.5;color:#888}