:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa;overflow-x:hidden}.game-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1rem;position:relative;transition:box-shadow .3s}.game-container.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-12px) rotate(-2deg)}20%{transform:translate(12px) rotate(2deg)}30%{transform:translate(-10px) rotate(-1deg)}40%{transform:translate(10px) rotate(1deg)}50%{transform:translate(-6px)}60%{transform:translate(6px)}70%{transform:translate(-3px)}80%{transform:translate(3px)}}.particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.particle{position:absolute;bottom:-10px;width:4px;height:4px;background:#ff6b35;border-radius:50%;opacity:.4;animation:floatUp linear infinite}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:.4}50%{opacity:.2}to{transform:translateY(-100vh) scale(0);opacity:0}}.header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:500px;padding:1rem 0;z-index:1}.stat{display:flex;flex-direction:column;align-items:center;min-width:70px}.stat-label{font-size:.6rem;letter-spacing:.2em;color:#fff6;text-transform:uppercase}.stat-value{font-size:1.8rem;font-weight:800;font-variant-numeric:tabular-nums;color:#ff6b35;text-shadow:0 0 20px rgba(255,107,53,.5)}.title-area{text-align:center}.title{font-size:1.6rem;font-weight:900;letter-spacing:.15em;background:linear-gradient(135deg,#ff6b35,#f44,#fa0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.subtitle{font-size:.65rem;letter-spacing:.3em;color:#ffffff59;text-transform:uppercase}.combo-display{z-index:1;margin-bottom:.5rem}.combo-text{font-size:1rem;font-weight:800;color:#fa0;text-shadow:0 0 15px rgba(255,170,0,.6);animation:comboPulse .5s ease-in-out infinite alternate;letter-spacing:.1em}@keyframes comboPulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.game-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:500px;gap:2rem;z-index:1}.fuse-bar-container{width:100%;padding:0 1rem}.fuse-bar{position:relative;height:28px;background:#ffffff14;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.safe-zone-indicator{position:absolute;top:0;height:100%;background:#00ff8826;border-left:2px solid #00ff88;border-right:2px solid #00ff88;z-index:1}.fuse-fill{position:absolute;top:0;right:0;height:100%;background:linear-gradient(90deg,#f44,#ff6b35,#fa0);border-radius:14px;transition:width .05s linear}.fuse-fill.safe{background:linear-gradient(90deg,#0f8,#0c6);box-shadow:0 0 20px #0f86}.fuse-fill.danger{background:linear-gradient(90deg,red,#f44);box-shadow:0 0 20px #ff000080;animation:dangerPulse .2s ease-in-out infinite alternate}@keyframes dangerPulse{0%{opacity:.8}to{opacity:1}}.fuse-labels{display:flex;justify-content:space-between;margin-top:6px;font-size:.55rem;letter-spacing:.15em;color:#ffffff4d;text-transform:uppercase;padding:0 4px}.safe-label{color:#0f8}.bomb-wrapper{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .15s}.bomb-wrapper.clickable{cursor:pointer}.bomb-wrapper.clickable:active{transform:scale(.92)}.bomb-wrapper.exploded{animation:explodeShake .6s ease-out}@keyframes explodeShake{0%{transform:scale(1)}20%{transform:scale(1.3) rotate(-5deg)}40%{transform:scale(.8) rotate(5deg)}60%{transform:scale(1.1) rotate(-3deg)}80%{transform:scale(.95)}to{transform:scale(1)}}.bomb-wrapper.defused{animation:defuseBounce .5s ease-out}@keyframes defuseBounce{0%{transform:scale(1)}30%{transform:scale(1.15)}60%{transform:scale(.95)}to{transform:scale(1)}}.bomb-body{width:140px;height:140px;background:radial-gradient(circle at 40% 35%,#444,#1a1a1a 70%,#0d0d0d);border-radius:50%;border:3px solid #333;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -8px 20px #0009,0 8px 30px #00000080;transition:box-shadow .2s,border-color .2s}.bomb-body.glow-safe{border-color:#0f8;box-shadow:inset 0 -8px 20px #0009,0 0 30px #00ff884d,0 0 60px #00ff8826}.bomb-body.glow-danger{border-color:#f44;box-shadow:inset 0 -8px 20px #0009,0 0 30px #f446,0 0 60px #f443;animation:dangerGlow .15s ease-in-out infinite alternate}@keyframes dangerGlow{0%{box-shadow:inset 0 -8px 20px #0009,0 0 30px #f446}to{box-shadow:inset 0 -8px 20px #0009,0 0 50px #f449,0 0 80px #ff00004d}}.bomb-face{display:flex;flex-direction:column;align-items:center;gap:10px}.bomb-eyes{display:flex;gap:20px}.bomb-eye{width:14px;height:14px;background:#fff;border-radius:50%;position:relative}.bomb-eye:after{content:"";position:absolute;width:7px;height:7px;background:#111;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.bomb-eye.wide{width:18px;height:18px;animation:eyeWide .2s ease-out}@keyframes eyeWide{0%{transform:scale(1)}to{transform:scale(1.2)}}.bomb-mouth{width:20px;height:10px;border-bottom:3px solid #fff;border-radius:0 0 10px 10px}.bomb-mouth.smile{width:24px;height:12px;border-bottom:3px solid #00ff88}.bomb-mouth.gasp{width:14px;height:14px;border:3px solid #ff4444;border-radius:50%}.fuse-string{position:absolute;top:10px;right:20px;width:80px;height:4px;background:linear-gradient(90deg,#666,#888);border-radius:2px;z-index:2}.fire-container{position:absolute;top:-5px;transform:translate(-50%);z-index:3;pointer-events:none}.fire{width:20px;height:28px;background:radial-gradient(ellipse at bottom,#ffaa00,#ff6b35 40%,transparent 70%);border-radius:50% 50% 20% 20%;animation:flicker .1s ease-in-out infinite alternate;position:relative}.fire-inner{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:10px;height:16px;background:radial-gradient(ellipse at bottom,#fff,#ffdd00 50%,transparent 80%);border-radius:50% 50% 20% 20%;animation:flicker .08s ease-in-out infinite alternate-reverse}@keyframes flicker{0%{transform:scaleY(1) scaleX(1) rotate(-2deg)}to{transform:scaleY(1.15) scaleX(.9) rotate(2deg)}}.fuse-spark{position:absolute;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%;box-shadow:0 0 10px #fa0,0 0 20px #ff6b35;z-index:3;pointer-events:none}.explosion-effect{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(255,68,0,.8),rgba(255,0,0,.4) 40%,transparent 70%);border-radius:50%;animation:explodeFlash .6s ease-out forwards}@keyframes explodeFlash{0%{transform:scale(.5);opacity:1}50%{transform:scale(1.5);opacity:.8}to{transform:scale(2);opacity:0}}.boom-text{font-size:2rem;font-weight:900;color:#fff;text-shadow:0 0 20px #ff4400,0 0 40px #ff0000;letter-spacing:.1em;animation:boomScale .5s ease-out}@keyframes boomScale{0%{transform:scale(.3)}50%{transform:scale(1.5)}to{transform:scale(1)}}.win-effect{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(0,255,136,.3),transparent 70%);border-radius:50%;animation:winFlash .8s ease-out forwards}@keyframes winFlash{0%{transform:scale(.8);opacity:0}30%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.8}}.win-text{font-size:1.4rem;font-weight:900;color:#0f8;text-shadow:0 0 15px rgba(0,255,136,.8);letter-spacing:.1em}.result-message{text-align:center;animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-message h2{font-size:1.8rem;font-weight:900;letter-spacing:.1em;margin-bottom:.25rem}.result-message.won h2{color:#0f8;text-shadow:0 0 20px rgba(0,255,136,.5)}.result-message.exploded h2,.result-message.lost h2{color:#f44;text-shadow:0 0 20px rgba(255,68,68,.5)}.result-message p{color:#fff9;font-size:.9rem}.actions{padding:1.5rem 0;z-index:1}.btn{padding:14px 48px;border:none;border-radius:12px;font-size:1rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:transform .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.95)}.btn-start{background:linear-gradient(135deg,#ff6b35,#f44);color:#fff;box-shadow:0 4px 20px #ff6b3566;font-size:1.2rem;padding:16px 56px}.btn-start:hover{box-shadow:0 6px 30px #ff6b3599}.btn-next{background:linear-gradient(135deg,#0c6,#0f8);color:#0a0a0a;box-shadow:0 4px 20px #00ff884d}.btn-next:hover{box-shadow:0 6px 30px #00ff8880}.btn-retry{background:linear-gradient(135deg,#666,#888);color:#fff;box-shadow:0 4px 20px #6464644d}.btn-retry:hover{box-shadow:0 6px 30px #64646480}.best-combo{font-size:.65rem;letter-spacing:.2em;color:#ffffff40;text-transform:uppercase;z-index:1;padding-bottom:1rem}