.universe-main .comic-deck{margin:26px 0 32px;min-width:0}
.universe-main .comic-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#8465ad #17112f;padding:2px 2px 16px;overscroll-behavior-x:contain;scroll-padding-inline:2px}
.universe-main .utility-comic-panel{flex:0 0 min(360px,86vw);margin:0;scroll-snap-align:start;scroll-snap-stop:always;min-width:0}
.universe-main .utility-comic-panel img{display:block;width:100%;height:auto;border:0;background:none;border-radius:18px}
.universe-main .comic-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px;color:#b9b2d3;font:500 15px/1.5 DenSans,Arial,sans-serif}
.universe-main .comic-controls button{min-height:44px;min-width:82px;border:1px solid #8465ad;border-radius:24px;padding:8px 18px;background:#211939;color:#f5f2ff;font:600 15px/1.5 DenSans,Arial,sans-serif;cursor:pointer}
.universe-main .comic-controls button:hover{background:#403452}
.universe-main .comic-controls button:focus-visible,.universe-main .comic-track:focus-visible{outline:3px solid #16ddd4;outline-offset:4px}
.universe-main .comic-track:focus-visible{border-radius:18px}
.universe-main .comic-counter{margin-left:auto;font-variant-numeric:tabular-nums}
@media(min-width:1100px){.universe-main .utility-comic-panel{flex-basis:360px}}
@media(max-width:360px){.universe-main .utility-comic-panel{flex-basis:86vw}.universe-main .comic-controls{gap:8px}}
@media(prefers-reduced-motion:reduce){.universe-main .comic-track{scroll-behavior:auto}}