*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#333;transition:background .4s}body.dark-mode{background:#0d0d0d}#game-canvas{display:block;position:fixed;top:0;left:0;cursor:pointer}#audio-start{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:#ffffff2e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.35);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:20;opacity:1;transition:opacity .4s ease;animation:audio-pulse 1.8s ease-in-out infinite}#audio-start.hidden{opacity:0;pointer-events:none;animation:none}#audio-start svg{width:28px;height:28px;fill:#ffffffe6;display:block;margin-left:3px}@keyframes audio-pulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 #fff3}50%{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 0 14px #fff0}}#dark-btn{position:fixed;bottom:24px;right:84px;width:48px;height:48px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s,transform .15s}#dark-btn:hover{background:#ffffff4d;transform:scale(1.1)}#dark-btn:active{transform:scale(.92)}#dark-btn svg{width:22px;height:22px;fill:#ffffffd9;display:block}#dark-btn .icon-sun{display:none}#dark-btn .icon-moon,body.dark-mode #dark-btn .icon-sun{display:block}body.dark-mode #dark-btn .icon-moon{display:none}#reset-btn{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .2s,transform .15s}#reset-btn:hover{background:#ffffff4d;transform:scale(1.1)}#reset-btn:active{transform:scale(.92)}#reset-btn svg{width:22px;height:22px;fill:#ffffffd9;display:block}#reset-btn.spinning svg{animation:btn-spin .5s cubic-bezier(.4,0,.2,1)}@keyframes btn-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}
