*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0a1628;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-text-size-adjust:100%}#game-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}#game-container canvas{display:block;width:100%!important;height:100%!important}#hud{position:fixed;top:0;left:0;right:0;z-index:10;padding:env(safe-area-inset-top,12px) env(safe-area-inset-right,8px) 8px env(safe-area-inset-left,8px);pointer-events:none}.hud-row{display:flex;justify-content:space-between;align-items:center;max-width:480px;margin:0 auto;gap:clamp(4px,1.5vw,12px);padding:0 clamp(4px,2vw,16px)}.hud-item{background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:20px;padding:clamp(4px,1.2vw,6px) clamp(8px,3vw,14px);color:#fff;font-size:clamp(14px,4vw,18px);font-weight:700;letter-spacing:.5px;white-space:nowrap}#hearts .heart{color:#ff4757;font-size:clamp(16px,4.5vw,20px);margin-right:2px;transition:opacity .3s}#hearts .heart.lost{opacity:.2}#timer{font-variant-numeric:tabular-nums;min-width:clamp(48px,14vw,60px);text-align:center}.coin-icon{color:gold;margin-right:4px;font-size:clamp(12px,3.5vw,16px)}.overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.overlay-content{text-align:center;color:#fff;padding:clamp(20px,5vw,32px) clamp(16px,4vw,24px);max-width:360px;width:90%}.game-title{font-size:clamp(28px,9vw,42px);font-weight:900;line-height:1.1;text-transform:uppercase;background:linear-gradient(135deg,#fff,#8cf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:clamp(8px,2vw,12px)}.game-subtitle{font-size:clamp(12px,3.5vw,16px);color:#ffffffb3;margin-bottom:clamp(20px,6vw,32px);letter-spacing:2px;text-transform:uppercase}.screen-title{font-size:clamp(26px,8vw,36px);font-weight:800;margin-bottom:clamp(10px,3vw,16px)}.final-score{font-size:clamp(16px,5vw,22px);color:#ffffffd9;margin-bottom:clamp(18px,5vw,28px)}.btn-primary,.btn-secondary{display:inline-block;padding:clamp(12px,3.5vw,14px) clamp(32px,10vw,48px);border:none;border-radius:30px;font-size:clamp(14px,4vw,18px);font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s;text-transform:uppercase;letter-spacing:1px;min-height:44px;min-width:44px}.btn-primary{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;box-shadow:0 4px 20px #4facfe66}.btn-secondary{background:#ffffff26;color:gold;border:2px solid rgba(255,215,0,.4);margin-bottom:12px}.btn-primary:active,.btn-secondary:active{transform:scale(.95)}.hidden{display:none!important}#damage-flash{position:fixed;inset:0;z-index:50;background:#ff00004d;pointer-events:none;opacity:0;transition:opacity .15s}#damage-flash.active{opacity:1}@media(max-height:400px)and (orientation:landscape){.hud-item{padding:3px 10px;font-size:14px;border-radius:14px}#hearts .heart{font-size:14px}.game-title{font-size:24px}.overlay-content{padding:12px 16px}.btn-primary,.btn-secondary{padding:10px 28px;font-size:14px}}@media(max-width:350px){.hud-item{padding:3px 8px;font-size:13px}#hearts .heart{font-size:14px}.game-title{font-size:26px}.btn-primary,.btn-secondary{padding:10px 24px;font-size:13px}}