/* WORLD MEDIA V3.13 — Official Brand + Icon System */
:root {
  --wm-gold-1:#fff1b0;
  --wm-gold-2:#e0b85c;
  --wm-gold-3:#8b6528;
}

.wm-icon {
  width:1.35em;
  height:1.35em;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:0 0 auto;
}

.brand-mark-image {
  padding:0 !important;
  overflow:hidden;
  background:#050608 !important;
  border:1px solid rgba(240,206,128,.48) !important;
  box-shadow:0 9px 28px rgba(0,0,0,.42),0 0 24px rgba(216,177,94,.14) !important;
}
.brand-mark-image::before,.brand-mark-image::after { display:none !important; }
.brand-mark-image img { width:100%;height:100%;display:block;object-fit:cover; }
.brand-copy strong {
  background:linear-gradient(90deg,#f5f6f8 0%,#f5f6f8 54%,#e1bd66 78%,#fff0ad 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

.mode-btn { display:inline-flex;align-items:center;justify-content:center;gap:7px; }
.mode-btn .wm-icon { width:15px;height:15px; }
.mode-btn.is-active .wm-icon { filter:drop-shadow(0 0 6px rgba(255,230,150,.28)); }
.icon-btn .wm-icon { width:21px;height:21px;margin:auto; }

.search-glyph { display:grid !important;place-items:center; }
.search-glyph .wm-icon { width:18px;height:18px; }

.player-brand-signal {
  width:88px !important;height:88px !important;
  border-radius:24px !important;overflow:hidden;
  border:1px solid rgba(230,190,98,.32);
  box-shadow:0 12px 44px rgba(0,0,0,.45),0 0 35px rgba(209,164,72,.10);
}
.player-brand-signal img { width:100%;height:100%;display:block;object-fit:cover; }

.bottom-mode-icon { display:grid !important;place-items:center; }
.bottom-mode-icon .wm-icon { width:22px;height:22px; }
.bottom-mode-btn.is-active .wm-icon { filter:drop-shadow(0 0 9px rgba(235,193,90,.34)); }

@media (max-width: 720px) {
  .brand-mark-image { width:48px !important;height:48px !important;border-radius:15px !important; }
  .brand-copy strong { font-size:12px !important;letter-spacing:.18em !important; }
  .bottom-mode-icon .wm-icon { width:23px;height:23px; }
  .mode-switch .wm-icon { width:18px;height:18px; }
  .player-brand-signal { width:76px !important;height:76px !important;border-radius:22px !important; }
}

@media (max-width: 390px) {
  .brand-mark-image { width:44px !important;height:44px !important; }
  .brand-copy strong { font-size:10.5px !important; }
}

/* v3.13.1 — Menu hotfix: V3 legacy pseudo-icon + new SVG were both visible on mobile. */
.menu-btn::before,
.menu-btn::after {
  content: none !important;
  display: none !important;
}
.menu-btn .wm-icon-menu {
  display: block;
  width: 22px;
  height: 22px;
  margin: 0 auto;
  flex: 0 0 22px;
}