@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-content{animation:1s ease-out fadeInUp}.ant-timeline-item-tail{border-left:2px solid #d4af37!important}.ant-timeline-item-head{background-color:#8b0000!important;border-color:#d4af37!important}.character-card{transition:all .3s;position:relative;overflow:hidden}.character-card:before{content:"";background:linear-gradient(90deg,#0000,#d4af3733,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.character-card:hover:before{left:100%}.character-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #8b00004d}.carousel-indicator{transition:all .3s}.carousel-indicator.active{transform:scale(1.2)}.period-badge{background:linear-gradient(135deg, var(--period-color), #d4af37);color:#fff;border-radius:20px;padding:8px 16px;font-weight:700;box-shadow:0 4px 12px #0003}.ant-progress-bg{transition:all 1s ease-in-out!important}@media (max-width:768px){.hero-title{font-size:2.5rem!important}.timeline-alternate{margin-left:0!important}.character-stats{text-align:center}}.fade-in-section{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.fade-in-section.visible{opacity:1;transform:translateY(0)}.royal-border{border:2px solid #d4af37;border-radius:12px;position:relative}.royal-border:after{content:"";pointer-events:none;border:1px solid #8b0000;border-radius:14px;position:absolute;inset:-3px}