*{box-sizing:border-box}html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#2b2140;height:100%;margin:0;font-family:-apple-system,Avenir Next,system-ui,sans-serif;overflow:hidden}.app{width:100vw;height:100vh;position:relative}.stage{flex-direction:column;justify-content:center;align-items:center;gap:4vh;width:100%;height:100%;padding:4vh 2vw;display:flex}.grid{flex-wrap:nowrap;justify-content:center;align-items:flex-end;gap:min(3vw,24px);width:100%;display:flex}.tile{appearance:none;cursor:pointer;aspect-ratio:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex:1 1 0;max-width:220px;padding:0}.tile img{filter:drop-shadow(0 8px 16px #00000059);width:100%;height:100%;transition:filter .15s;animation:3.2s ease-in-out infinite breathe;display:block}.tile:nth-child(2) img{animation-delay:.4s}.tile:nth-child(3) img{animation-delay:.8s}.tile:nth-child(4) img{animation-delay:1.2s}.tile:nth-child(5) img{animation-delay:1.6s}.tile:active img{transform:scale(.94)}.tile.active img{filter:drop-shadow(0 0 22px #ffffff8c);animation:.5s ease-in-out infinite bob}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes bob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6%)scale(1.06)}}.controls{background:#ffffff14;border-radius:999px;align-items:center;gap:24px;padding:16px 24px;display:flex}.volume-slider{accent-color:#ff6b6b;width:min(40vw,220px);height:36px}.toggle-all-button{appearance:none;color:#fff;cursor:pointer;touch-action:manipulation;background:#2a9d8f;border:none;border-radius:999px;padding:18px 36px;font-size:1.3rem;font-weight:700}.toggle-all-button.playing{background:#e63946}.start-screen{z-index:10;background:#2b2140;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.start-button{appearance:none;color:#2b2140;cursor:pointer;touch-action:manipulation;background:#f4a261;border:none;border-radius:999px;padding:28px 56px;font-size:2rem;font-weight:800;box-shadow:0 12px #c97f43}.start-button:active{transform:translateY(6px);box-shadow:0 6px #c97f43}.start-button:disabled{opacity:.6}