.event-bgm-header-controls{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:10px;margin-left:auto}.event-bgm-control{box-sizing:border-box;display:flex;align-items:center;gap:8px;min-height:44px;padding:5px 11px;border:1px solid rgba(30,75,66,.24);border-radius:999px;background:#fffdf7f0;box-shadow:0 3px 12px #17252014}.event-bgm-control[hidden]{display:none!important}.event-bgm-mute{display:grid;flex:0 0 auto;width:34px;height:34px;padding:5px;place-items:center;border:0;border-radius:50%;background:#e8eee8;color:var(--forest, #1e4b42);cursor:pointer}.event-bgm-mute:hover{background:#dce8de}.event-bgm-mute:focus-visible,.event-bgm-volume:focus-visible{outline:3px solid rgba(208,164,74,.8);outline-offset:3px}.event-bgm-mute svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.event-bgm-speaker{fill:currentColor;stroke:none}.event-bgm-wave{display:block}.event-bgm-mute-mark,.event-bgm-mute.is-muted .event-bgm-wave{display:none}.event-bgm-mute.is-muted .event-bgm-mute-mark{display:block}.event-bgm-volume{display:block;width:112px;height:30px;margin:0;accent-color:var(--forest, #1e4b42);cursor:pointer}@media(max-width:620px){.event-bgm-header-controls{gap:6px}.event-bgm-control{min-height:38px;gap:4px;padding:4px 7px}.event-bgm-mute{width:29px;height:29px;padding:4px}.event-bgm-mute svg{width:21px;height:21px}.event-bgm-volume{width:64px;height:26px}}.home-mascot{position:fixed;right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));z-index:15;width:144px;height:144px;padding:0;border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 2px 3px #0002)}.home-mascot img{display:block;width:100%;height:100%;object-fit:contain}.home-mascot:focus-visible{outline:2px solid #237453;border-radius:12px}@media(max-width:620px){.home-mascot{width:96px;height:96px;right:6px;bottom:max(6px,env(safe-area-inset-bottom))}}