body{color:#1e1730;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;background-color:#f1f8fe;margin:0;padding:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif}.game-wrap{box-sizing:border-box;flex-direction:column;align-items:center;gap:8px;max-width:400px;margin:0 auto;padding:6px 12px 20px;display:flex}.hud-bar{box-sizing:border-box;justify-content:flex-end;align-items:center;width:100%;padding:4px 6px;display:flex}.hud-item{background:#fff;border:2px solid #1e1730;border-radius:12px;align-items:center;gap:6px;padding:4px 12px;display:flex;box-shadow:0 2px #1e1730}.hud-label{color:#645e78;font-size:13px;font-weight:700}.hud-value{color:#1e1730;font-family:Fredoka,Jua,sans-serif;font-size:16px;font-weight:700}.canvas-box{aspect-ratio:360/560;touch-action:none;background:#74c0fc;border:3px solid #1e1730;border-radius:20px;width:min(100vw - 24px,360px);max-height:64dvh;position:relative;overflow:hidden;box-shadow:0 6px #1e1730,0 12px 24px #1e173026}#game-canvas{touch-action:none;width:100%;height:100%;display:block}.canvas-box.shake{animation:.3s ease-in-out hitShake}@keyframes hitShake{0%,to{transform:translate(0)}20%{transform:translate(-5px,4px)}40%{transform:translate(5px,-3px)}60%{transform:translate(-3px,2px)}80%{transform:translate(3px,-1px)}}.canvas-box:after{content:"";opacity:0;pointer-events:none;background:#fff;width:100%;height:100%;transition:opacity 50ms ease-out;position:absolute;top:0;left:0}.canvas-box.flash:after{opacity:.7}@media (width<=360px){.game-wrap{gap:6px;padding:4px 6px 14px}}