html,body{height:100%;margin:0;font-family:Inter,Segoe UI,Arial;}
body{display:flex;align-items:center;justify-content:center;background:#0f1724;color:#e6eef8;}
#gameWrap{display:flex;flex-direction:column;gap:12px;align-items:center;}
canvas{background:linear-gradient(180deg,#071022,#08132a);border-radius:12px;box-shadow:0 8px 24px rgba(2,6,23,.6);}
.hud{display:flex;gap:18px;align-items:center;font-size:14px;}
.hud div{background:rgba(255,255,255,0.03);padding:6px 10px;border-radius:8px;}
#overlay{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
.panel{pointer-events:auto;background:rgba(2,6,23,0.9);padding:18px;border-radius:10px;border:1px solid rgba(255,255,255,0.04);min-width:300px;text-align:center;}
button{margin-top:12px;padding:8px 12px;border-radius:8px;border:none;background:#2563eb;color:white;cursor:pointer;}
button:active{transform:translateY(1px)}
.small{font-size:13px;color:#a8b3c7}