html,body{background:#0e0b10;width:100%;height:100%;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}canvas{display:block}.ui{pointer-events:none;position:fixed;inset:0}.panel{color:#f4e7c5;pointer-events:auto;background:#0a0a0eb8;border:1px solid #ffe6b42e;border-radius:12px;min-width:250px;padding:14px 16px;position:absolute;top:16px;left:16px;box-shadow:0 10px 30px #00000059}.panel h1{margin:0 0 8px;font-size:18px}.panel p{opacity:.9;margin:0 0 10px}.help div{opacity:.85;font-size:13px;line-height:1.5}.action-btn{color:#f4e7c5;cursor:pointer;background:#ffe6b414;border:1px solid #ffe6b44d;border-radius:8px;margin-top:12px;padding:8px 12px}.action-btn:hover{background:#ffe6b424}