/* Global settings */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;padding:0;overflow-x:hidden;background:#12131e;color:#e0e0e0;max-width:1280px;margin:0 auto}
.anime-title{font-size:1.6rem;line-height:2.2rem;min-height:2.2rem}
h1,h2,h3,p{min-height:1em}
header{max-width:74%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background-color:#12131e;color:#e0e0e0;position:relative;z-index:1000;box-sizing:border-box}
@media(max-width:768px){header{max-width:90%;padding:10px 15px}}
@media(max-width:480px){header{max-width:100%;padding:10px}}
header a.logo{font-weight:900;font-size:1.5rem;color:#ffe600;text-decoration:none;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;transition:color .3s ease;display:flex;align-items:center}
header a.logo:hover{color:#ffb700}
.logo img{width:40px;height:40px;margin-right:12px;display:block}
.logo span{font-weight:700;font-size:clamp(1.4rem,2.5vw,2rem);color:#ffe600;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;white-space:nowrap}
.anime-block,.anime-container,.reaction-container,.anime-description-block,.news-container,.gallery-container,.episodes-list-container{max-width:70%;margin-left:auto;margin-right:auto}
.anime-block{display:flex;flex-wrap:wrap;margin:15px auto;padding:20px;background:linear-gradient(135deg,#1c1c2e,#2c2c4a);border-radius:15px;box-shadow:0 8px 20px rgba(0,0,0,.75);animation:fadeInUp 1s forwards;opacity:0;transform:translateY(30px)}
.anime-block img{max-width:250px;border-radius:12px;box-shadow:0 4px 12px rgba(255,80,80,.85);margin-right:25px}
.anime-content{flex:1}
.anime-title{color:#ff4c4c;font-size:28px;font-weight:700;margin:0 0 12px;border-bottom:2px solid #ff4c4c;padding-bottom:6px}
.anime-subtitle{color:#d1d1d1;font-size:14px;margin-bottom:12px}
.anime-subtitle b{color:#ff9999}
.anime-episodes{font-size:14px;background:#3a3a5a;padding:10px 15px;border-radius:8px;box-shadow:inset 0 0 8px #ff4c4caa;color:#eee}
.anime-container{margin:20px auto;padding:20px;background:#222538;border-radius:12px}
.season-tabs{display:flex;gap:10px;margin-bottom:15px}
.season-tab{padding:10px 20px;background:#3a3f66;border-radius:6px;cursor:pointer;white-space:nowrap;transition:.3s;color:#fff}
.season-tab.active,.season-tab:hover{background:#cc3333;color:#fff;font-weight:700}
.episodes-list{display:flex;gap:12px;overflow-x:auto;margin:0 0 20px;padding:0;list-style:none;min-height:52px}
.episodes-list li{flex:0 0 auto}
.episodes-list button{padding:10px 16px;background:#2b3a82;color:#fff;border:none;border-radius:8px;cursor:pointer;white-space:nowrap;transition:.3s}
.episodes-list button.active,.episodes-list button:hover{background:#cc3333;color:#fff}
.player-select{display:flex;gap:10px;margin-bottom:15px}
.player-btn{padding:8px 20px;background:#3a3f66;border-radius:6px;cursor:pointer;transition:.3s;color:#fff;border:none}
.player-btn.active,.player-btn:hover{background:#cc3333;color:#fff;font-weight:700}
.player-wrapper{position:relative;width:100%;max-width:960px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000}
.player-wrapper iframe,.player-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
.player-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(34,35,47,.9);display:flex;align-items:center;justify-content:center;color:#cc3333;font-size:24px;font-weight:700;text-shadow:1px 1px 5px #000}
.player-placeholder.hidden{display:none}
.reaction-container{display:flex;gap:16px;justify-content:center;margin:40px auto}
.reaction-item{background:#3a3f66;color:#fff;box-shadow:0 0 14px #3a3f66;padding:10px 15px;border-radius:10px;display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:700;transition:.3s}
.reaction-item:hover{background:#cc3333;color:#fff}
.reaction-item.active{background:#b53333;color:#fff;box-shadow:0 0 14px #b53333}
.btn-group{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin:20px auto}
.btn-group a{text-decoration:none;border-radius:10px;font-weight:900;text-transform:uppercase;letter-spacing:1.8px;color:#fff;padding:16px 30px;transition:.3s}
.support-btn{background:linear-gradient(105deg,#b53333,#d05555);box-shadow:0 0 12px rgba(181,51,51,.8)}
.support-btn:hover{box-shadow:0 0 30px rgba(208,85,85,1);transform:scale(1.07)}
.related-btn{background:linear-gradient(105deg,#2a62a8,#4f82d1);box-shadow:0 0 15px rgba(58,114,184,.85)}
.related-btn:hover{box-shadow:0 0 40px rgba(90,155,230,1);transform:scale(1.1)}
.anime-description-block{margin:30px auto;padding:1px 25px;background:#2c2f43;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.7);line-height:1.6}
.anime-description-block h3{color:#fffafa;margin:0 0 15px;font-size:24px}
.news-container{margin:40px auto;position:relative;overflow:hidden;max-width:900px;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.85)}
.carousel{position:relative;height:300px;width:100%}
.carousel-slide{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity .7s ease-in-out;padding:20px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;text-shadow:0 0 8px rgba(0,0,0,.7);height:300px;width:100%;border-radius:14px}
.carousel-slide.active{opacity:1;position:relative;animation:fadeInUp .8s ease forwards}
.news-title{font-size:28px;font-weight:700;margin-bottom:12px;color:#cc3333;max-width:90%}
.news-excerpt{margin-bottom:18px;font-size:16px;max-width:90%}
.read-more-btn{background:#cc3333;border:none;border-radius:8px;padding:12px 30px;color:#fff;font-weight:600;text-decoration:none;transition:background-color .3s ease}
.read-more-btn:hover{background:#991f1f}
.carousel-nav{position:absolute;top:50%;width:100%;pointer-events:none;user-select:none}
.carousel-nav button{pointer-events:all;position:absolute;top:50%;background:rgba(0,0,0,.6);border:none;color:#fff;font-size:30px;padding:8px 14px;border-radius:50%;cursor:pointer;transform:translateY(-50%);transition:background-color .3s ease;user-select:none}
.carousel-nav button:hover{background:#cc3333}
.carousel-nav .prev{left:10px}
.carousel-nav .next{right:10px}
#gallery{display:flex;overflow-x:auto;padding:20px;gap:16px;perspective:1000px;scroll-behavior:smooth;cursor:grab;background:transparent;user-select:none}
#gallery:active{cursor:grabbing}
#gallery::-webkit-scrollbar{height:8px}
#gallery::-webkit-scrollbar-thumb{background:rgba(85,85,85,.7);border-radius:5px}
.gallery-item{flex:0 0 auto;width:180px;height:320px;background:transparent;border-radius:12px;box-shadow:none;transform-style:preserve-3d;transition:transform .3s ease;display:flex;flex-direction:column}
.gallery-item img{width:100%;height:260px;border-radius:12px 12px 0 0;object-fit:cover;display:block;flex-shrink:0;box-shadow:0 0 8px rgba(0,123,255,.4);transition:box-shadow .3s ease}
.gallery-item img:hover,.gallery-item img:focus{box-shadow:0 0 15px 4px rgba(0,123,255,.7);cursor:pointer}
.caption{padding:8px 12px;font-size:14px;color:#fffbfb;display:flex;justify-content:space-between;align-items:center;font-weight:600;flex-grow:1;background:#2c2f43;border-radius:0 0 12px 12px}
.download-btn{color:#00ceff;font-weight:700;text-decoration:none;transition:color .3s ease}
.download-btn:hover,.download-btn:focus{color:#003d80;text-decoration:underline}
.episodes-list {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
  min-height: 52px;
}

.episodes-list-container{margin:20px auto;background:#2c2f43;padding:20px 30px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.7)}
.episodes-list-container h2{color:#ffa2a2;text-align:center;margin:0 0 24px}
.episode-item{border-bottom:1px solid #555;padding:12px 0}
.episode-item:last-child{border-bottom:none}
.episode-title{color:#c6def8;font-weight:700;font-size:18px;margin-bottom:6px}
.episode-date{font-size:14px;color:#ccc;margin-bottom:6px;font-weight:600;margin-top:6px;font-size:.95rem;color:#ccc}
.episode-date span.status{font-weight:700;padding:2px 8px;border-radius:12px;margin-left:8px;display:inline-block;animation:fadePulse 2s infinite}
.episode-date span.status.green{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}
.episode-date span.status.blue{color:#004085;background-color:#cce5ff;border:1px solid #b8daff}
.episode-date span.status.orange{color:#856404;background-color:#fff3cd;border:1px solid #ffeeba}
      footer {
        background: #1a1b27;
        padding: 20px 0;
        text-align: center;
        color: #ffffff;
        font-size: 16px;
        margin-top: 40px;
    }
          footer a {
        color: #ff9a9a;
        text-decoration: none;
        font-weight: 700;
        transition: .3s;
    }
@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}
@media(max-width:720px){.anime-block,.anime-container,.reaction-container,.anime-description-block,.news-container,.gallery-container,.episodes-list-container{max-width:100%;padding-left:15px;padding-right:15px;margin-left:0;margin-right:0}nav{width:100%;justify-content:center}.anime-block{flex-direction:column;align-items:center;text-align:center}.anime-block img{margin:0 0 20px;max-width:80%}}
@media(max-width:600px){.reaction-container{overflow-x:auto;justify-content:flex-start}.reaction-item{flex:0 0 auto;max-width:70px;padding:5px 12px;font-size:90%}.reaction-count{font-size:16px}}
@keyframes fadePulse{0%,100%{opacity:1}50%{opacity:.6}}
.your-text-span{font-weight:700;font-size:clamp(1.3rem,3vw,2.2rem);line-height:1.2;min-height:2.5rem;display:inline-block}
.vjs-big-play-button{width:64px;height:64px;font-size:16px}
  .episode-nav {
  display: flex;
  justify-content: space-between;
  margin-top: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-family: 'Segoe UI', sans-serif;
}

.episode-nav a {
  color: #facc15; /* Ярко-жёлтый, как в Tailwind (yellow-400) */
  text-decoration: none;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
}

.episode-nav a:hover {
  text-decoration: underline;
  color: #fde047; /* yellow-300 */
  transform: translateY(-1px);
}

.episode-nav span {
  color: #555;
  font-style: italic;
}
.all-episodes {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem 1rem;
  background-color: #1a1b23;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}

.all-episodes h2 {
  font-size: clamp(1.2rem, 2.5vw, 1.8rem);
  font-weight: bold;
  margin-bottom: 1rem;
  color: #fef08a;
  text-align: center;
  text-shadow: 1px 1px 4px rgba(0,0,0,0.5);
}

.all-episodes ul {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  padding: 0;
  list-style: none;
}

.all-episodes li a {
  display: block;
  padding: 12px 0;
  background-color: #2d2e3a;
  border-radius: 8px;
  text-align: center;
  font-weight: 500;
  font-size: clamp(0.9rem, 2vw, 1.1rem);
  color: #f1f5f9;
  text-decoration: none;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
  transition: all 0.2s ease-in-out;
}

.all-episodes li a:hover {
  color: #facc15;
  background-color: #3b3c4f;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(250, 204, 21, 0.3);
}
.episodes-list li {
  flex: 0 0 auto;
}

.episodes-list button {
  padding: 10px 16px;
  background: #2b3a82;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  white-space: nowrap;
  transition: .3s;
}

.episodes-list button.active,
.episodes-list button:hover {
  background: #cc3333;
  color: #fff;
}
/* Контейнер для сезонов */
.season-tabs {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}

.season-tab {
  padding: 10px 20px;
  background-color: #3a3f66;
  border-radius: 6px;
  cursor: pointer;
  color: #fff;
  font-weight: 600;
  white-space: nowrap;
  transition: background-color 0.3s ease, color 0.3s ease;
  user-select: none;
}

.season-tab:hover {
  background-color: #cc3333;
  color: #fff;
}

.season-tab.active {
  background-color: #cc3333;
  color: #fff;
  font-weight: 700;
  box-shadow: 0 0 10px #cc3333aa;
}

/* Список серий */
.episodes-list {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  margin-bottom: 20px;
  padding: 0;
  list-style: none;
  min-height: 52px;
}

.episodes-list li {
  flex: 0 0 auto;
}

.episodes-list button {
  padding: 10px 16px;
  background-color: #2b3a82;
  color: #fff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  white-space: nowrap;
  font-weight: 600;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  user-select: none;
}

.episodes-list button:hover {
  background-color: #cc3333;
  box-shadow: 0 0 8px #cc3333aa;
  color: #fff;
}

.episodes-list button.active {
  background-color: #cc3333;
  box-shadow: 0 0 12px #cc3333dd;
  font-weight: 700;
  color: #fff;
}

/* Кнопки выбора плеера */
.player-select {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}

.player-btn {
  padding: 8px 20px;
  background-color: #3a3f66;
  border-radius: 6px;
  cursor: pointer;
  color: #fff;
  border: none;
  font-weight: 600;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  user-select: none;
}

.player-btn:hover {
  background-color: #cc3333;
  box-shadow: 0 0 10px #cc3333aa;
  color: #fff;
}

.player-btn.active {
  background-color: #cc3333;
  box-shadow: 0 0 12px #cc3333dd;
  font-weight: 700;
  color: #fff;
}