.franchise-page{width:min(100% - (var(--space-8) * 2), var(--width-content));padding-block:var(--space-8) var(--space-16);gap:var(--space-10);margin-inline:auto;display:grid}.franchise-page section{border:1px solid var(--border-subtle);background:var(--surface-hud);overflow:hidden}.franchise-page section>header{justify-content:space-between;align-items:flex-end;gap:var(--space-6);padding:var(--space-6);border-bottom:1px solid var(--border-subtle);display:flex}.franchise-page section>header>div{gap:var(--space-2);display:grid}.franchise-page section>header h2{font-size:var(--text-2xl);text-transform:uppercase}.franchise-page section>header p{max-width:48rem;color:var(--text-secondary)}.franchise-page section>header>span{color:var(--accent-secondary);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em}.franchise-hero{align-items:end;gap:var(--space-8);min-height:37rem;padding:var(--space-12);clip-path:polygon(0 0, calc(100% - var(--cut-corner)) 0, 100% var(--cut-corner), 100% 100%, var(--cut-corner) 100%, 0 calc(100% - var(--cut-corner)));grid-template-columns:minmax(0,1fr) auto;display:grid;position:relative}.franchise-hero:after{content:"";background:var(--gradient-brand);height:2px;box-shadow:0 0 22px var(--accent-primary);position:absolute;inset:0 8% auto}.franchise-hero-art,.franchise-hero-shade{position:absolute;inset:0}.franchise-hero-art{filter:saturate(.9)brightness(.64);background-position:50%;background-size:cover;transform:scale(1.01)}.franchise-hero-shade{background:linear-gradient(90deg, color-mix(in srgb, var(--surface-screen) 98%, transparent) 0%, color-mix(in srgb, var(--surface-screen) 88%, transparent) 38%, color-mix(in srgb, var(--surface-screen) 18%, transparent) 82%), linear-gradient(0deg, var(--surface-screen), transparent 58%)}.franchise-hero-copy,.franchise-rank-core{z-index:1;position:relative}.franchise-hero-copy{justify-items:start;gap:var(--space-3);display:grid}.franchise-hero-copy h1{text-transform:uppercase;max-width:13ch;text-shadow:0 4px 28px var(--surface-screen);font-size:clamp(3rem,8vw,7rem);line-height:.84}.franchise-hero-copy>p{max-width:46rem;color:var(--text-secondary);font-size:var(--text-lg);line-height:1.6}.franchise-rank-core{aspect-ratio:1;align-content:center;place-items:center;gap:var(--space-1);border:1px solid var(--accent-victory);background:color-mix(in srgb, var(--surface-screen) 88%, transparent);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:11rem;display:grid}.franchise-rank-core span,.franchise-rank-core small{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);text-align:center;text-transform:uppercase}.franchise-rank-core strong{color:var(--accent-victory);font-family:var(--font-display);text-shadow:0 0 16px var(--accent-victory);font-size:3rem}.franchise-stats{grid-template-columns:repeat(4,1fr);display:grid}.franchise-stats>div{align-content:center;gap:var(--space-2);min-height:9rem;padding:var(--space-5);border-right:1px solid var(--border-subtle);display:grid}.franchise-stats>div:last-child{border-right:0}.franchise-stats span{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase}.franchise-stats strong{font-family:var(--font-display);font-size:var(--text-2xl)}.franchise-stats [data-accent=true] strong{color:var(--accent-secondary)}.franchise-timeline ol{padding:var(--space-7) var(--space-6);scrollbar-color:var(--accent-secondary) var(--surface-screen);gap:0;margin:0;list-style:none;display:flex;overflow-x:auto}.franchise-timeline li{flex:0 0 12rem}.franchise-timeline a{color:var(--text-primary);grid-template-rows:auto 2rem auto;display:grid}.franchise-timeline a>span{color:var(--accent-victory);font-family:var(--font-display);font-size:var(--text-xl)}.franchise-timeline i{border-bottom:1px solid var(--border-strong);display:block;position:relative}.franchise-timeline i:after{content:"";aspect-ratio:1;border:1px solid var(--accent-secondary);background:var(--surface-screen);width:.65rem;box-shadow:0 0 12px var(--accent-secondary);position:absolute;bottom:-.32rem;left:0;rotate:45deg}.franchise-timeline strong{padding-top:var(--space-3);font-family:var(--font-display);font-size:var(--text-sm);text-transform:uppercase}.franchise-timeline a:hover strong{color:var(--accent-secondary)}.franchise-game-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));display:grid}.franchise-game-grid>a{border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);min-height:19rem;color:var(--text-primary);align-items:end;display:grid;position:relative;overflow:hidden}.franchise-game-grid>a:last-child{border-right:0}.franchise-game-art{filter:saturate(.8)brightness(.62);transition:transform var(--duration-medium) var(--ease-standard), filter var(--duration-medium) var(--ease-standard);background-position:50%;background-size:cover;position:absolute;inset:0}.franchise-game-grid>a:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--surface-screen) 96%, transparent) 0%, color-mix(in srgb, var(--surface-screen) 72%, transparent) 52%, transparent 100%);position:absolute;inset:0}.franchise-game-copy{z-index:1;gap:var(--space-2);padding:var(--space-6);display:grid;position:relative}.franchise-game-copy>small{color:var(--accent-secondary);font-family:var(--font-mono);font-size:var(--text-2xs)}.franchise-game-copy>strong{max-width:15ch;font-family:var(--font-display);font-size:var(--text-2xl);text-transform:uppercase;line-height:1}.franchise-game-copy>span{justify-content:space-between;gap:var(--space-4);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-2xs);display:flex}.franchise-game-copy em{color:var(--accent-victory);font-style:normal}.franchise-game-copy b{color:var(--text-secondary);font-weight:400}.franchise-game-grid>a:hover .franchise-game-art{filter:saturate()brightness(.76);transform:scale(1.04)}.franchise-empty{padding:var(--space-10);color:var(--text-secondary)}.franchise-lower-grid{gap:var(--space-8);grid-template-columns:1.35fr .65fr;display:grid}.franchise-songs ol,.franchise-composers ol{margin:0;padding:0;list-style:none}.franchise-songs li,.franchise-composers li{border-bottom:1px solid var(--border-subtle)}.franchise-songs li:last-child,.franchise-composers li:last-child{border-bottom:0}.franchise-songs li a{align-items:center;gap:var(--space-4);min-height:5.5rem;padding:var(--space-4) var(--space-5);color:var(--text-primary);grid-template-columns:2.5rem minmax(0,1fr) 5rem auto;display:grid}.franchise-songs li a>span:first-child,.franchise-composers li a>span:first-child{color:var(--text-muted);font-family:var(--font-mono)}.franchise-songs li a>span:nth-child(2),.franchise-songs li a>span:nth-child(3){gap:var(--space-1);display:grid}.franchise-songs small,.franchise-composers small{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);text-transform:uppercase}.franchise-songs em,.franchise-composers em{color:var(--accent-secondary);font-family:var(--font-mono);font-size:var(--text-2xs);font-style:normal}.franchise-songs a:hover,.franchise-composers a:hover{background:linear-gradient(90deg, var(--surface-cyan-soft), var(--surface-accent-soft))}.franchise-composers li a{align-items:center;gap:var(--space-3);min-height:5.5rem;padding:var(--space-4) var(--space-5);color:var(--text-primary);grid-template-columns:2rem minmax(0,1fr) auto;display:grid}.franchise-composers li a>small{grid-column:2}.franchise-composers li a>em{grid-area:1/3/span 2}@media (max-width:980px){.franchise-lower-grid{grid-template-columns:1fr}}@media (max-width:700px){.franchise-page{width:calc(100% - (var(--space-4) * 2));padding-top:var(--space-6)}.franchise-hero{min-height:34rem;padding:var(--space-8) var(--space-5);grid-template-columns:1fr}.franchise-hero-copy h1{font-size:var(--text-3xl)}.franchise-rank-core{width:8.5rem}.franchise-stats{grid-template-columns:repeat(2,1fr)}.franchise-stats>div:nth-child(2){border-right:0}.franchise-page section>header{padding:var(--space-5);flex-direction:column;align-items:flex-start}.franchise-game-grid{grid-template-columns:1fr}.franchise-game-grid>a{border-right:0!important}}@media (max-width:480px){.franchise-stats{grid-template-columns:1fr}.franchise-stats>div{border-right:0;border-bottom:1px solid var(--border-subtle)}.franchise-songs li a{grid-template-columns:2rem minmax(0,1fr) auto}.franchise-songs li a>span:nth-child(3){display:none}}@media (prefers-reduced-motion:reduce){.franchise-game-art{transition:none}}