.character-header{display:flex;gap:2rem;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:16px;border:1px solid #3a3a3a;position:relative;transition:all .3s ease}.character-header:hover{transform:translateY(-2px);border-color:#c0c0c04d}.character-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--sab-calm-red),var(--sab-blue-silver),var(--sab-calm-blue))}.character-portrait{flex-shrink:0;position:relative}.character-portrait img{width:150px;height:200px;object-fit:cover;border-radius:12px;border:2px solid var(--sab-blue-silver);display:block;box-shadow:0 4px 16px #0000004d;transition:all .3s ease}.character-portrait img:hover{border-color:var(--sab-calm-red);transform:scale(1.02)}.character-details{flex:1;display:flex;flex-direction:column;justify-content:center}.character-title{font-size:2.5rem;font-weight:700;margin:0 0 1rem;background:linear-gradient(135deg,silver,#c26b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.5);line-height:1.2}.character-navigation{margin-bottom:3rem;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:16px;padding:1rem;border:1px solid #3a3a3a}.nav-scroll{display:flex;gap:1rem;overflow-x:auto;padding:.5rem;scrollbar-width:thin;scrollbar-color:var(--sab-calm-red) transparent}.nav-scroll::-webkit-scrollbar{height:6px}.nav-scroll::-webkit-scrollbar-track{background:transparent}.nav-scroll::-webkit-scrollbar-thumb{background:var(--sab-calm-red);border-radius:3px}.char-nav-link{flex-shrink:0;padding:.75rem 1.5rem;background:#2c2c2c;color:#e0e0e0;text-decoration:none;border-radius:8px;border:1px solid #4f4f4f;transition:all .3s ease;white-space:nowrap;font-weight:500;text-align:center;min-width:120px;font-family:Space Grotesk,sans-serif}.char-nav-link:hover{background:#3a3a3a;color:#fff;border-color:silver;transform:translateY(-1px)}.char-nav-link.active{background:var(--sab-calm-red);color:#fff;border-color:var(--sab-calm-red)}.gallery-section{margin-bottom:4rem}.gallery-section-title{font-size:2rem;font-weight:700;margin-bottom:2rem;padding-bottom:.8rem;border-bottom:3px solid var(--sab-calm-red);text-align:center;background:linear-gradient(135deg,silver,#c26b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.gallery-section-title:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--sab-calm-blue),var(--sab-calm-red))}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem;max-width:1000px;margin-left:auto;margin-right:auto;padding:0 1rem}.gallery-card{background:#1a1a1a;border-radius:12px;overflow:hidden;transition:transform .2s ease;position:relative;box-shadow:0 4px 12px #0006;cursor:pointer}.gallery-card:hover{transform:translateY(-3px)}.gallery-media-container{position:relative;width:100%;height:320px;min-height:320px;overflow:hidden;cursor:pointer;touch-action:manipulation}.character-image,.gallery-video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.video-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.video-card:hover .video-overlay{opacity:1}.play-button{cursor:pointer;transition:transform .2s ease}.play-button:hover{transform:scale(1.1)}.inline-image-player{width:100%;background:#000;border-radius:0 0 12px 12px;overflow:hidden;position:relative}.inline-image{width:100%;height:auto;display:block;max-height:80vh;object-fit:contain}.inline-video-player{width:100%;background:#000;border-radius:0 0 12px 12px;overflow:hidden;position:relative}.inline-video{width:100%;height:auto;display:block;max-height:70vh}.image-controls,.video-controls{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:1rem;z-index:100;pointer-events:none}.close-image-btn,.close-video-btn{background:#000c;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease;pointer-events:auto;border:2px solid rgba(255,255,255,.2)}.close-image-btn:hover,.close-video-btn:hover{background:#c26b6be6;border-color:#fff6}.image-title,.video-title{color:#fff;font-weight:500;text-shadow:2px 2px 4px rgba(0,0,0,.8);background:#0009;padding:.5rem 1rem;border-radius:20px;pointer-events:auto}.gallery-card.expanded{grid-column:1 / -1;max-width:none;transition:all .3s ease}.gallery-card.expanded .gallery-media-container{display:none}.gallery-item-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;font-size:1.2rem;font-weight:600;text-align:center;padding:2rem 1rem 1rem;margin:0;z-index:2;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.character-gallery-section{padding:2rem 0}.gallery-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;background:linear-gradient(135deg,silver,#c26b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.gallery-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,var(--sab-calm-blue),var(--sab-calm-red));border-radius:2px}.media-preview-section{margin-bottom:3rem;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:16px;border:1px solid #3a3a3a;overflow:hidden;box-shadow:0 8px 32px #0000004d;position:relative;z-index:10;touch-action:pan-y;-webkit-overflow-scrolling:touch}.preview-container{position:relative;width:100%}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:#2a2a2a80;border-bottom:1px solid #3a3a3a}.preview-title{font-size:1.5rem;font-weight:600;color:var(--sab-blue-silver);margin:0}.close-preview-btn{background:#000c;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease;border:2px solid rgba(255,255,255,.2)}.close-preview-btn:hover{background:#c26b6be6;border-color:#fff6}.preview-content{padding:2rem;display:flex;justify-content:center;align-items:center;min-height:300px;background:#000}.preview-media-image,.preview-media-video{max-width:100%;max-height:70vh;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 4px 20px #00000080}.preview-modal{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000e6;display:none;justify-content:center;align-items:center;z-index:10000;opacity:0;transition:opacity .3s ease}.preview-modal.active{opacity:1}.preview-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.preview-content{position:relative;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:16px;overflow:hidden;border:1px solid #3a3a3a;transform:scale(.8);transition:transform .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;width:fit-content;height:fit-content}.preview-modal.active .preview-content{transform:scale(1)}.preview-close{position:absolute;top:15px;right:20px;background:#000000b3;color:#fff;border:none;font-size:2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;z-index:10001;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.preview-close:hover{background:#c26b6bb3}.preview-media{position:relative;width:fit-content;height:fit-content;padding:1rem;display:flex;align-items:center;justify-content:center}.preview-image,.preview-video{width:auto;height:auto;max-height:80vh;max-width:90vw;object-fit:contain;display:block;border-radius:8px}.preview-info{padding:1.5rem;background:#2a2a2a80;text-align:center;width:100%}.preview-info h3{margin:0;color:var(--sab-blue-silver);font-size:1.5rem;font-weight:600}@media (max-width: 768px){.character-header{flex-direction:column;text-align:center;padding:1.5rem;margin-bottom:2rem;gap:1rem}.character-portrait img{width:100px;height:133px;margin:0 auto}.character-title{font-size:1.8rem;margin-bottom:.5rem}.gallery-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.nav-scroll{gap:.5rem;padding:.5rem 1rem}.char-nav-link{padding:.5rem 1rem;font-size:.85rem;min-width:80px}.character-navigation{margin-bottom:2rem}.gallery-media-container{height:300px;min-height:300px}.gallery-item-name{font-size:1.1rem;padding:1.5rem .8rem .8rem}.gallery-section-title{font-size:1.5rem}.preview-close{width:50px;height:50px;font-size:2rem;top:.5rem;right:.5rem}.inline-image{max-height:60vh}.inline-video{max-height:50vh}.image-controls,.video-controls{top:.5rem;right:.5rem;gap:.5rem}.close-image-btn,.close-video-btn{width:35px;height:35px}.image-title,.video-title{font-size:.9rem;padding:.3rem .8rem}.media-preview-section{margin-bottom:2rem}.preview-header{padding:1rem 1.5rem;flex-direction:column;gap:1rem;text-align:center}.preview-title{font-size:1.2rem}.close-preview-btn{width:35px;height:35px}.preview-content{padding:1rem}.preview-media-image,.preview-media-video{max-height:50vh}.media-preview-section{position:sticky;top:20px;margin-bottom:2rem;will-change:transform;transform:translateZ(0)}.preview-media-video{transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}}@media (max-width: 480px){.character-header{padding:1rem}.character-title{font-size:1.5rem}.gallery-grid{gap:1rem;padding:0 .5rem}.nav-scroll{padding:.5rem}.char-nav-link{padding:.4rem .8rem;font-size:.8rem;min-width:70px}.gallery-media-container{height:340px;min-height:340px}.gallery-item-name{font-size:1rem;padding:1.2rem .6rem .6rem}.media-preview-section{position:sticky;top:10px;margin-bottom:1rem;will-change:transform;transform:translateZ(0)}.preview-content{contain:layout style paint;isolation:isolate}.preview-media-video{transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px;-webkit-perspective:1000px}}.char-nav-link:focus{outline:2px solid var(--sab-calm-blue);outline-offset:2px}.preview-close:focus{outline:2px solid var(--sab-calm-red);outline-offset:2px}@media (prefers-contrast: high){.character-header,.character-navigation,.gallery-card{border-width:2px;border-color:#fff}.gallery-section-title{border-bottom-width:4px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.gallery-card:hover,.gallery-media-container:hover,.video-card:hover{transform:none}}.lazy-image,.lazy-video{opacity:.7;transition:opacity .3s ease}.lazy-image.loaded,.lazy-video.loaded{opacity:1}.gallery-card.loading{position:relative;overflow:hidden}.gallery-card.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{left:-100%}to{left:100%}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;background:#000c;color:#fff;text-align:center}.error-icon{margin-bottom:1rem;opacity:.8}.error-message{font-size:1rem;margin-bottom:1rem;opacity:.9}.retry-button{background:var(--sab-calm-red);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.retry-button:hover{background:var(--sab-dark-red)}