.ax-platform-shortcut{color:inherit;text-decoration:none;font-weight:700}
.ax-platform-shortcut--heading{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:62px;min-height:74px;padding:8px 5px;border:1px solid var(--ax-border-strong,#35442a);border-radius:16px;background:var(--ax-bg-secondary,#10180e);box-shadow:var(--ax-shadow-card,0 5px 18px #0003);font-size:10px;line-height:1.2;text-align:center;transition:border-color .18s,box-shadow .18s}
.ax-platform-shortcut--heading:hover{border-color:var(--ax-accent,#a5e522);box-shadow:0 0 0 1px var(--ax-accent,#a5e522),0 5px 18px #0003}
.ax-platform-slide{position:relative;display:block;flex:none;width:36px;height:36px;overflow:hidden;border-radius:10px}
.ax-platform-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:10px;pointer-events:none}
.ax-platform-slide__current{transform:translateY(0)}
.ax-platform-slide__next{transform:translateY(115%)}
.ax-platform-slide.is-sliding img{transition:transform .42s cubic-bezier(.22,.7,.24,1)}
.ax-platform-slide.is-sliding .ax-platform-slide__current{transform:translateY(-115%)}
.ax-platform-slide.is-sliding .ax-platform-slide__next{transform:translateY(0)}
.ax-platform-shortcut:focus-visible{outline:2px solid var(--ax-accent,#a5e522);outline-offset:4px}
.ax-menu__panel .ax-platform-shortcut--menu{display:flex;align-items:center;gap:12px;margin-top:4px;padding:12px 14px;border-top:1px solid var(--ax-border-soft,#35442a);font-size:14px}
.ax-platform-shortcut--menu .ax-platform-slide{width:30px;height:30px;border-radius:8px}
@media(max-width:1023px){.ax-menu__panel{max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}}
@media(prefers-reduced-motion:reduce){.ax-platform-slide.is-sliding img,.ax-platform-shortcut--heading{transition:none}}

.ax-drama-heading-line{display:flex;align-items:center;gap:20px}.ax-drama-heading .ax-drama-heading-line h1{margin:0;min-width:0}
@media(max-width:640px){.ax-drama-heading-line{gap:12px}.ax-platform-shortcut--heading{width:54px;min-height:66px;font-size:9px}.ax-platform-shortcut--heading .ax-platform-slide{width:32px;height:32px}}

/* Full platform list is available on the dedicated directory page. */
#ax-drama #drama-platforms{display:none!important}

/* Platform shortcut aligned to the right of the drama heading. */
.ax-drama-heading>div:first-child{flex:1;min-width:0;width:100%}.ax-drama-heading-line{width:100%}.ax-drama-heading-line>.ax-platform-shortcut--heading{margin-left:auto}
