/* B101 R13: depth is decorative. Button geometry, words and focus stay fixed. */
body.r13-menu-fx .r25r36-arena-card,
body.r13-menu-fx .r25r36-arena-card:hover,
body.r13-menu-fx .r25r36-arena-card:focus-visible,
body.r13-menu-fx .r25r36-arena-card.is-selected { transform: none; }
body.r13-menu-fx .r25r36-arena-card-media { perspective: 600px; }
body.r13-menu-fx .r25r36-arena-card-image {
  transform: perspective(600px) rotateX(0deg) scale(1.025);
  transform-origin: 50% 78%;
  transition: filter 180ms ease, transform 220ms ease;
}
body.r13-menu-motion .r25r36-arena-card:is(.is-selected,:focus-visible) .r25r36-arena-card-image {
  transform: perspective(600px) rotateX(calc(5deg * var(--r13-menu-intensity,.85))) scale(1.045) translateY(-2px);
}
body.r13-menu-fx .r25r36-arena-card-media::after {
  background: linear-gradient(180deg,rgba(255,236,190,.035),transparent 27%,rgba(1,5,13,.82) 100%);
  box-shadow: inset 0 1px rgba(248,231,190,.22),inset 0 -7px rgba(0,0,0,.52),inset 0 -8px rgba(244,208,132,.11);
}
body.r13-menu-light .r25r36-arena-card:is(.is-selected,:focus-visible) .r25r36-arena-card-media::after {
  background: linear-gradient(115deg,rgba(225,190,122,calc(.13 * var(--r13-menu-intensity,.85))),transparent 44%),linear-gradient(180deg,transparent 35%,rgba(1,5,13,.88) 100%);
  box-shadow: inset 0 1px rgba(248,231,190,.6),inset 0 -7px rgba(0,0,0,.62),inset 0 -8px rgba(244,208,132,.46);
}
body.r13-menu-fx :is(#pack185SettingsHub,#pack182GfxPanel,#r25CharacterEncyclopedia,#r25r22OnlineHub,#r25r23CouchHub,#r54-experience-hub) {
  border-top-color: rgba(224,199,148,calc(.48 * var(--r13-menu-intensity,.85)));
  box-shadow: 0 22px 70px rgba(0,0,0,.58),inset 0 1px rgba(247,222,166,calc(.12 * var(--r13-menu-intensity,.85))),inset 0 -2px rgba(0,0,0,.4);
}
body.r13-menu-motion :is(#pack185SettingsHub,#pack182GfxPanel,#r25CharacterEncyclopedia,#r25r22OnlineHub,#r25r23CouchHub,#r54-experience-hub):not([hidden]):not([aria-hidden="true"]) {
  animation: r13-panel-arrive 160ms ease-out both;
}
body.r13-menu-fx :is(#pack185SettingsHub,#pack182GfxPanel,#r25CharacterEncyclopedia,#r25r22OnlineHub,#r25r23CouchHub,#r54-experience-hub) button {
  box-shadow: inset 0 1px rgba(255,238,198,.07),inset 0 -2px rgba(0,0,0,.28);
}
body.r13-menu-fx :is(#pack185SettingsHub,#pack182GfxPanel,#r25CharacterEncyclopedia,#r25r22OnlineHub,#r25r23CouchHub,#r54-experience-hub) button:focus-visible {
  outline: 2px solid #ebd09a;
  outline-offset: 3px;
}
@keyframes r13-panel-arrive { from { opacity: .6; } to { opacity: 1; } }
@media (prefers-reduced-motion:reduce) {
  body.r13-menu-fx .r25r36-arena-card-image { transition:none;transform:none!important; }
  body.r13-menu-fx :is(#pack185SettingsHub,#pack182GfxPanel,#r25CharacterEncyclopedia,#r25r22OnlineHub,#r25r23CouchHub,#r54-experience-hub) { animation:none!important; }
}
/* R14: put the material on the visible window, not its fullscreen backdrop. */
html[data-sejm-interface] body.r13-menu-fx :is(#pack185SettingsHub,#pack182GfxPanel,#r25CharacterEncyclopedia,#r25r22OnlineHub,#r25r23CouchHub,#r54-experience-hub) :is(.sk-b55-modal-window,.p182-window,.window,.r25-encyclopedia-dialog) {
  border-color: rgba(204,177,122,.56)!important;
  box-shadow: 0 24px 64px rgba(0,0,0,.65),inset 0 2px rgba(250,223,166,calc(.54 * var(--r13-menu-intensity,.85))),inset 0 -5px rgba(0,0,0,.5)!important;
}
html[data-sejm-interface] body.r13-menu-fx :is(#pack185SettingsHub,#pack182GfxPanel,#r25CharacterEncyclopedia,#r25r22OnlineHub,#r25r23CouchHub,#r54-experience-hub) button {
  transition: border-color 140ms ease,box-shadow 140ms ease,background-color 140ms ease;
}
html[data-sejm-interface] body.r13-menu-light :is(#pack185SettingsHub,#pack182GfxPanel,#r25CharacterEncyclopedia,#r25r22OnlineHub,#r25r23CouchHub,#r54-experience-hub) button:is(:hover,:focus-visible,.active,[aria-pressed="true"]) {
  box-shadow: inset 0 2px rgba(255,232,174,calc(.58 * var(--r13-menu-intensity,.85))),inset 0 -3px rgba(0,0,0,.4),0 0 0 1px rgba(226,193,124,.36)!important;
  border-color: rgba(232,201,140,.76)!important;
}
html[data-sejm-interface] body.r13-menu-fx :is(#pack185SettingsHub,#pack182GfxPanel,#r25CharacterEncyclopedia,#r25r22OnlineHub,#r25r23CouchHub,#r54-experience-hub) button:active {
  box-shadow: inset 0 2px 7px rgba(0,0,0,.7),inset 0 -1px rgba(244,216,166,.42)!important;
}
html[data-sejm-interface] body.r13-menu-fx:not(.r13-menu-motion) :is(#pack185SettingsHub,#pack182GfxPanel,#r25CharacterEncyclopedia,#r25r22OnlineHub,#r25r23CouchHub,#r54-experience-hub) button { transition:none; }