/* GLOBAL RESET & BASICS */
*{background:transparent;margin:0;outline:none;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
ol,ul{list-style:none}
blockquote,q{quotes:none}
table{border-collapse:collapse;border-spacing:0}
input,select{vertical-align:middle;padding:2px}
article,aside,figure,figure img,hgroup,footer,header,nav,section{display:block}

body {
    font: 17px / 1.5 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    color: #e0e0e0; /* Светлый текст */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    background-color: #121212; /* Глубокий черный фон */
}

img{max-width:100%}
.clr{clear:both}
.clearfix:after{content:"";display:table;clear:both}

/* LINKS */
a{color: #bdbdbd; text-decoration:none; transition: color 0.2s ease;}
a:hover,a:focus{color: #ff5722; text-decoration:underline}
.full-text p {margin: 0 5px 10px; color: #d1d1d1;}

/* LOGO & GRADIENTS */
.gradient-logo{position:absolute;top:15px;left:189px;font-family:fantasy;letter-spacing:0.2px;transform:translateX(-50%);font-size:32px;background:linear-gradient(89deg,#07818d,#e0790d,#188a6d,#2bc0e4,#d34350);background-size:400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 20s infinite linear;text-align:center}
.gradient-logo::before{content:attr(data-shadow);position:absolute;top:0;left:0;z-index:-1;color:rgba(255,255,255,0.1);text-shadow:1px 2px 2px rgba(0,0,0,0.5);-webkit-text-stroke:0;transform:translate(1px,0px)}
.gradient-logo-pod{font-family:sans-serif;position:absolute;top:57px;left:188px;transform:translateX(-50%);font-size:16px;font-weight:bold;background:linear-gradient(89deg,#0f12ab,#9087bc,#c24711,#6d105f,#e024da);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 3s infinite linear;text-align:center;line-height:1;letter-spacing:-0.8px}
.gradient-logo-pod::before{content:attr(data-shadow);position:absolute;top:0;left:0;z-index:-1;text-shadow:1px 2px 2px rgba(0,0,0,0.5);transform:translate(1px,0)}
@keyframes gradient-shift{0%{background-position:0 50%} 50%{background-position:100% 50%} 100%{background-position:0 50%}}

.text-container{position:absolute;bottom:5px;width:100%;text-align:center;color:#888;font-size:12px}
.text-line{line-height:1.1}

/* HEADINGS */
h1{font-weight:300;font-size:16px;font:caption; color: #aaa;}
h2 {
    font-weight: 500;
    font-family: arial, verdana, sans-serif;
    background: #2a1c0a; /* Темно-коричневый подложка */
    font-size: 20px;
    text-shadow: none;
    text-align: center;
    border-radius: 4px;
    margin: 0 0 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    padding: 10px;
    color: #ff7043; /* Светло-оранжевый */
    border: 1px solid #4a3b2a;
}
h3{font-weight:600;font-size:22px;margin-bottom:10px;text-align:center;margin-top:10px;padding:5px 0;color: #ff9800; font-family:Tahoma,Geneva,sans-serif}
h4{font-weight:600;font-size:18px; color: #eee;}
h5{font-weight:600;margin:5px;font-size:16px;color: #ff5252}
.content h1{font-weight:600;font-size:24px;text-align:center;color:#f5f5f5;}
.content p{color:#ccc;text-indent:20px;}

/* INFOBOX & BUTTONS */
.infobox{font-weight:600;font-size:15px;border:1px solid #d32f2f;margin-left:35px;padding-top:5px;padding-bottom:5px; color: #eee;}
.infobox a{font-weight:600;font-size:15px;color: #ff5252}

a.button2 {
    color: #fff;
    width: 100%;
    height: 50px;
    font-size: 16px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    background: #e65100; /* Темно-оранжевый */
    display: block;
    text-transform: uppercase;
    border-radius: 0 0 4px 4px;
}
a.button2:hover{background: #bf360c; text-decoration: none; color: #fff;}

.fullstory-inform{display:block;margin: 8px 0 0;border-bottom:1px dashed #444;border-top:1px dashed #444;padding:5px 0;color:#888;overflow:hidden}
.fullstory-inform > small{margin:0 10px 0 0;float:left;height:15px;line-height:15px}
.fullstory-inform i{margin-right:2px}
.fullstory-inform .fullstory-inform-edit{float:right;margin:0}
.fullstory-inform .fullstory-inform-edit i{font-size:16px}

/* FORMS & INPUTS */
.form-wrap{margin:0;background-color:#1e1e1e;padding-top:20px;border:1px solid #333;}
.tox-tinymce{margin:8px 0 8px 0}
.sub-title h1{margin-bottom:15px;font-size:24px}
.pomog{font-weight:700;font-size:18px;color:#ff5252;text-align:center;margin-bottom:10px}

.button,.up-second li a,.up-edit a,.qq-upload-button,html input[type="button"],input[type="reset"],input[type="submit"]{padding:0 20px;color:#fff;display:inline-block;background-color:#c62828;height:50px;line-height:50px;border-radius:9px;cursor:pointer}
button:not(.color-btn){color:#fff;display:inline-block;background-color:#c62828;height:50px;cursor:pointer; border: none;}
.ui-dialog-titlebar button:not(.color-btn) {float:right;}
.button:hover,.up-second li a:hover,.up-edit a:hover,.qq-upload-button:hover,button:not(.color-btn):hover,html input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{background-color:#b71c1c;color:#fff}
button:active,html input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active{box-shadow:inset 0 1px 4px 0 rgba(0,0,0,0.5)}

input[type="submit"].bbcodes,input[type="button"].bbcodes,input.bbcodes,.ui-button{font-size:12px!important;height:30px!important;line-height:30px!important;padding:0 15px;border-radius:3px;margin-top:2px;}

input[type="text"],input[type="password"], input[type="email"]{
    display:block;width:100%;height:40px;line-height:40px;padding:0 15px;
    color:#fff;
    border:1px solid #444;
    background-color: #2c2c2c;
    border-radius:3px;-webkit-appearance:none;box-shadow:none!important
}
input[type="email"]{float:right;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus {border-color: #ff7043;}

.box{padding:10px 12px}
.combo_field{float:left;width:calc(50% - 2px);margin-bottom:5px}
.combo_fielde{float:right;width:calc(50% - 2px);margin-bottom:5px}

.btn.btn-big{display:block;width:100%;max-width:170px;margin:10px auto 0;font-size:14px;font-weight:500;color:#fff;background-color:#ff5722;border:none;border-radius:5px;cursor:pointer;transition:background-color 0.3s ease,transform 0.2s ease}
.btn.btn-big[type="submit"]:hover{background-color:#e64a19}
.btn.btn-big:active{transform:scale(0.98)}

select{
    color: #fff;
    white-space:nowrap;line-height:1em;position:relative;outline:none;cursor:pointer;
    border:1px solid #444;
    box-shadow:0 1px 2px rgba(0,0,0,.5);
    background: #2c2c2c;
    padding: 5px;
}
textarea{display:block;width:100%;padding:10px;border:1px solid #444;background-color:#2c2c2c; color: #fff; border-radius:0 0 6px 6px;box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.2);overflow:auto;vertical-align:top;resize:vertical}

/* IMAGES & LAYOUT */
.img-box img{width:275px;height:100%}
.square-img img{display:block;width:150%;max-width:150%;margin-left:-25%}
.nowrap{white-space:normal;overflow:hidden;text-overflow:ellipsis}
button,.show-login{transition:all .3s}
.flex-row{display:flex;flex-flow:row wrap;padding:0;font-size:15px;justify-content:space-between}
.flex-col{display:flex;flex-direction:column;justify-content:center}
.ic-l span.fa{margin-right:10px}
.ic-r span.fa{margin-left:10px}
.ps-link{cursor:pointer}

/* CONTENT BLOCKS (Adapted for Dark) */
.spisanime{padding:20px;margin-top:15px;margin-bottom:20px;background-color:#1e1e1e;box-shadow:0 0 3px rgba(0,0,0,0.5); border: 1px solid #333;}
.spisanime a{color:#4dd0e1}
.spisanime ol{list-style:decimal-leading-zero;padding-left:23px; color: #bbb;}
.zagalov{text-decoration:underline;margin-bottom:8px;font-weight:600;font-size:15px;color:#64b5f6}

.player-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    background: #000;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.45s cubic-bezier(.22,1,.36,1), box-shadow 0.45s ease;
    will-change: transform;
    border: 1px solid #333;
}
.player-container:hover {transform: scale(1.010); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);}
.player-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.wrap{height:auto;width:100%;min-width:320px;position:relative;padding-top:200px;background: #121212; background-size:100% auto}
.center{width:100%;min-width:320px;max-width:1400px;margin:0 auto;position:relative;z-index:200}

/* Основные блоки - делаем темными */
.main{border-radius: 10px 10px 0 0;background-image: none; background-color: #1a1a1a; box-shadow:0 0 10px 0 rgba(0,0,0,0.5); border: 1px solid #333;}
.header{border-radius: 10px 10px 0 0;position:relative;height:100px;padding:20px 80px 20px 320px;background: #1e1e1e right top no-repeat; border-bottom: 1px solid #333;}
.cols{padding: 20px 20px 20px 0;}

.cols.clearfix {
    display: flex;
    flex-direction: row-reverse; 
    justify-content: flex-end; 
    gap: 20px;
    align-items: flex-start;
    float: none !important;
    width: 100%;
}

/* Sidebar Dark Mode */
.sidebar {
    width: 324px;
    flex-shrink: 0;
    float: none !important;
    margin: 0 !important;
    background: #232323; /* Темный фон вместо бежевого */
    border: 1px solid #333;
    border-radius: 5px;
    padding: 0 10px;
}

.content {flex-grow: 1; min-width: 0;}
.sidebar_rek {display: block; text-align: center; margin-top: 10px;margin-bottom: 20px;}
.sidebar_rek img {
    display: block; margin: 0 auto; width: 90%; height: auto;
    transition: transform 0.8s ease;
    box-shadow: #000 0 0 2px;
    background: #fff; /* Реклама часто на белом */
    overflow: hidden; border-radius: 4px;
}
.sidebar_rek img:hover {transform: scale(1.05);}

.footer{background-color:#111;color:#bbb;padding:20px;position:relative;border:10px solid #a32600;border-top:0;border-bottom:0}
.brand-link{display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:40}
.logotype{height:100px;width:99px;filter:drop-shadow(0px 0px 1px coral);display:block;position:absolute;left:0;top:0;background:url(../images/logo.webp) left center no-repeat;background-size:contain;text-indent:150%;white-space:nowrap;overflow:hidden}

.show-login{overflow:hidden;cursor:pointer;width:80px;height:80px;line-height:75px;text-align:center;border-radius:50%;position:absolute;right:10px;top:10px;background-color:#c30;color:#FFF;font-size:18px;box-shadow: #000 0 0 4px;}
.show-login:hover{transform:rotate(360deg)}

.search-inner{width:100%;min-width:341px;position:relative}
.search-inner input,.search-inner input:focus{width:100%;height:60px;line-height:60px;padding:0 60px 0 20px;font-size:18px;font-weight:300; background: #2c2c2c; border: none; color: #fff;}
.search-box button{position:absolute;right:0;top:0;border-radius:0;font-size:18px;padding:0;text-align:center;width:60px;height:60px;line-height:60px;color:#aaa!important;background:transparent!important}
.search-box button:hover {color: #fff !important;}

.share-box{position:absolute;top:12px;right:0}
.share-box a{width:27px;height:32px;margin:0 5px 0 0;display:inline-block;border-radius:4px; opacity: 0.8;}
.share-box a:hover{opacity:1}
.otst{margin:5px}
.full-soc .share-box{position:initial;padding-top:5px}
.mobilewseditor{background-color:#1e1e1e}

.main-title {margin-bottom: 20px;margin-top: 20px;text-align: center;background-color: rgba(255, 255, 255, 0.05);}
.main-title h1,.main-title h2,.main-title h3{float:left;font-size:24px;font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%; color: #eee;}

/* SORTER DARK */
.sorter {
    display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start;
    padding: 10px;
    background: #232323; /* Темный */
    border: 1px solid #333;
    border-radius: 5px;
}
.sorter::before {content: attr(data-label); font-size: 14px; font-weight: bold; color: #aaa; white-space: nowrap;}
.sorter form, .sorter ul {display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none;}
.sorter li {position: relative; padding: 5px 12px; font-size: 14px; white-space: nowrap;}
.sorter li:not(:last-child)::after {
    content: ""; position: absolute; right: 0; top: 25%; height: 50%; width: 1px;
    background-color: #444; /* Темный разделитель */
}

@media (max-width: 760px) {
    .sorter {flex-direction: column; align-items: flex-start; padding: 12px; gap: 8px;}
    .sorter::before {display: block; margin-bottom: 5px;}
    .sorter ul.sort {display: flex; flex-wrap: wrap; width: 100%; gap: 0;}
    .sorter li {padding: 5px 8px; margin: 5px 0; font-size: 13px; line-height: 1.2;}
    .sorter li:last-child {border-right: none;}
}

.asc a,.desc a{color:#ff7043}
.sort li.asc a:after,.sort li.desc a:after{content:"\f063";font:normal normal normal 14px/1 FontAwesome;display:inline-block;margin-left:10px; color: #ff7043;}
.sort li.desc a:after{content:"\f062"}

.grid-select{display:inline-block;float:right;line-height:30px}
.grid-select > span{display:block;height:30px;width:30px;text-align:center;float:left;margin-left:5px;font-size:18px;cursor:pointer; color: #888;}
.grid-select > span:hover,.grid-select > span.current{color:#fff;background-color:#444}

[align] + .main-title{margin-top:10px}
.bottom-panel{display:block;position:fixed;bottom:0;background:#1a1a1a;width:100%;left:0;padding:10px;border-top:1px solid #333}
.w100{width:100%}
.floaters{margin:20px -20px}
.mov{float:left;width:21%;margin:0 2% 40px}
.mov-t{display:inline-block;font-size:16px;font-weight:300; color: #eee;}
.mov-c{font-size:12px;color:#888}
.mov-m{top:10px;right:0;display:inline-block;background-color:#c30;color:#fff;padding:0 5px;line-height:29px;font-size:12px;position:absolute}
.mov-m:before{position:absolute;right:100%;top:0;content:"";height:1px;border:14px solid #c30;border-left-color:transparent;border-right-width:5px}

.mov-mask{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;padding:20px;background-color:rgba(0,0,0,0.8);color:#FFF;font-size:36px;opacity:0}
.mov:hover .mov-mask{opacity:1}
.mov-mask span.fa{width:80px;height:80px;border-radius:50%;text-align:center;line-height:80px;box-shadow:inset 0 0 0 2px #fff;margin:0 auto;padding-left:3px}

.rate-f{height:40px;background-color:#000}
.rate3 span[id*="vote-num"],.rate3 span[id*="ratig-layer"]{display:none}
.pluss,.minuss{cursor:pointer;padding:0 10px;line-height:40px;width:50%;float:left;color:#71ce3f;text-align:center}
.minuss{color:#cf3e3e}
.rate-f span.fa{font-size:18px;margin-right:10px}
.pluss:hover{color:#FFF;background-color:#028c19}
.minuss:hover{background-color:#c1050a;color:#fff}

/* RETRO RATING ADAPTATION */
.retro-rating {
    background: linear-gradient(135deg, #2c2c2c, #222); /* Темный градиент */
    padding: 5px 13px; font-family: 'Courier New', monospace; position: relative;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
    width: 200px; margin: 0 auto 20px;
    border: 2px solid #b36200;
}
.retro-rating::before {opacity: 0.1;}
.retro-display {margin-bottom: 5px;}
.pixel-score {color: #aaa; font-size: 1.2em; text-shadow: none; letter-spacing: 1px;}
.pixel-number {color: #ff4081; font-weight: bold; font-size: 1.4em;}
.pixel-bar {height: 18px; background: #333; border: 1px solid #555; margin: 0 0 5px 0; position: relative; overflow: hidden;}
.pixel-fill {height: 100%; transform-origin: left center; transform: scaleX(0); transition: transform 1.1s cubic-bezier(.22,1,.36,1); will-change: transform;}
.pixel-fill[data-color="good"] {background: linear-gradient(90deg, #00b36b, #00e676);}
.pixel-fill[data-color="mid"] {background: linear-gradient(90deg, #ffa000, #ffca28);}
.pixel-fill[data-color="bad"] {background: linear-gradient(90deg, #d32f2f, #f44336);}
.pixel-label {color: #777; font-size: 0.9em; letter-spacing: 1px; text-align: right;}
.retro-meta {display: flex; justify-content: space-between; align-items: center; padding-top: 5px; border-top: 2px solid #444;}
.pixel-votes {color: #888; font-size: 0.9em;}
.pixel-votes span {color: #ffa000; font-weight: bold; font-size: 17px;}
.pixel-rank {font-size: 1.4em; font-weight: bold;}

.mov-r{position:absolute;left:0;bottom:0;width:100%;height:40px;background-color:rgba(0,0,0,0.8)}
.mov-r span.fa{font-size:16px;margin-right:10px; color: #fff;}

.movie-lines{margin-bottom:30px;padding-left:30px; color: #ccc;}
.movie-lines li{padding:3px 0 3px 127px;font-size:16px}
.movie-lines li:after{content:"";display:table;clear:both}
.movie-lines li:nth-child(-n+2) {border-bottom: 2px dashed #444; max-width: calc(100% - 110px); margin-right: 20px;}
.movie-lines li:nth-child(n+3) {border-bottom: 2px dashed #444; max-width: calc(100% - 0px); margin-right: 20px;}
@media (max-width: 768px) {.movie-lines li:nth-child(-n+2),.movie-lines li:nth-child(n+3) {max-width: 100% !important; margin-right: 0 !important;} .movie-lines {padding-left: 0;}}
.ml-label{margin-left:-125px;float:left;display:inline-block;color:#888}
.ml-desc{width:100%;float:right;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3; color: #ddd;}
.ml-deschiden{width:100%;float:right;overflow:hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box; color: #ddd;}
.movie-lines a{color:#ff7043}
.movie-desc{float:left;position:relative;margin-left:20px;}
.movie-text{display:none}
.socpost{color:#4fc3f7;text-decoration:overline;padding-left:5px}

/* GRID LIST DARK */
.grid-list {margin: 20px 0 !important;padding: 10px;background: #232323; border: 1px solid #333; border-radius: 5px;}
.grid-list .mov {position: relative; display: flex; align-items: flex-start; margin: 15px 0; width: 100%; gap: 20px;}
.grid-list .mov-i {flex-shrink: 0; width: 250px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8); border-radius: 5px;}
.mov-i {position: relative; overflow: hidden;}
.mov-i.img-box img {display: block; width: 100%; height: auto; border-radius: 4px 4px 0 0;}
.grid-list .movie-text {flex-grow: 1; display: flex; flex-direction: column; position: relative;}
.grid-list .mov-t {width: 100%; padding-top: 5px; font-size: 1.2em; color: #fff;}
.grid-list .mov-c {margin-top: 10px; position: static;}
.grid-list .mov-mask,.grid-thumb .button2,.grid-thumb .mov-t {display: none;}

.mbold{width:100%;color:#ff5252;font-weight:600;float:right}
.mbold2{width:100%;color:#ff5252;font-weight:600;float:right;padding-left:30px}

.rate_box {float: right; position: absolute; margin: 10px; right: 20px; z-index: 10;}
.rate_view {background: linear-gradient(145deg, #b71c1c, #880e4f); border-radius: 10px; color: #fff; padding: 8px 12px; text-align: center; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; box-shadow: 0 2px 3px rgba(0,0,0,0.8); min-width: 80px;}
.rate_title {font-size: 16px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px;}
.rate_num {font-size: 24px; line-height: 1;}
.rate_num b {font-weight: bold;}
.rate_num span {font-size: 19px; opacity: 0.9; margin-left: 1px; font-weight: 700;}

.pomogite{font-weight:600;font-family:arial,verdana,sans-serif;font-size:23px;text-shadow: none; text-align:center;color: #ff5252; text-decoration:underline}
.whiteleft{font-family:monospace;font-style:italic; color: #bbb;}
.pomogite2{font-weight:600;font-family:arial,verdana,sans-serif;font-size:16px;text-decoration:underline;margin:0 0 20px}
.pomogite2 a{color:#ff7043}
.spiskoshel{padding-top:5px;font-weight:600;color:#26a69a}
.otstup{padding:10px 0 15px}
.colrr{color:#e57373;text-decoration:overline}
.side-t{font-size:22px;font-weight:300;line-height:40px; color: #eee;}
.side-b{margin-bottom:20px}
.nav ul li{width:48%;display:inline-block}
.nav2 ul li{width:16%;display:inline-block;margin-right:1px;padding:4px 0}
.nav a{display:block;padding:3px 0; color: #ccc;}
.nav a:hover{text-decoration:underline; color: #fff;}
.decor{position:relative}

.mov-side{display:inline-block;margin-bottom:20px;vertical-align:top}
.mov-side-box {box-shadow: #000 0 0 2px; background: #222; overflow: hidden; display: block; border-radius: 4px;}
.mov-side-img img {display: block; width: 100%; height: auto;}
.mov-side-title {padding: 10px 5px; font-size: 15px; line-height: 18px; text-align: center; color: #ddd; overflow: hidden; background: #e6510066;}
.mov-side:hover .mov-side-title{text-decoration:underline; color: #fff;}
.imagemy{width:250px!important}

.site-desc{padding:10px;margin-bottom:10px;background: #232323; border: 1px solid #333; border-radius: 5px;}
.site-desc h1,.site-desc h2,.site-desc h3{text-transform:uppercase;font-weight:600;color:#ff8a65;font-size:16px;text-align:center;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #444}
.site-desc h1 span,.site-desc h2 span,.site-desc h3 span{color:#c30}
.site-desc p{margin-bottom:8px;color:#aaa;text-indent: 20px;}
.site-desc a{color:#ff7043;text-decoration:underline}

.bot-menu{padding-right:250px}
.bot-menu li{display:inline-block;margin:0 20px 20px 0}
.bot-menu a{display:block;color:#ccc}
.bot-text{padding-right:120px;min-height:30px}
.bot-text,.bot-text a{color:#777;font-size:12px}
.bot-text a,.bot-menu a:hover{text-decoration:underline; color: #fff;}
.footer .share-box{right:-12px;top:17px}
.count{width:89px;height:109px;right:20px;top:3px;position:absolute}

.full-wrap{padding-top:10px;background: #232323; border: 1px solid #333; border-radius: 5px;padding: 10px;}
.full{position:relative;padding:20px;background-color: #252525;box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); border: 1px solid #333;}
.full-title{margin-bottom:20px}
.full-title h1{text-align:left;font-size:26px;font-weight:bold;margin-bottom:5px; color: #fff;}
.rates{margin-bottom:15px; color: #bbb;}
.rates > div{display:inline-block;margin-right:20px;line-height:30px}
.rates > div:before{content:attr(data-label);display:inline-block;padding:0 10px;margin-right:10px}
.r-kp:before{box-shadow:inset 0 0 0 1px #f57c00}
.r-imdb:before{box-shadow:inset 0 0 0 1px #ffb300}

.slice{position:relative;overflow:hidden}
.slice:before{content:'';position:absolute;z-index:1;bottom:0;left:0;right:0;height:120px;pointer-events:none;background:linear-gradient(to bottom,rgba(37,37,37,0) 0,#252525 100%)}
.slice-btn{position:absolute;z-index:2;bottom:0;left:0;right:0;text-align:left}
.slice-btn span{display:inline-block;padding:0 10px;line-height:30px;cursor:pointer;box-shadow:inset 0 0 0 1px #ff5722;text-transform:uppercase; color: #ff5722;}

/* TABS DARK */
.tabsbox{position:relative;box-shadow:0 0 0 1px rgb(255 255 255 / 10%);line-height:1em;background:#252525;padding:5px;z-index:999}
.tabs-sel{margin-bottom:5px}
.tabs-sel span.current{background-color:#c30;color:#fff}
.belniz{margin-bottom:-33px}
.tabs-sel span,.mov-compl a{display:inline-block;cursor:pointer;padding:0 15px;line-height:40px;background-color:#333;box-shadow:2px 2px 2px 0 rgba(0,0,0,0.5); color: #ccc;}
.tabs-sel span.current{background-color:#c62828;color:#fff}
.js .tabs-b{display:none}
.js .tabs-b.visible{display:block}
.tabsbox .video-box{background-color:#1a1a1a;box-shadow:0 0 0 1px rgba(255,255,255,0.1);padding:6px;}
.mov-compl{position:absolute;right:24px;margin-top:-39px}
.sharevid{margin-top:-67px;position:absolute;right:-88px}
.sub-text{margin-bottom:20px}
.sub-text span{font-size:70px;color:#444;float:left;margin:-7px 20px 0 0}
.rel-title{font-size:24px;font-weight:300;margin-bottom:20px; color: #eee;}

.tcarusel{height:370px;overflow:hidden;position:relative;border-bottom:2px solid #ef6c00}
.tcarusel .tcarusel-scroll{position:relative;width:100000px}
.tcarusel-item{width:200px;margin:0 40px 0 0}
.tcarusel-next,.tcarusel-prev{display:inline-block;font-size:18px;position:absolute;top:10px;right:0;cursor:pointer; color: #888;}
.tcarusel-prev{right:40px}
.tcarusel-next:hover,.tcarusel-prev:hover{color:#ff5722}

.skrin {margin: 20px 0; padding: 15px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); background: #232323; border: 1px solid #333; border-radius: 5px;}
.skrin-title {margin-top: 0; margin-bottom: 15px; font-size: 1.2em; color: #ddd;}

.screenshots-grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; width: 100%;}
.screenshots-grid a {display: block; overflow: hidden; border-radius: 4px; background: #232323; box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.8);}
.screenshots-grid img {display: block; width: 100%; height: auto; object-fit: cover; transition: transform 0.3s ease;}
.screenshots-grid a:hover img {transform: scale(1.05);}
@media (max-width: 1024px) {.screenshots-grid {gap: 10px;}}
@media (max-width: 768px) {.screenshots-grid {grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 480px) {.screenshots-grid {gap: 5px;}}

.shortcut-key {display: inline-block; padding: 2px 6px; background: #333; border: 1px solid #555; border-radius: 3px; font-family: monospace; color: #aaa;}
.warning-text {padding: 10px; background: #3e2723; border: 1px solid #5d4037; border-radius: 4px; color: #ffccbc;}
.warning-icon {margin-right: 8px;}
.warning-text strong {color: #ff5252;}

/* TABS MODERN DARK */
.tabsbox .tabs-sel {
    position: relative; display: inline-flex; background: #1e1e1e; 
    border-radius: 12px; padding: 4px; border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.5); height: auto;
}
.tabsbox .tab-btn {
    all: unset; position: relative; padding: 16px 20px; cursor: pointer;
    font-size: 14px; font-weight: 600; color: #888 !important;
    z-index: 2; transition: color 0.3s ease; text-align: center; line-height: 1.2; display: inline-block;
}
.tabsbox .tab-btn[aria-selected="true"] {color: #ffffff !important;}
.tabsbox .tabs-sel::before {
    content: ""; position: absolute; left: var(--x, 4px); width: var(--w, 0); top: 4px; bottom: 4px;
    background: #00acc1; /* Бирюзовый акцент */
    border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 172, 193, 0.3);
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1); z-index: 1;
}
.tabsbox .tab-btn:hover {background: transparent !important; box-shadow: none !important; transform: none !important;}

.preduprezdenie{border:1px solid #ff7043;margin:10px 0;padding:10px;font-size:15px;font-weight:600;text-align:center; color: #ffab91;}
.video-box embed,.video-box object,.video-box video,.video-box iframe,.video-box frame{width:100%;max-width:100%!important;border:none;outline:none;overflow:hidden;z-index:99999999999}
.mejs-container{max-width:100%!important}
.full-text{padding-top: 10px;box-shadow: 0 0 3px rgba(0,0,0,0.5);}