.cassette-wrapper[data-v-d1a8ee3a]{background:#08080f;height:100vh;overflow:hidden;position:relative;width:100%}.cassette-canvas[data-v-d1a8ee3a]{display:block;height:100%;width:100%}.black-overlay[data-v-d1a8ee3a]{background:#000;inset:0;opacity:0;pointer-events:none;position:absolute;z-index:10}.cassette-menu[data-v-d1a8ee3a]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08080fbf;border:1px solid rgba(233,69,96,.25);border-radius:9999px;bottom:2rem;box-shadow:0 0 40px #e945601a;display:flex;gap:.5rem;left:50%;padding:.5rem 1rem;position:absolute;transform:translate(-50%);z-index:20}.cassette-menu button[data-v-d1a8ee3a]{align-items:center;background:transparent;border:1px solid transparent;border-radius:9999px;color:#ffffff8c;cursor:pointer;display:flex;flex-direction:column;font-size:.6rem;gap:2px;letter-spacing:.05em;padding:.4rem .7rem;text-transform:uppercase;transition:all .2s ease}.cassette-menu button .icon[data-v-d1a8ee3a]{font-size:1.1rem;line-height:1}.cassette-menu button[data-v-d1a8ee3a]:hover{background:#e9456026;border-color:#e9456066;color:#fff}.cassette-menu button.active[data-v-d1a8ee3a]{background:#e945601f;border-color:#e94560;box-shadow:0 0 12px #e945604d;color:#e94560}.cassette-menu button.danger[data-v-d1a8ee3a]{color:#06b6d4}.cassette-menu button.danger[data-v-d1a8ee3a]:hover{background:#06b6d426;border-color:#06b6d466}