.smash-container{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);width:100vw;height:100dvh;margin:0;padding:0;position:fixed;top:0;left:0;overflow:hidden}.instruction-overlay{z-index:10;pointer-events:none;animation:1s ease-in-out fadeIn;position:absolute;top:2rem;left:50%;transform:translate(-50%)}.instruction-overlay p{color:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.5px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:2rem;margin:0;padding:.75rem 1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:300}.haptics-toggle{z-index:20;color:#fff9;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:2rem;padding:.5rem 1rem;font-family:Inter,sans-serif;font-size:.9rem;transition:all .3s;position:absolute;top:2rem;right:2rem}.haptics-toggle:hover{color:#fff;background:#fff3}.haptics-toggle.active{color:#4a90e2;background:#4a90e233;border-color:#4a90e2;box-shadow:0 0 10px #4a90e233}.stats-overlay{bottom:calc(2rem + env(safe-area-inset-bottom));z-index:10;pointer-events:none;flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;animation:1.5s ease-in-out fadeIn;display:flex;position:absolute;left:50%;transform:translate(-50%)}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;align-items:center;min-width:140px;padding:1rem 2rem;display:flex}.stat-value{color:#4a90e2;text-shadow:0 0 10px #4a90e24d;font-family:Inter,monospace;font-size:1.5rem;font-weight:700}.stat-label{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin-top:.25rem;font-family:Inter,sans-serif;font-size:.75rem}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (max-width:768px){.instruction-overlay p{padding:.625rem 1.25rem;font-size:.875rem}.stats-overlay{bottom:calc(2rem + env(safe-area-inset-bottom));box-sizing:border-box;flex-wrap:nowrap;gap:.75rem;width:100%;padding:0 1rem}.stat-item{min-width:unset;background:#0006;flex:1;padding:.75rem .5rem}.stat-value{font-size:1.125rem}.stat-label{text-align:center;font-size:.6rem;line-height:1.2}.haptics-toggle{padding:.4rem .8rem;font-size:.8rem;top:1.5rem;right:1.5rem}}canvas{touch-action:none;width:100%;height:100%;display:block}