*{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}#loading-container{margin:20px 0;padding:20px;background:#00000080;border-radius:12px;border:1px solid rgba(125,249,255,.3)}#loading-text{color:#7df9ff;font-size:16px;margin-bottom:12px}#loading-progress{width:100%;height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin-bottom:8px}#loading-bar{height:100%;width:0%;background:linear-gradient(90deg,#7df9ff,gold);border-radius:4px;transition:width .3s ease}#loading-timer{color:gold;font-size:24px;font-weight:700}#start-btn:disabled{background:#666;cursor:not-allowed;opacity:.6}#start-btn:not(:disabled){animation:pulse 1s ease-in-out infinite alternate}#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}#water-damage-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;background:radial-gradient(circle at center,transparent 30%,rgba(0,100,200,.3) 100%);opacity:0;transition:opacity .3s ease}#water-damage-overlay.active{opacity:1;animation:waterPulse 1s ease-in-out infinite alternate}@keyframes waterPulse{0%{background:radial-gradient(circle at center,transparent 30%,rgba(0,100,200,.2) 100%)}to{background:radial-gradient(circle at center,transparent 25%,rgba(0,100,200,.4) 100%)}}@keyframes screenShake{0%,to{transform:translate(0)}10%{transform:translate(-3px,2px)}20%{transform:translate(3px,-2px)}30%{transform:translate(-2px,3px)}40%{transform:translate(2px,-3px)}50%{transform:translate(-3px,-2px)}60%{transform:translate(3px,2px)}70%{transform:translate(-2px,-3px)}80%{transform:translate(2px,3px)}90%{transform:translate(-3px,2px)}}body.damage-shake{animation:screenShake .5s ease-in-out}