*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:linear-gradient(180deg,#1a1530,#2a1f4a);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overscroll-behavior:none;user-select:none;-webkit-user-select:none;touch-action:none}#app{max-width:480px;margin:0 auto;min-height:100vh;padding:12px;display:flex;flex-direction:column;gap:12px;position:relative}.enemy-area{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.stage-label{font-size:13px;font-weight:700;color:#fff9;letter-spacing:.08em;text-transform:uppercase}.enemy-emoji{font-size:64px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));transition:transform .2s ease}.enemy-emoji.hit{animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px) scale(1.05)}40%{transform:translate(8px) scale(1.05)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.hp-bar{width:100%;height:24px;background:#0006;border-radius:12px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.hp-fill{height:100%;background:linear-gradient(90deg,#f44,#f84);transition:width .5s ease;width:100%}.player-hp .hp-fill{background:linear-gradient(90deg,#4f6,#4dd)}.hp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:13px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8);z-index:1}.message-log{min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.message{font-size:18px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8);animation:message-pop .4s ease}.message.combo{color:#ffe44d;font-size:22px}.message.damage{color:#f66}.message.heal{color:#6f9}.message.enemy{color:#f84}@keyframes message-pop{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.player-area{display:flex;flex-direction:column;gap:6px}.timer-bar{width:100%;height:6px;background:#0006;border-radius:3px;overflow:hidden}.timer-fill{height:100%;background:linear-gradient(90deg,#ffe44d,#f84);width:0%;transition:width .1s linear}.board{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(5,1fr);gap:4px;aspect-ratio:6 / 5;background:#0000004d;padding:6px;border-radius:12px;position:relative;touch-action:none}.cell{background:#ffffff0a;border-radius:8px}.drop{position:absolute;width:calc((100% - 12px - 4px * 5) / 6);aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:clamp(28px,7vw,40px);border-radius:8px;background:#ffffff14;transition:transform .18s ease,opacity .25s ease;pointer-events:none;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.drop.dragging{transform:scale(1.2) translate(var(--tx, 0),var(--ty, 0));z-index:10;filter:drop-shadow(0 8px 16px rgba(0,0,0,.6));transition:none}.drop.clearing{opacity:0;transform:scale(.3)}.result-overlay{position:fixed;inset:0;background:#000000bf;display:none;align-items:center;justify-content:center;flex-direction:column;gap:24px;z-index:100}.result-overlay.show{display:flex}.result-text{font-size:56px;font-weight:700;text-shadow:0 4px 12px rgba(0,0,0,.8)}.result-text.win{color:#ffe44d}.result-text.lose{color:#f66}.restart-btn{font-size:18px;padding:14px 32px;background:linear-gradient(135deg,#f84,#f48);color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #0006}.restart-btn:active{transform:translateY(2px);box-shadow:0 2px 6px #0006}