html,body{height:100%;overflow:hidden;}
body{
  margin:0;
  background:#0f1720;
  color:#e6eef6;
  font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}
#game-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}
canvas{
  background:#071018;
  image-rendering: auto;
}
canvas{display:block}
.hud{position:fixed;left:12px;top:12px;color:#cfe9ff;font-weight:600;text-shadow:0 1px 0 rgba(0,0,0,0.6)}
.pause-btn{position:fixed;top:12px;right:12px;width:40px;height:40px;background:rgba(0,0,0,0.6);border:2px solid rgba(255,255,255,0.3);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all 0.2s;z-index:100}
.pause-btn:hover{background:rgba(0,0,0,0.8);border-color:rgba(255,255,255,0.5);transform:scale(1.05)}
.pause-btn .bar{width:4px;height:18px;background:#fff;border-radius:2px}
.pause-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);display:none;align-items:center;justify-content:center;z-index:99}
.pause-overlay.active{display:flex}
.pause-menu{background:rgba(15,23,32,0.95);border:2px solid rgba(255,255,255,0.2);border-radius:12px;padding:32px;text-align:center;color:#e6eef6}
.pause-menu h2{margin:0 0 20px 0;font-size:32px;color:#dbeafe}
.pause-menu .btn{display:block;margin:12px auto;padding:12px 24px;background:#1f6feb;color:white;border-radius:6px;text-decoration:none;cursor:pointer;transition:all 0.2s;font-size:16px;font-weight:600;min-width:180px}
.pause-menu .btn:hover{background:#2f81ff;transform:translateY(-2px)}
.pause-menu #quit-btn{background:#dc2626;margin-top:8px}
.pause-menu #quit-btn:hover{background:#ef4444}
.center-msg{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);color:#dbeafe;text-align:center}
.btn{display:inline-block;margin-top:8px;padding:6px 12px;background:#1f6feb;color:white;border-radius:6px;text-decoration:none}