*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#000;font-family:Segoe UI,sans-serif}canvas{display:block}#ui{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#hud{position:absolute;top:0;left:0;right:0;padding:16px 24px}#hud-top{display:flex;justify-content:space-between;align-items:flex-start}#hud-left,#hud-center,#hud-right{display:flex;flex-direction:column;gap:4px}#hud-center{align-items:center}#hud-right{align-items:flex-end}#health{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.7))}#score-display{color:gold;font-size:20px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.7)}#level-label{color:#7df9ff;font-size:18px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.7)}#gem-count{color:#fff;font-size:18px;text-shadow:0 2px 4px rgba(0,0,0,.7)}#timer{color:#fff;font-size:28px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.7)}#timer.warning{color:#f44;animation:pulse .5s ease-in-out infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.15)}}#combo-display{position:absolute;right:24px;top:100px;color:gold;font-size:28px;font-weight:700;text-shadow:0 0 10px rgba(255,215,0,.8);animation:comboIn .3s ease-out}@keyframes comboIn{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}#float-score-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.float-score{position:absolute;color:gold;font-size:24px;font-weight:700;text-shadow:0 0 6px rgba(255,215,0,.6);animation:floatUp 1s ease-out forwards;pointer-events:none}.float-score.damage{color:#f44;text-shadow:0 0 6px rgba(255,0,0,.6)}@keyframes floatUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-60px)}}#level-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;animation:titleFade 2s ease-in-out forwards;pointer-events:none}#level-title h1{font-size:56px;color:#7df9ff;text-shadow:0 0 20px rgba(125,249,255,.6),0 4px 8px rgba(0,0,0,.8)}@keyframes titleFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}#level-complete,#game-over,#victory,#start-screen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;background:#000c;padding:40px 60px;border-radius:16px;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#level-complete h1{font-size:42px;color:#7df9ff;margin-bottom:16px}#game-over h1{font-size:48px;color:#f44;margin-bottom:12px}#victory h1{font-size:48px;color:gold;margin-bottom:12px}#start-screen h1{font-size:42px;color:#7df9ff;margin-bottom:12px}#score-breakdown{text-align:left;margin:16px auto;font-size:18px;line-height:1.8;max-width:280px}#score-breakdown .breakdown-line{display:flex;justify-content:space-between}#level-total-score,#game-over-score,#victory-score{font-size:24px;color:gold;margin:12px 0 24px;font-weight:700}#start-screen p,#game-over p,#victory p,#level-complete p{font-size:18px;margin-bottom:16px}button{padding:12px 32px;font-size:18px;border:none;border-radius:8px;background:gold;color:#222;cursor:pointer;font-weight:700;transition:background .2s}button:hover{background:#ffec57}.hidden{display:none!important}