*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;overflow:hidden;background:#050714}
canvas{display:block;position:fixed;top:0;left:0;width:100%;height:100%;touch-action:none}
#ui{position:fixed;top:0;left:0;width:100%;pointer-events:none;z-index:10;font-family:system-ui,-apple-system,sans-serif}
#score-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;color:#a8c8f0;font-size:13px;background:linear-gradient(to bottom,rgba(5,7,20,0.8),transparent)}
#hp-bar{width:72px;height:4px;background:rgba(255,255,255,0.1);border-radius:2px;overflow:hidden;display:inline-block;vertical-align:middle;margin-left:6px}
#hp-fill{height:100%;background:linear-gradient(90deg,#40c060,#60ff90);border-radius:2px;transition:width 0.18s}
#overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;font-family:system-ui,-apple-system,sans-serif;opacity:1;transition:opacity 0.8s}
.launch-btn{pointer-events:all;border:none;background:rgba(100,180,255,0.15);color:#c8e8ff;padding:14px 56px;border-radius:40px;font-size:17px;font-family:inherit;cursor:pointer;letter-spacing:0.5px;transition:background 0.2s,transform 0.15s;outline:none}
.launch-btn:hover{background:rgba(100,180,255,0.28);transform:scale(1.04)}
.launch-btn:active{transform:scale(0.98)}
footer{position:fixed;bottom:0;left:0;width:100%;text-align:center;padding:14px;font-size:11px;color:rgba(120,160,200,0.28);font-family:system-ui,-apple-system,sans-serif;z-index:30;pointer-events:all}
footer a{color:rgba(120,160,200,0.35);text-decoration:none}
footer a:hover{color:rgba(160,200,255,0.55)}