*{margin:0;padding:0;box-sizing:border-box}
body{background:#0C0D14;color:#e0e0e0;font-family:'Segoe UI',system-ui,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;overflow:hidden}
canvas{display:block;border:1px solid #2a2d3a;border-radius:8px;max-width:100%;height:auto}
#hud{display:flex;gap:20px;padding:10px;color:#e0e0e0;font-size:16px;font-weight:bold}
#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(12,13,20,0.85);display:flex;align-items:center;justify-content:center;z-index:100}
#overlay-box{background:#161822;border:1px solid #2a2d3a;border-radius:12px;padding:40px;text-align:center;max-width:400px}
#overlay-box h1,#overlay-box h2{color:#ef4444;margin-bottom:12px}
#overlay-box p{color:#aaa;margin:8px 0}
.hidden{display:none!important}