@font-face{font-family:'Exo 2';src:url(/exo2-cyrillic.woff2) format('woff2');font-weight:400 800;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Exo 2';src:url(/exo2-latin.woff2) format('woff2');font-weight:400 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2190-2193,U+2212}
:root{color-scheme:dark;--bg:#0a0911;--surface:#13111c;--raised:#1b1827;--hover:#231f32;--line:#2a2638;--text:#f3f0f8;--muted:#a39eb0;--accent:#9d6bff;--accent-2:#c4a3ff;--gold:#f5c45e;--green:#5fd39a;--radius:12px;--wrap:1320px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:500 15px/1.5 'Exo 2',system-ui,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
img{display:block}
.muted{color:var(--muted);font-weight:500}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
[hidden]{display:none!important}

/* top bar */
.topbar{position:sticky;top:0;z-index:20;background:#0c0a14ee;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #ffffff0f}
.topbar-in{max-width:var(--wrap);margin:0 auto;height:64px;padding:0 24px;display:flex;align-items:center;gap:28px}
.wordmark{display:flex;align-items:center;gap:10px;font:700 10px/1.05 'Exo 2',sans-serif;letter-spacing:.14em;flex:none}
.wordmark b{font-size:12px;letter-spacing:.16em}
.mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:13px;color:#fff;background:linear-gradient(135deg,#8a5cf6,#c08bff);box-shadow:0 6px 18px #8a5cf655}
.topbar nav{display:flex;gap:6px}
.topbar nav a{padding:8px 14px;border-radius:9px;color:#cfc9da;font-weight:600;font-size:14px}
.topbar nav a:hover{background:var(--raised);color:#fff}
.topbar nav a.active{background:var(--raised);color:#fff}
.site-search{position:relative;margin-left:auto;width:min(340px,30vw)}
.site-search input{width:100%;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--surface);padding:0 14px 0 36px;outline:0}
.site-search:before{content:'⌕';position:absolute;left:12px;top:7px;font-size:18px;color:var(--muted);pointer-events:none}
.site-search input:focus{border-color:var(--accent)}
.search-results{position:absolute;top:46px;left:0;right:0;background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 18px 50px #000b;max-height:70vh;overflow:auto}
.search-results a{display:flex;gap:10px;align-items:center;padding:7px;border-radius:9px}
.search-results a:hover{background:var(--hover)}
.search-results img{width:34px;height:48px;object-fit:cover;border-radius:6px;flex:none}
.search-results b{display:block;font-size:14px;line-height:1.25}
.search-results small{color:var(--muted);font-size:12px}
.search-results p{margin:10px;color:var(--muted)}
.search-toggle{display:none;margin-left:auto;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--surface);font-size:19px;cursor:pointer}
.top-cta{flex:none;height:40px;padding:0 16px;display:inline-flex;align-items:center;border-radius:10px;background:var(--accent);color:#fff;font-weight:700;font-size:14px}
.top-cta:hover{background:#ad82ff}

/* buttons, chips, fields */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:10px;font-weight:700;font-size:14px;border:1px solid transparent;cursor:pointer;background:none;text-align:center}
.btn.primary{background:var(--accent);color:#fff;box-shadow:0 10px 28px #8a5cf640}
.btn.primary:hover{background:#ad82ff}
.btn.ghost{border-color:var(--line);background:var(--surface)}
.btn.ghost:hover{background:var(--hover)}
.btn.accent{background:#9d6bff26;color:var(--accent-2);border-color:#9d6bff55}
.btn.small{min-height:34px;padding:0 12px;font-size:13px}
.btn.wide{width:100%}
.link{background:none;border:0;padding:0;color:var(--accent-2);font-weight:700;cursor:pointer;margin:6px 0 0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:99px;background:var(--raised);border:1px solid var(--line);font-size:13px;color:#ddd7e8;cursor:pointer}
.chip:hover{border-color:var(--accent);color:#fff}
.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}
.field{height:42px;border-radius:10px;border:1px solid var(--line);background:var(--bg);padding:0 12px;outline:0;min-width:0}
.field:focus{border-color:var(--accent)}
select.field{cursor:pointer}
.panel{background:var(--surface);border:1px solid #ffffff0d;border-radius:16px;padding:20px;margin-bottom:22px}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.panel-head h1,.panel-head h2{margin:0;font:750 22px/1.2 'Exo 2',sans-serif;display:flex;align-items:center;gap:10px}
.panel-head h1:before,.panel-head h2:before{content:'';width:4px;height:20px;border-radius:4px;background:var(--accent)}
.tabs{display:flex;gap:4px;background:var(--bg);padding:4px;border-radius:10px}
.tabs button{border:0;background:none;padding:6px 10px;border-radius:7px;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer}
.tabs button.on{background:var(--accent);color:#fff}
.stars{--r:.9;display:inline-block;width:76px;height:14px;vertical-align:-1px;background:linear-gradient(90deg,var(--gold) calc(var(--r)*100%),#4a4458 0);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 14'%3E%3Cg%3E%3Cpath id='s' d='M7 0l2.1 4.5 4.9.6-3.6 3.3.9 4.9L7 11 2.7 13.3l.9-4.9L0 5.1l4.9-.6z'/%3E%3Cuse href='%23s' x='15.5'/%3E%3Cuse href='%23s' x='31'/%3E%3Cuse href='%23s' x='46.5'/%3E%3Cuse href='%23s' x='62'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 14'%3E%3Cg%3E%3Cpath id='s' d='M7 0l2.1 4.5 4.9.6-3.6 3.3.9 4.9L7 11 2.7 13.3l.9-4.9L0 5.1l4.9-.6z'/%3E%3Cuse href='%23s' x='15.5'/%3E%3Cuse href='%23s' x='31'/%3E%3Cuse href='%23s' x='46.5'/%3E%3Cuse href='%23s' x='62'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.rate{display:inline-flex;align-items:center;gap:6px}
.score{color:var(--gold);font-size:13px}

/* hero carousel */
.hero{position:relative;overflow:hidden;padding:34px 0 40px;isolation:isolate}
.hero-bg{position:absolute;inset:-40px;z-index:-1;background:center 30%/cover no-repeat;filter:blur(38px) saturate(1.3) brightness(.45);transform:scale(1.1);transition:background-image .6s}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0a091100 40%,var(--bg) 100%)}
.hero-track{display:flex;align-items:center;gap:18px;overflow-x:auto;scrollbar-width:none;padding:24px calc(50vw - 110px)}
.hero-track::-webkit-scrollbar{display:none}
.hero-card{position:relative;flex:none;width:190px;aspect-ratio:.7;border-radius:12px;overflow:hidden;transition:transform .45s,opacity .45s,box-shadow .45s;opacity:.55;transform:scale(.88);box-shadow:0 14px 40px #0009}
.hero-card img{width:100%;height:100%;object-fit:cover}
.hero-card.on{opacity:1;transform:scale(1.18);z-index:2;box-shadow:0 24px 60px #000c,0 0 0 2px #c4a3ff66;margin:0 26px}
.hero-card:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#000d)}
.hero-name{position:absolute;left:10px;right:10px;bottom:9px;z-index:1;font-weight:700;font-size:13px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hero-rate{position:absolute;top:8px;left:8px;z-index:1;padding:3px 8px;border-radius:7px;background:#000b;color:var(--gold);font-size:12px;font-weight:700}
.hero-arrow{position:absolute;top:50%;z-index:3;width:42px;height:42px;margin-top:-21px;border-radius:50%;border:1px solid #ffffff22;background:#0a0911bb;font-size:26px;line-height:1;cursor:pointer}
.hero-arrow:hover{background:var(--accent)}
.hero-arrow.prev{left:max(16px,calc(50vw - 640px))}
.hero-arrow.next{right:max(16px,calc(50vw - 640px))}

/* home */
.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}
.row-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:150px;gap:14px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.upd-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.upd-grid:not(.all) .upd:nth-child(n+17){display:none}
.upd{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:10px;border-radius:12px;background:var(--raised);border:1px solid #ffffff08}
.upd-art{border-radius:9px;overflow:hidden;aspect-ratio:.7;background:var(--hover)}
.upd-art img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.upd:hover .upd-art img{transform:scale(1.05)}
.upd-body{min-width:0;display:flex;flex-direction:column;gap:5px}
.upd-title{font-weight:700;font-size:15px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}
.upd-title:hover{color:var(--accent-2)}
.upd-ch{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:6px 10px;border-radius:8px;background:var(--surface);font-size:13px;font-weight:600}
.upd-ch:hover{background:var(--hover);color:#fff}
.upd-ch time,.ch time{color:var(--muted);font-size:12px;font-weight:500;white-space:nowrap}
time.new{color:var(--green)!important}
#updMore{margin-top:14px}
.home-side{position:sticky;top:84px}
.top-list{display:flex;flex-direction:column;gap:4px}
.top-row{display:grid;grid-template-columns:26px 48px minmax(0,1fr);gap:10px;align-items:center;padding:8px;border-radius:10px}
.top-row:hover{background:var(--raised)}
.top-n{font:800 18px 'Exo 2',sans-serif;color:var(--muted);text-align:center}
.top-row:nth-child(-n+3) .top-n{color:var(--accent-2)}
.top-row img{width:48px;height:68px;object-fit:cover;border-radius:7px}
.top-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.top-copy b{font-size:14px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-copy small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* cards */
.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 14px}
.card{min-width:0;display:block}
.card-art{position:relative;aspect-ratio:.7;border-radius:11px;overflow:hidden;background:var(--raised)}
.card-art img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.card:hover .card-art img{transform:scale(1.05)}
.badge{position:absolute;left:8px;top:8px;padding:3px 8px;border-radius:7px;font-size:11px;font-weight:700;background:#000b}
.status-ongoing{color:var(--green)}
.status-completed{color:var(--accent-2)}
.status-announce{color:var(--gold)}
.card-title{margin-top:9px;font-weight:700;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card:hover .card-title{color:var(--accent-2)}
.card-meta{display:flex;justify-content:space-between;gap:6px;margin-top:4px;font-size:12px;color:var(--muted)}
.star{color:var(--gold);font-weight:700}

/* catalog */
.catalog{padding-top:24px;padding-bottom:30px}
.filters{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;gap:10px;margin-bottom:12px}
.genre-pick{display:none;margin:0 0 16px;padding:14px;border-radius:12px;background:var(--bg);border:1px solid var(--line)}
.genre-pick.open{display:flex}

/* title page */
.title-page{position:relative;isolation:isolate;padding-bottom:30px}
.title-bg{position:absolute;inset:0 0 auto;height:420px;z-index:-1;background:var(--cover) center 25%/cover no-repeat;filter:blur(28px) brightness(.38) saturate(1.2);transform:scale(1.1);-webkit-mask:linear-gradient(#000 40%,transparent);mask:linear-gradient(#000 40%,transparent)}
.title-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;padding-top:40px}
.title-side,.title-actions{display:flex;flex-direction:column;gap:10px}
.title-cover{width:100%;height:auto;aspect-ratio:.7;object-fit:cover;border-radius:14px;box-shadow:0 24px 60px #000b;margin-bottom:6px}
.btn-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.facts{margin:6px 0 0;padding:6px 16px;border-radius:14px;background:var(--surface);border:1px solid #ffffff0d}
.facts div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #ffffff0d;font-size:14px}
.facts div:last-child{border:0}
.facts dt{color:var(--muted)}
.facts dd{margin:0;text-align:right;font-weight:600}
.aliases{padding:12px 16px;border-radius:14px;background:var(--surface);border:1px solid #ffffff0d;font-size:14px}
.aliases summary{cursor:pointer;font-weight:700}
.aliases summary b{color:var(--accent-2)}
.aliases ul{margin:8px 0 0;padding-left:18px;color:var(--muted);max-height:220px;overflow:auto}
.crumbs{font-size:13px;color:var(--muted);margin-bottom:14px}
.crumbs a:hover{color:#fff}
.title-main h1{font:800 clamp(28px,3.4vw,44px)/1.1 'Exo 2',sans-serif;margin:0 0 6px;overflow-wrap:anywhere}
.title-en{color:var(--muted);font-size:16px;margin-bottom:14px}
.title-stats{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px}
.pill{padding:5px 11px;border-radius:8px;background:var(--raised);border:1px solid var(--line);font-size:13px;font-weight:700}
.title-main .chips{margin-bottom:16px}
.desc{color:#d9d4e2;line-height:1.7;font-size:15px;max-height:6.8em;overflow:hidden;-webkit-mask:linear-gradient(#000 60%,transparent);mask:linear-gradient(#000 60%,transparent)}
.desc.open{max-height:none;-webkit-mask:none;mask:none}
.title-main>.btn.primary{margin:20px 0 10px}
.title-main .panel{margin-top:22px}
.title-main .field{width:100%;margin-bottom:14px}
.ch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:640px;overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.ch{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;border-radius:10px;background:var(--raised);border:1px solid #ffffff08;font-size:14px}
.ch:hover{background:var(--hover);border-color:#9d6bff55}
.ch:hover b{color:var(--accent-2)}

/* footer */
footer{margin-top:30px;border-top:1px solid #ffffff0f;background:#0c0a14}
.footer-in{max-width:var(--wrap);margin:0 auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:13px;flex-wrap:wrap}
.footer-in>a:last-child{color:var(--accent-2)}

@media(max-width:1180px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}.home-grid{grid-template-columns:minmax(0,1fr) 300px}.upd-grid{grid-template-columns:1fr}}
@media(max-width:960px){
  .home-grid{grid-template-columns:minmax(0,1fr)}.home-side{position:static}.upd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .title-grid{grid-template-columns:220px minmax(0,1fr);gap:24px}.ch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .filters{grid-template-columns:1fr 1fr}.filters .field:first-child{grid-column:1/-1}
  .topbar nav a{padding:8px 10px}
}
@media(max-width:720px){
  .wrap{padding:0 14px}
  .topbar-in{padding:0 14px;gap:10px;height:58px}
  .wordmark>span:last-child{display:none}
  .topbar nav{gap:2px}.topbar nav a{padding:7px 9px;font-size:13px}
  .site-search{display:none;position:absolute;left:10px;right:10px;top:62px;width:auto;margin:0}
  body.searching .site-search{display:block}
  .search-toggle{display:block}
  .top-cta{display:none}
  .hero{padding:16px 0 22px}.hero-track{gap:10px;padding:18px calc(50vw - 70px)}
  .hero-card{width:140px}.hero-card.on{transform:scale(1.12);margin:0 10px}.hero-arrow{display:none}
  .panel{padding:14px;border-radius:14px}.panel-head h1,.panel-head h2{font-size:19px}
  .tabs button{padding:6px 8px}
  .row-scroll{grid-auto-columns:120px}
  .upd-grid{grid-template-columns:1fr}.upd{grid-template-columns:78px minmax(0,1fr)}
  .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}
  .title-grid{display:flex;flex-direction:column;gap:16px;padding-top:18px}
  .title-side{display:contents}
  .title-actions{order:1;display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px 14px;align-content:start}
  .title-actions .title-cover{grid-row:span 3;margin:0}
  .title-actions .btn-pair{grid-template-columns:1fr;gap:10px}
  .title-main{order:2}.facts,.aliases{order:3}
  .title-main .crumbs{display:none}
  .ch-grid{grid-template-columns:1fr 1fr;max-height:520px}
  .footer-in{flex-direction:column;align-items:flex-start}
}
@media(max-width:420px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.btn-pair{grid-template-columns:1fr}.ch-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.top .panel-head{flex-wrap:wrap}.top .tabs{width:100%}.top .tabs button{flex:1}