/* One discreet portal control, independent of the game/APK opening. */
#portal-opening-music {
  position: fixed;
  z-index: 130;
  left: max(16px, env(safe-area-inset-left));
  bottom: max(16px, env(safe-area-inset-bottom));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 46px;
  min-height: 46px;
  padding: 10px 15px;
  border: 1px solid #d9b45e;
  border-radius: 24px;
  background: #102b56;
  color: #ffe6a1;
  box-shadow: inset 0 1px 0 #ffffff20, 0 4px 18px #020a2060;
  font: 700 12px var(--cr-font-ui, 'Segoe UI', sans-serif);
  line-height: 1;
  cursor: pointer;
  touch-action: manipulation;
  transition: background-color .18s, border-color .18s;
}
#portal-opening-music:hover { background: #1b4179; border-color: #ffe3a0; }
#portal-opening-music:focus-visible { outline: 3px solid #9bddff; outline-offset: 3px; }
#portal-opening-music svg { width: 21px; height: 21px; flex: none; }
#portal-opening-music .music-cross { display: none; }
#portal-opening-music[data-state='muted'] .music-cross,
#portal-opening-music[data-state='waiting'] .music-cross { display: initial; }
#portal-opening-music[data-state='muted'] .music-waves,
#portal-opening-music[data-state='waiting'] .music-waves { display: none; }
@media (max-width: 600px) {
  #portal-opening-music { left: max(12px, env(safe-area-inset-left)); bottom: max(12px, env(safe-area-inset-bottom)); padding: 11px; }
  #portal-opening-music span { display: none; }
}
@media (prefers-reduced-motion: reduce) { #portal-opening-music { transition: none; } }
/* Bankai-inspired indicator: real playback animates; silence returns to dots. */
#portal-opening-music {box-sizing:border-box;left:max(24px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));width:46px;height:46px;min-width:46px;min-height:46px;padding:0;gap:0;border-color:#d6b66b73;background:#0a1a31;color:#f5d58d;line-height:1;}
#portal-opening-music .gk-music-bars {display:flex;align-items:center;justify-content:center;gap:2px;width:22px;height:18px;}
#portal-opening-music .gk-music-bars i {display:block;flex:0 0 2px;width:2px;height:2px;min-height:2px;border-radius:2px;background:currentColor;transition:height .25s ease;}
#portal-opening-music[data-state=playing] .gk-music-bars i {animation:gk-portal-bars .85s ease-in-out infinite alternate;}
#portal-opening-music .gk-music-bars i:nth-child(2){animation-delay:-.65s;}
#portal-opening-music .gk-music-bars i:nth-child(3){animation-delay:-.3s;}
#portal-opening-music .gk-music-bars i:nth-child(4){animation-delay:-.8s;}
#portal-opening-music .gk-music-bars i:nth-child(5){animation-delay:-.15s;}
@keyframes gk-portal-bars {from{height:3px;}to{height:14px;}}
@media (prefers-reduced-motion:reduce){#portal-opening-music .gk-music-bars i{animation:none!important;transition:none;}#portal-opening-music[data-state=playing] .gk-music-bars i{height:9px;}}