/* Category scenes stay paused until the shared viewport controller enables them. */
.category-hub.category-browser{padding:26px;background:radial-gradient(ellipse at 4% 0,#f1c9770e,transparent 50%),#11151f;border:1px solid #f1c97735;border-radius:21px;margin:30px 0}
.category-hub .category-hub-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}
.category-hub .category-hub-head .eyebrow{font-size:9px;letter-spacing:.14em;margin:0 0 9px}
.category-hub .category-hub-head h2{font-size:clamp(25px,3vw,34px);margin:0;line-height:1.15}
.category-hub .category-hub-note{max-width:230px;font-size:11px;color:#aab0bf;margin:0;text-align:right}
.category-hub .genre-grid.category-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.category-hub .genre-tile.category-tile{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:0;min-width:0;padding:11px 10px 16px;border:1px solid #61516b70;border-radius:15px;background:radial-gradient(ellipse at 50% 22%,#68537923,transparent 73%),linear-gradient(135deg,#1e1c2b,#161a25);box-shadow:2px 3px 0 #34273560;position:relative;perspective:850px;text-align:center;overflow:visible}
.category-hub .category-tile .category-art{display:block;position:relative;width:100%;height:112px;min-width:0;flex-shrink:0;animation:none;transform:none;translate:none;rotate:none;text-shadow:none;isolation:isolate}
.category-hub .category-art::before{content:none;animation:none}
.category-hub .category-art svg{height:100%;width:100%;max-width:170px;overflow:visible;transform:perspective(800px) rotateX(3deg) rotateY(-5deg);animation:category-scene-depth 10s ease-in-out infinite;animation-delay:var(--cinema-motion-phase,0s);animation-play-state:paused}
.category-hub .category-object{transform-box:fill-box;transform-origin:center;animation:category-object-float 8s ease-in-out infinite;animation-delay:var(--cinema-motion-phase,0s);animation-play-state:paused}
.category-hub .category-second{animation-delay:calc(var(--cinema-motion-phase,0s) - 3s)}
.category-hub .category-spin{transform-box:fill-box;transform-origin:center;animation:category-compass-turn 12s ease-in-out infinite;animation-play-state:paused}
.category-hub .category-spark,.category-hub .category-flame{animation:category-spark-light 7s ease-in-out infinite;animation-delay:var(--cinema-motion-phase,0s);animation-play-state:paused}
.category-hub .category-ground{animation:category-ground-light 9s ease-in-out infinite;animation-delay:var(--cinema-motion-phase,0s);animation-play-state:paused}
.category-hub .category-tile.cinema-live svg,.category-hub .category-tile.cinema-live .category-object,.category-hub .category-tile.cinema-live .category-spin,.category-hub .category-tile.cinema-live .category-spark,.category-hub .category-tile.cinema-live .category-flame,.category-hub .category-tile.cinema-live .category-ground{animation-play-state:running}
.category-hub .category-caption{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;min-width:0;position:relative;z-index:2}
.category-hub .category-caption strong{display:block;font-size:13px;font-weight:700;color:#f5eddf;line-height:1.3;overflow-wrap:anywhere;min-height:2.6em;text-wrap:balance;max-width:100%}
.category-hub .category-caption small{font-size:10px;line-height:1.3;color:#aab0bf;overflow-wrap:anywhere}
.category-hub .category-tile[aria-current=page]{border-color:#f1c977;background:radial-gradient(ellipse at 50% 18%,#f1c97724,transparent 75%),#24212d}
.category-hub .category-tile:hover,.category-hub .category-tile:focus-visible{border-color:#f1c977;box-shadow:3px 4px 0 #71524c70,0 0 19px #f1c97712}
.category-hub .category-tile:focus-visible{outline:3px solid #f1c977;outline-offset:3px}
.category-hub .category-more{margin-top:20px;border-top:1px solid #f1c9772b;padding-top:17px}
.category-hub .category-more>summary{display:flex;justify-content:space-between;align-items:center;gap:15px;list-style:none;border:1px solid #a183524f;border-radius:11px;padding:12px 16px;background:linear-gradient(120deg,#312630,#1e1d2a);font-size:13px;font-weight:700;color:#f1c977;cursor:pointer;min-height:46px}
.category-hub .category-more>summary::-webkit-details-marker{display:none}
.category-hub .category-more>summary:focus-visible{outline:3px solid #f1c977;outline-offset:3px}
.category-hub .category-more-arrow{font-size:20px;line-height:1;transition:transform .2s}
.category-hub .category-more[open] .category-more-arrow{transform:rotate(180deg)}
.category-hub .category-group{margin:27px 0 0}
.category-hub .category-group h3{display:flex;align-items:center;gap:10px;margin:0 0 15px;font-size:17px;line-height:1.3;color:#eadfcf}
.category-hub .category-group h3 small{font-size:10px;border:1px solid #f1c97740;border-radius:20px;padding:3px 8px;color:#c8b998;font-weight:400}
@keyframes category-scene-depth{0%,100%{transform:perspective(800px) rotateX(3deg) rotateY(-7deg)}50%{transform:perspective(800px) rotateX(-4deg) rotateY(8deg)}}
@keyframes category-object-float{0%,100%{translate:0 0}50%{translate:0 -6px}}
@keyframes category-compass-turn{0%,100%{rotate:0deg}35%{rotate:28deg}68%{rotate:-20deg}}
@keyframes category-spark-light{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes category-ground-light{0%,100%{opacity:.6}50%{opacity:1}}
@media(max-width:900px) and (min-width:601px){.category-hub .genre-grid.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.category-hub.category-browser{padding:18px 13px;border-radius:17px;margin:25px 0}.category-hub .category-hub-head{display:block;margin-bottom:17px}.category-hub .category-hub-head h2{font-size:25px}.category-hub .category-hub-note{max-width:none;text-align:left;font-size:10px;margin-top:11px}.category-hub .genre-grid.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.category-hub .genre-tile.category-tile{padding:8px 8px 14px;border-radius:13px}.category-hub .category-tile .category-art{height:99px}.category-hub .category-caption strong{font-size:12px;min-height:2.6em}.category-hub .category-caption small{font-size:9px}.category-hub .category-group h3{font-size:15px}.category-hub .category-more>summary{font-size:12px;padding:12px 13px}.category-hub .category-more{margin-top:16px;padding-top:14px}}
@media(prefers-reduced-motion:reduce){.category-hub .category-art svg,.category-hub .category-art *,.category-hub .category-more-arrow{animation:none!important;transition:none!important}.category-hub .category-art svg{transform:none}.category-hub .category-object{translate:none}.category-hub .category-spin{rotate:none}}
.category-catalog-link{display:inline-block;margin-top:8px;color:#f1c977;text-decoration:underline;text-underline-offset:3px}.category-catalog-link:hover{color:#fff}.category-catalog-link:focus-visible{outline:3px solid #f1c977;outline-offset:4px;border-radius:2px}