@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;900&family=Outfit:wght@400;700;900&display=swap";:root{--color-black:#0f0f0f;--color-white:#fafafa;--color-yellow:#ffd600;--color-red:#ff3b30;--color-blue:#0047ff;--color-gray:#eaeaea;--color-dark-gray:#222;--font-primary:"Inter", sans-serif;--font-display:"Outfit", sans-serif;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--spacing-xxl:8rem;--border-radius:0px;--border-width:4px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--color-black);color:var(--color-white);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.heading-jumbo{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.05em;font-size:clamp(3rem,10vw,8rem);font-weight:900;line-height:.9}.heading-lg{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(2rem,5vw,4rem);font-weight:900}.text-outline{-webkit-text-stroke:2px var(--color-white);color:#0000}.text-outline:hover{color:var(--color-yellow);-webkit-text-stroke:2px var(--color-yellow);transition:all .3s}.container{width:100%;max-width:1440px;padding:0 var(--spacing-lg);margin:0 auto}.flex-center{justify-content:center;align-items:center;display:flex}.btn{font-family:var(--font-display);text-transform:uppercase;background-color:var(--color-yellow);color:var(--color-black);border:var(--border-width) solid var(--color-black);cursor:pointer;box-shadow:6px 6px 0px var(--color-white);padding:1rem 2rem;font-weight:700;transition:transform .2s cubic-bezier(.25,1,.5,1),box-shadow .2s;display:inline-block}.btn:hover{box-shadow:8px 8px 0px var(--color-white);transform:translate(-2px,-2px)}.btn:active{box-shadow:2px 2px 0px var(--color-white);transform:translate(4px,4px)}.card{background-color:var(--color-white);color:var(--color-black);border:var(--border-width) solid var(--color-black);box-shadow:8px 8px 0px var(--card-shadow,var(--color-yellow));transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.card:hover{box-shadow:12px 12px 0px var(--card-shadow,var(--color-red));transform:translateY(-10px)}.navbar{padding:var(--spacing-lg) 0;z-index:100;background-color:var(--color-black);border-bottom:2px solid var(--color-dark-gray);justify-content:space-between;align-items:center;width:100%;display:flex;position:fixed;top:0;left:0;right:0}.logo img{filter:drop-shadow(0 0 10px #ffffff4d);height:40px}.nav-links{gap:var(--spacing-lg);display:flex}.nav-link{font-family:var(--font-display);text-transform:uppercase;font-size:1.2rem;font-weight:700;position:relative}.nav-link:after{content:"";background-color:var(--color-yellow);width:0%;height:4px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.section{padding:var(--spacing-xxl) 0}.section-dark{background-color:var(--color-black);color:var(--color-white)}.section-light{background-color:var(--color-gray);color:var(--color-black)}.section-accent{background-color:var(--color-blue);color:var(--color-white)}.roster-grid{gap:var(--spacing-xl);padding:var(--spacing-lg) 0;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.filter-btn{font-family:var(--font-display);text-transform:uppercase;color:var(--color-white);cursor:pointer;opacity:.5;background:0 0;border:2px solid #0000;padding:.5rem 1rem;font-size:1.5rem;font-weight:900;transition:all .2s}.filter-btn:hover{opacity:1}.filter-btn.active{opacity:1;border-bottom:4px solid var(--filter-color,var(--color-white));color:var(--filter-color,var(--color-white))}.char-card-container{background-color:var(--color-dark-gray);border:var(--border-width) solid var(--card-color,var(--color-gray));box-shadow:8px 8px 0px var(--card-shadow,var(--color-black));cursor:pointer;height:400px;color:inherit;flex-direction:column;text-decoration:none;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex;position:relative}.char-card-container:hover{box-shadow:12px 12px 0px var(--card-shadow,var(--color-black));background-color:var(--card-color,var(--color-gray));transform:translate(-4px,-4px)}.char-card-header{padding:var(--spacing-sm) var(--spacing-md);border-bottom:var(--border-width) solid var(--card-color,var(--color-gray));z-index:2;justify-content:space-between;align-items:center;transition:all .3s;display:flex}.char-card-container:hover .char-card-header{border-color:var(--color-black);color:var(--color-black)!important}.char-card-image-wrap{flex-grow:1;justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:visible}.char-card-image{object-fit:contain;filter:drop-shadow(4px 4px #000c);transform-origin:bottom;width:auto;height:110%;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.char-card-container:hover .char-card-image{transform:scale(1.15)translateY(-10px)}.char-card-reveal{background:var(--color-black);width:100%;color:var(--color-white);padding:var(--spacing-md);opacity:0;border-top:var(--border-width) solid var(--card-color,var(--color-gray));z-index:3;transition:all .3s cubic-bezier(.25,1,.5,1);position:absolute;bottom:0;left:0;transform:translateY(100%)}.char-card-container:hover .char-card-reveal{opacity:1;transform:translateY(0)}.watermark-bg{font-family:var(--font-display);color:#ffffff08;z-index:0;pointer-events:none;text-transform:uppercase;white-space:nowrap;font-size:8rem;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.split-screen{min-height:100vh;padding-top:80px;display:flex}.split-left{border-right:var(--border-width) solid var(--accent-color,var(--color-gray));background-color:var(--color-black);flex-direction:column;flex:0 0 50%;justify-content:center;align-items:center;height:calc(100vh - 80px);display:flex;position:sticky;top:80px;overflow:hidden}.split-right{padding:var(--spacing-xl);color:var(--color-white);background-color:#111;flex:0 0 50%}.marquee-container{background:var(--accent-color,var(--color-yellow));width:100%;color:var(--color-black);border-top:var(--border-width) solid var(--color-black);border-bottom:var(--border-width) solid var(--color-black);z-index:10;padding:.5rem 0;position:absolute;top:10%;overflow:hidden;transform:rotate(-2deg)scale(1.1)}.marquee-content{white-space:nowrap;font-family:var(--font-display);text-transform:uppercase;font-size:2rem;font-weight:900;animation:15s linear infinite marquee;display:flex}.marquee-content span{padding:0 2rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=992px){.split-screen{flex-direction:column}.split-left{border-right:none;border-bottom:var(--border-width) solid var(--accent-color,var(--color-gray));height:60vh;position:relative;top:0}}.compartment{margin-bottom:var(--spacing-xl);border:var(--border-width) solid var(--accent-color,var(--color-gray));background-color:var(--color-black);box-shadow:12px 12px 0px var(--accent-color,var(--color-gray))}.compartment-header{padding:var(--spacing-md);background-color:var(--accent-color,var(--color-gray));color:var(--color-black);border-bottom:var(--border-width) solid var(--color-black)}.compartment-header h3{font-family:var(--font-display);text-transform:uppercase;font-size:1.5rem;font-weight:900}.compartment-body{padding:var(--spacing-lg);font-size:1.1rem}.index-item{font-family:var(--font-display);text-transform:uppercase;color:#0000;-webkit-text-stroke:2px var(--color-white);padding:var(--spacing-sm) 0;border-bottom:2px solid var(--color-dark-gray);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(3rem,6vw,6rem);font-weight:900;line-height:1.1;transition:all .2s cubic-bezier(.25,1,.5,1);overflow:hidden}.index-item:hover,.index-item.active{color:var(--hover-color,var(--color-white));-webkit-text-stroke:2px var(--hover-color,var(--color-white));padding-left:var(--spacing-md);background-color:#ffffff0d}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.glass-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #000c, 0 0 20px var(--hover-color,#ffffff1a)!important;border-color:#fff3!important}.glass-card:hover .glass-gradient{opacity:.8!important}.glass-card:hover .glass-subtitle{transition:all .3s;transform:translate(4px);opacity:1!important}.card:hover .fandom-image{opacity:.8!important}.card:hover .main-image{opacity:0!important}