@charset "windows-1251";
/**/ @import url(style_cs.1792484855.css);
@import url(https://forumstatic.ru/files/001c/b8/a2/83089.css?v=45);
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Manrope:wght@200..800&display=swap');
/**/ @import url('https://fonts.googleapis.com/css2?family=Marck+Script&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700&family=Marcellus+SC&display=swap");
/**/ /**/ /**/ @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
/**/ @font-face {
    font-family: 'Forum';
    src: url('https://forumstatic.ru/files/0015/28/00/92070.woff2') format('woff2'), url('https://forumstatic.ru/files/0015/28/00/43298.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
/**/ @font-face {
    font-family: 'Cinzel Decorative';
    src: url('https://forumstatic.ru/files/0015/28/00/39390.woff2') format('woff2'), url('https://forumstatic.ru/files/0015/28/00/11484.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
/**/ @font-face {
    font-family: "Constantine";
    src: url("https://db.onlinewebfonts.com/t/ae22d77c6dfe8c4f73b516b19d1f5203.eot");
    src: url("https://db.onlinewebfonts.com/t/ae22d77c6dfe8c4f73b516b19d1f5203.eot?#iefix") format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/ae22d77c6dfe8c4f73b516b19d1f5203.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/ae22d77c6dfe8c4f73b516b19d1f5203.woff") format("woff"), url("https://db.onlinewebfonts.com/t/ae22d77c6dfe8c4f73b516b19d1f5203.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/ae22d77c6dfe8c4f73b516b19d1f5203.svg#Constantine") format("svg");
}
/**/ @font-face {
    font-family: 'Font Awesome';
    src: url('https://forumstatic.ru/files/0015/28/00/33513.woff2') format('woff2'), url('https://forumstatic.ru/files/0015/28/00/89439.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: block;
}
/**/ /**/ :root {
    /**/ --padding: 3em;
    --padding1: 10px;
    --padding2: 40px;
    --content-width: calc(100% - (var(--padding2) * 2));
    --forum-logo: url("");
    --forum-footer: url("");
    --forum-bg: url("https://forumstatic.ru/files/0015/28/00/67308.webp");
    --forum-body: var(--accent-color-light);
    --linetelo: url('https://forumstatic.ru/files/0015/28/00/63060.jpg');
    --defaultavatar: url('https://forumstatic.ru/files/0015/28/00/47268.jpg');
    --new-topic: url(https://forumstatic.ru/files/0015/28/00/69841.svg);
    --closed-topic: url(https://forumstatic.ru/files/0015/28/00/18777.svg);
    --sticky-topic: url(https://forumstatic.ru/files/0015/28/00/37268.svg);
    --new-main: url(https://forumstatic.ru/files/0015/28/00/67505.webp);
    --fon-banner: url(https://forumstatic.ru/files/0015/28/00/77621.webp);
    --forum-width: 1170px;
    --header-width: 1332px;
    --header-height: 497px;
    --footer-width: 1332px;
    --footer-height: 200px;
    --radius-small: 3px;
    --radius-medium: 5px;
    --radius-large: 10px;
    /**/ --telo: #f4e9d9;
    --navlinki: #73563D;
    --ulinki: #ffffff;
    --telo-posta: #ece1d3;
    --maintext: #403022;
    --linki-posta: #73563D;
    /**/ --telo2: #F2E7C4;
    --wordcolor: #73665F;
    --wordcolor1: #82B0D9;
    --textcolor: #403022;
    --bright-white: #faf5f3;
    --accentcolor1: #73563D;
    --accentcolor2: #A69153;
    --accent-light: #ACD1F2;
    --accent-color: var(--accentcolor1);
    --accent-color-light: #ACD1F2;
    --amscolor: var(--textcolor);
    --white: #F2E6CE;
    --white1: #F2E5D5;
    --white2: #F2E7C4;
    --bg-light: #F2E5D5;
    --bg-dark: #403022;
    --surface-blue: #ACD1F2;
    --surface-olive: #F2E7C4;
    --surface-cream: #F2E6CE;
    --categor: var(--accentcolor1);
    --bordercolor: var(--wordcolor);
    --yellow: var(--accent-light);
    --linkcolor: #73563D;
    --linkhover: #403022;
    --muted-text: #59504A;
    --light-text: #F2E5D5;
    --buttoncolor: #403022;
    --buttontextcolor: var(--white);
    --useravatarcolor: #303A40;
    --menucolor: #73563D;
    --infocolor: #7fa7c7;
    --tablichka-border: #A69153;
    --main-grey: var(--bordercolor);
    --buttoncol: #82B0D938;
    --quotecolor: #F2E7C4F2;
    --redcolor: #7a332a;
    --redcolor2: #59504A;
    --graycolor: #59504A;
    --gray-dark: #303A40;
    --gray-light: #A69153;
    --olive: #73563D;
    --olive-light: #A69153;
    --blue: #ACD1F2;
    --blue-muted: #82B0D9;
    --blue-deep: #71A8D9;
    --brown: #403022;
    --brown-light: #73665F;
    --cream: #F2E7C4;
    --cream-light: #F2E5D5;
    --markcolor: #F2E7C4;
    --hover-light: #ACD1F2;
    --admin-border: #A69153;
    --online-orange: #A69153;
    --online-yellow: #F2E7C4;
    --closed-gray: #82B0D9;
    --blackmin: #303A4008;
    --blackmax: #ACD1F2;
    --blackmax2: #40302278;
    --blackmore: #59504A14;
    --selecttextcolor: #F2E5D5;
    --selectmin: #F2E7C4EB;
    --selectmax: #82B0D93D;
    --gradient-accent: linear-gradient( 190deg, #ACD1F26B, #A691539E );
    --gradient-accent45: linear-gradient( 45deg, #ACD1F26B, #A691539E );
    --gradient-accent1: linear-gradient( 45deg, var(--accentcolor1) 0%, var(--textcolor) 100% );
    --gradient-accent2: linear-gradient( 190deg, #F2E7C4A3, #82B0D980 );
    --gradient-accent3: linear-gradient( 45deg, var(--accentcolor2) 0%, var(--accentcolor1) 100% );
    --banner: linear-gradient( 45deg, #F2E7C4 0%, #F2E5D5 52%, #F2E6CE 100% );
    --pin-color: var(--accentcolor1);
    --pin-color-hover: var(--accentcolor2);
    --successcolor: var(--accentcolor1);
    --errorcolor: var(--accentcolor2);
    --warningcolor: var(--accentcolor2);
    --shadow: 0 6px 18px rgba(20, 35, 38, 0.15);
    --shadow-strong: 0 8px 24px rgba(20, 35, 38, 0.35);
    --accent-color2: var(--accentcolor2);
    --text-color: var(--textcolor);
    --text-color2: var(--textcolor);
    --link-color: var(--linkcolor);
    --link-hover-color: var(--linkhover);
    --main-white: var(--white1);
    --clear-white: var(--white);
    --main-black: var(--bg-dark);
    --main-red: var(--accentcolor1);
    --main-blue: var(--accentcolor2);
    --quote-color: var(--quotecolor);
    --select-color: var(--accent-light);
    --button-color: var(--buttoncolor);
    --button-color-hover: var(--linkhover);
    --closed-theme: var(--accent-color-light);
    --white-transparent: rgb(255 249 240 / 9%);
    /**/ --template-bg: var(--accent-color-light);
    --template-card: var(--selectmin);
    --template-soft: var(--bg-light);
    --template-text: var(--infocolor);
    --template-muted: var(--wordcolor);
    --template-border: var(--tablichka-border);
    --template-border-dark: var(--bordercolor);
    --template-accent: var(--menucolor);
    --template-accent-light: var(--accent-light);
    --template-blue: var(--accentcolor1);
    --template-white: var(--white);
    --template-shadow: rgba(28, 54, 64, .18);
    --wanted-bg: var(--template-bg);
    --wanted-card: var(--template-card);
    --wanted-soft: var(--template-soft);
    --wanted-text: var(--template-text);
    --wanted-muted: var(--template-muted);
    --wanted-border: var(--template-border);
    --wanted-border-dark: var(--template-border-dark);
    --wanted-accent: var(--template-accent);
    --wanted-light: var(--template-accent-light);
    --wanted-white: var(--template-white);
    --wanted-shadow: var(--template-shadow);
    --wanted-ams-accent: #8C7158;
    --wanted-ams-light: #D9B99D;
    --wanted-ams-shadow: rgba(140, 113, 88, .18);
    --wanted-player-accent: var(--accentcolor1);
    --wanted-player-light: #AFC3C5;
    --wanted-player-shadow: rgba(40, 75, 89, .18);
    --wiki-bg: var(--template-bg);
    --wiki-card: var(--template-card);
    --wiki-soft: var(--template-soft);
    --wiki-text: var(--template-text);
    --wiki-muted: var(--template-muted);
    --wiki-border: var(--template-border);
    --wiki-border-dark: var(--template-border-dark);
    --wiki-accent: var(--template-accent);
    --wiki-accent-light: var(--template-accent-light);
    --wiki-blue: var(--template-blue);
    --wiki-white: var(--template-white);
    --wiki-shadow: var(--template-shadow);
    --mech-bg: var(--template-bg);
    --mech-card: var(--template-card);
    --mech-soft: var(--template-soft);
    --mech-text: var(--template-text);
    --mech-muted: var(--template-muted);
    --mech-border: var(--template-border);
    --mech-border-dark: var(--template-border-dark);
    --mech-accent: var(--template-accent);
    --mech-accent-light: var(--template-accent-light);
    --mech-blue: var(--template-blue);
    --mech-white: var(--template-white);
    --mech-shadow: var(--template-shadow);
    --plot-bg: var(--template-bg);
    --plot-card: var(--template-card);
    --plot-soft: var(--template-soft);
    --plot-text: var(--template-text);
    --plot-muted: var(--template-muted);
    --plot-border: var(--template-border);
    --plot-border-dark: var(--template-border-dark);
    --plot-accent: var(--template-accent);
    --plot-accent-light: var(--template-accent-light);
    --plot-blue: var(--template-blue);
    --plot-white: var(--template-white);
    --plot-shadow: var(--template-shadow);
    --anketa-bg: #faf2e7;
    --anketa-card: var(--template-card);
    --anketa-soft: var(--template-soft);
    --anketa-text: var(--template-text);
    --anketa-muted: var(--template-muted);
    --anketa-border: var(--template-border);
    --anketa-border-dark: var(--template-border-dark);
    --anketa-accent: var(--template-accent);
    --anketa-accent-light: var(--template-accent-light);
    --anketa-blue: var(--template-blue);
    --anketa-white: var(--template-white);
    --anketa-shadow: var(--template-shadow);
    --roles-bg: var(--template-bg);
    --roles-card: var(--template-card);
    --roles-soft: var(--template-soft);
    --roles-text: var(--template-text);
    --roles-muted: var(--template-muted);
    --roles-border: var(--template-border);
    --roles-border-dark: var(--template-border-dark);
    --roles-accent: var(--template-accent);
    --roles-accent-light: var(--template-accent-light);
    --roles-blue: var(--template-blue);
    --roles-white: var(--template-white);
    --roles-shadow: var(--template-shadow);
    /**/ --profile-body-color: var(--selecttextcolor);
    --profile-icon-color: var(--menucolor);
    --profile-type-size: 30px;
    --profile-type-icon-size: 18px;
    --profile-type-bg: var(--main-blue);
    --profile-type-icon: var(--main-white);
    --profile-type-lift: 33px;
    --profile-name-color: var(--main-white);
    --profile-title-color: var(--accent-color2);
    --profile-avatar-border: var(--main-white);
    --profile-online-color: var(--main-white);
    --profile-online-marker: #7FA69A;
    --profile-label-color: var(--accent-color);
    --profile-label-text: var(--main-white);
    --profile-field-color: var(--main-white);
    --profile-field-text: var(--text-color);
    --profile-field-border: var(--main-grey);
    --badge-symbol-bg: var(--anketa-bg);
    --badge-symbol-border: var(--anketa-bg);
    --badge-symbol-inset: var(--telo2);
    --element-avatar-icon: url("https://forumstatic.ru/files/0015/28/00/43086.svg");
    --element-avatar-color: white;
    --element-water-color: #527F91;
    --element-water-icon: url("https://forumstatic.ru/files/0015/28/00/59921.svg");
    --element-fire-color: #9b1e00;
    --element-fire-icon: url("https://forumstatic.ru/files/0015/28/00/19545.svg");
    --element-earth-color: #707052;
    --element-earth-icon: url("https://forumstatic.ru/files/0015/28/00/57624.svg");
    --element-air-color: #7FA3A3;
    --element-air-icon: url("https://forumstatic.ru/files/0015/28/00/25982.svg");
    --element-air-nomads-color: #B8CCC7;
    --element-air-nomads-icon: url("https://forumstatic.ru/files/0015/28/00/80827.webp");
    --element-none-color: #8F918D;
    --element-none-icon: url("https://forumstatic.ru/files/0015/28/00/59043.webp");
    --hv-topic-mask-color-inactive: var(--wordcolor);
    --hv-topic-mask-color-active: var(--accent-color);
    /**/ --arial: arial, verdana, helvetica, sans-serif;
    --rus: "Forum", serif;
    --eng: "Manrope";
    --fontosnovnoe: verdana, arial, helvetica, sans-serif;
    --font-base: verdana, arial, helvetica, sans-serif;
    --mso: "Material Symbols Outlined";
    --fa: "Font Awesome";
}
html.dark {
    /**/ --telo: #0c2229;
    --navlinki: #fac97d;
    --ulinki: #869ca8;
    --telo-posta: #0f252c;
    --telo2: #1D3945;
    --maintext: #F2E5D5;
    --linki-posta: #D9A679;
    /**/ --wordcolor: #C9B9AA;
    --wordcolor1: #B8CFDC;
    --textcolor: #E8DED2;
    --accentcolor1: #fac97d;
    --accentcolor2: #e0b389;
    --accent-light: #4b7d95;
    --accent-color: var(--accentcolor1);
    --accent-color-light: #0e3440;
    --amscolor: var(--textcolor);
    --white: #142326;
    --white1: #0c2229;
    --white2: #1D3945;
    --bg-light: #1b3e48;
    --bg-dark: #E8DED2;
    --surface-blue: #1C3640;
    --surface-olive: #32372D;
    --surface-cream: #3A3028;
    --categor: var(--accentcolor1);
    --bordercolor: #77979c;
    --yellow: #527486;
    --linkcolor: #dfab7a;
    --linkhover: #F2E5D5;
    --muted-text: #B7ACA2;
    --light-text: #1C2E34;
    --buttoncolor: #D9A679;
    --buttontextcolor: #0a1c22;
    --useravatarcolor: #D5CBC2;
    --menucolor: #fbcb97;
    --infocolor: #B8CFDC;
    --tablichka-border: #806F62;
    --main-grey: var(--bordercolor);
    --buttoncol: #B8CFDC38;
    --quotecolor: #263C43F2;
    --redcolor: #a73e36;
    --redcolor2: #E5AD99;
    --graycolor: #B9B0A9;
    --gray-dark: #DDD5CE;
    --gray-light: #586267;
    --olive: #D0C68D;
    --olive-light: #b1b168;
    --blue: #527486;
    --blue-muted: #688A9B;
    --blue-deep: #A9C4D0;
    --brown: #E0D2C4;
    --brown-light: #BCA894;
    --cream: #5c4421;
    --cream-light: #293C42;
    --markcolor: #4A3C2D;
    --hover-light: #284B59;
    --admin-border: #756B63;
    --online-orange: #D99A6C;
    --online-yellow: #E4BD72;
    --closed-gray: #46575D;
    --blackmin: #E8DED20A;
    --blackmax: #003140;
    --blackmax2: #08121680;
    --blackmore: #E8DED214;
    --selecttextcolor: #1D3945F2;
    --selectmin: #1c2d34fa;
    --selectmax: #A992623D;
    --gradient-accent: linear-gradient( 190deg, #284B59BF, #8C715873 );
    --gradient-accent45: linear-gradient( 45deg, #284B59BF, #8C715873 );
    --gradient-accent1: linear-gradient( 45deg, #D9C58A 0%, #17323C 100% );
    --gradient-accent2: linear-gradient( 190deg, #8C715859, #1C3640D9 );
    --gradient-accent3: linear-gradient( 45deg, #A99262 0%, #284B59 100% );
    --banner: linear-gradient( 45deg, #493B2C 0%, #755936 52%, #A99262 100% );
    --pin-color: #A99262;
    --pin-color-hover: #E6C893;
    --successcolor: #A9C4B4;
    --errorcolor: #E09A8D;
    --warningcolor: #E4BD72;
    --shadow: 0 6px 18px #00000047;
    --shadow-strong: 0 8px 24px #00000073;
    --accent-color2: var(--accentcolor2);
    --text-color: var(--textcolor);
    --text-color2: var(--textcolor);
    --link-color: var(--linkcolor);
    --link-hover-color: var(--linkhover);
    --main-white: var(--white1);
    --clear-white: var(--white);
    --bright-white: #7294a7;
    --main-black: var(--bg-dark);
    --main-red: var(--accentcolor1);
    --main-blue: var(--accentcolor2);
    --quote-color: var(--quotecolor);
    --select-color: var(--accent-light);
    --button-color: var(--buttoncolor);
    --button-color-hover: var(--linkhover);
    --closed-theme: var(--accent-color-light);
    --white-transparent: #F2EAE417;
    --old-main: url(https://forumstatic.ru/files/0015/28/00/38408.webp);
    /**/ --template-bg: var(--accent-color-light);
    --template-card: var(--selectmin);
    --template-soft: var(--bg-light);
    --template-text: var(--textcolor);
    --template-muted: var(--wordcolor);
    --template-border: var(--tablichka-border);
    --template-border-dark: var(--bordercolor);
    --template-accent: var(--menucolor);
    --template-accent-light: var(--accent-light);
    --template-blue: #284B59;
    --template-white: var(--white);
    --template-shadow: #00000047;
    --wanted-bg: var(--template-bg);
    --wanted-card: var(--template-card);
    --wanted-soft: var(--template-soft);
    --wanted-text: var(--template-text);
    --wanted-muted: var(--template-muted);
    --wanted-border: var(--template-border);
    --wanted-border-dark: var(--template-border-dark);
    --wanted-accent: var(--template-accent);
    --wanted-light: var(--template-accent-light);
    --wanted-white: var(--template-white);
    --wanted-shadow: var(--template-shadow);
    --wanted-ams-accent: #D8B69A;
    --wanted-ams-light: #493A3B;
    --wanted-ams-shadow: #00000038;
    --wanted-player-accent: #D9C58A;
    --wanted-player-light: #284B59;
    --wanted-player-shadow: #00000038;
    --wiki-bg: var(--template-bg);
    --wiki-card: var(--template-card);
    --wiki-soft: var(--template-soft);
    --wiki-text: var(--template-text);
    --wiki-muted: var(--template-muted);
    --wiki-border: var(--template-border);
    --wiki-border-dark: var(--template-border-dark);
    --wiki-accent: var(--template-accent);
    --wiki-accent-light: var(--template-accent-light);
    --wiki-blue: var(--template-blue);
    --wiki-white: var(--template-white);
    --wiki-shadow: var(--template-shadow);
    --mech-bg: var(--template-bg);
    --mech-card: var(--template-card);
    --mech-soft: var(--template-soft);
    --mech-text: var(--template-text);
    --mech-muted: var(--template-muted);
    --mech-border: var(--template-border);
    --mech-border-dark: var(--template-border-dark);
    --mech-accent: var(--template-accent);
    --mech-accent-light: var(--template-accent-light);
    --mech-blue: var(--template-blue);
    --mech-white: var(--template-white);
    --mech-shadow: var(--template-shadow);
    --plot-bg: var(--template-bg);
    --plot-card: var(--template-card);
    --plot-soft: var(--template-soft);
    --plot-text: var(--template-text);
    --plot-muted: var(--template-muted);
    --plot-border: var(--template-border);
    --plot-border-dark: var(--template-border-dark);
    --plot-accent: var(--template-accent);
    --plot-accent-light: var(--template-accent-light);
    --plot-blue: var(--template-blue);
    --plot-white: var(--template-white);
    --plot-shadow: var(--template-shadow);
    --anketa-bg: #1C3640;
    --anketa-card: var(--template-card);
    --anketa-soft: var(--template-soft);
    --anketa-text: var(--template-text);
    --anketa-muted: var(--template-muted);
    --anketa-border: var(--template-border);
    --anketa-border-dark: var(--template-border-dark);
    --anketa-accent: var(--template-accent);
    --anketa-accent-light: var(--template-accent-light);
    --anketa-blue: var(--template-blue);
    --anketa-white: var(--template-white);
    --anketa-shadow: var(--template-shadow);
    --roles-bg: var(--template-bg);
    --roles-card: var(--template-card);
    --roles-soft: var(--template-soft);
    --roles-text: var(--template-text);
    --roles-muted: var(--template-muted);
    --roles-border: var(--template-border);
    --roles-border-dark: var(--template-border-dark);
    --roles-accent: var(--template-accent);
    --roles-accent-light: var(--template-accent-light);
    --roles-blue: var(--template-blue);
    --roles-white: var(--template-white);
    --roles-shadow: var(--template-shadow);
    /**/ --profile-body-color: var(--selecttextcolor);
    --profile-icon-color: var(--menucolor);
    --profile-type-bg: #D9A679;
    --profile-type-icon: #142326;
    --profile-name-color: #E8DED2;
    --profile-title-color: #D9A679;
    --profile-avatar-border: #D9CDBF;
    --profile-online-color: #E8DED2;
    --profile-online-marker: #8FB9AC;
    --profile-label-color: #D9C58A;
    --profile-label-text: #142326;
    --profile-field-color: #172E38;
    --profile-field-text: #E8DED2;
    --profile-field-border: #6F8186;
    --badge-symbol-bg: #0f303b;
    --badge-symbol-border: #102c38;
    --badge-symbol-inset: #293F47;
    --element-avatar-color: white;
    --element-water-color: #6D9CAF;
    --element-fire-color: #bb2323;
    --element-earth-color: #929269;
    --element-air-color: #91B8B8;
    --element-air-nomads-color: #B8CCC7;
    --element-none-color: #A7AAA5;
    /**/ --forum-bg: url("https://forumstatic.ru/files/0015/28/00/60852.webp");
    --new-main: url(https://forumstatic.ru/files/0015/28/00/38568.webp);
    --forum-body: var(--accent-color-light);
    --fon-banner: url(https://forumstatic.ru/files/0015/28/00/13589.webp);
    --defaultavatar: url('https://forumstatic.ru/files/0015/28/00/24654.jpg');
}
/**/ /**/ html.dark .html-content img {
    filter: brightness(0.45);
}
/**/ html.dark #pun {
    background: var(--telo);
}
/**/ html.dark #pun .category {
    background: linear-gradient( 155deg, color-mix(in srgb, var(--white) 85%, transparent) 5%, transparent 43%, color-mix( in srgb, var(--accent-color-light) 91%, transparent ) 100% ), var(--buttontextcolor);
}
html.dark #pun-index .category > h2 {
    color: var(--accentcolor2);
}
/**/ html.dark #pun-stats h2::before, html.dark .category h2::before {
    background: linear-gradient( 90deg, var(--surface-cream), var(--accentcolor2) );
}
/**/ html.dark #pun-stats h2::after, html.dark .category h2::after {
    background: linear-gradient( 90deg, var(--accentcolor2), var(--surface-cream) );
}
/**/ html.dark #pun-index .hasicon .tcl h3 a {
    color: var(--anketa-text);
    text-shadow: none;
}
html.dark #pun-index .hasicon .tcl h3 a:hover {
    color: var(--wanted-ams-accent);
    text-shadow: none;
}
html.dark #pun-index .hasicon .pfs a {
    color: var(--anketa-accent-light);
}
html.dark #pun-index .hasicon .tc2, html.dark #pun-index .hasicon .tc3 {
    color: var(--bg-dark);
}
/**/ html.dark #pun-stats > h2 {
    color: var(--accentcolor1);
}
/**/ html.dark #pun-stats > h2::before {
    background: linear-gradient( 90deg, var(--surface-blue), var(--categor) );
}
/**/ html.dark #pun-stats > h2::after {
    background: linear-gradient( 90deg, var(--categor), var(--surface-blue) );
}
html.dark #pun-stats .item5.onlinelist, html.dark #pun-stats .item5.users_24h {
    background: var(--accent-color-light);
}
html.dark #pun-stats .item5.onlinelist > div > a:first-child {
    color: var(--accentcolor2);
    background: var(--blackmore);
}
html.dark #pun-stats .item5.users_24h > div > a:first-child {
    background: var(--element-none-color);
}
/**/ html.dark #pun-main > div.info > h2:not(.html-content *), html.dark .mod-gifts-list #pun-main h2:not(.html-content *), html.dark .pun-modal h2:not(.html-content *), html.dark #pun-main h1:not(.vote-result td h1, .html-content *), html.dark .main h1:not(.vote-result td h1, .html-content *) {
    color: var(--amscolor);
    background: linear-gradient( 2deg, var(--badge-symbol-bg), var(--surface-cream)), var(--badge-symbol-bg);
    border: 1px solid color-mix( in srgb, var(--yellow) 42%, transparent );
}
/**/ html.dark .we_need-wrapper h5 {
    color: var(--amscolor);
}
html.dark .rc-header .rc-header__pair-title {
    color: var(--textcolor);
}
html.dark .rc-header .rc-header__pair-names {
    color: var(--textcolor);
}
/**/ html.dark #pun-navlinks > .container > li.isactive > a {
    color: var(--amscolor);
    background: var(--blackmin);
    border-color: color-mix( in srgb, var(--blue-deep) 15%, transparent );
    box-shadow: inset 0 0 0 2px color-mix( in srgb, var(--bg-light) 24%, transparent );
}
/**/ html.dark #pun-ulinks .container {
    border: 1px solid color-mix( in srgb, var(--accent-light) 42%, transparent );
    background: color-mix(in srgb, var(--main-white) 65%, var(--badge-symbol-bg));
}
html.dark #pun-ulinks a {
    color: var(--ulinki);
}
html.dark #pun-ulinks a:hover {
    color: var(--brown);
    background: color-mix( in srgb, var(--white) 48%, transparent );
}
html.dark #pun-navlinks > .container {
    padding-bottom: 3px;
    background: linear-gradient( 90deg, transparent, rgb(from var(--white1) r g b / 0.85) 12%, rgb(from var(--white1) r g b / 0.85) 88%, transparent );
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 40px;
    border-radius: var(--radius-medium);
}
html.dark #pun-navlinks > .container > li > a {
    color: var(--navlinki);
    text-shadow: 0 1px 3px rgb(from var(--buttontextcolor) r g b / 0.85);
}
/**/ html.dark .forum-settings__panel {
    color: var(--white);
    background: var(--anketa-card);
}
html.dark .forum-settings__title {
    margin-bottom: 8px;
    color: var(--anketa-border-dark);
    font: 400 11px var(--fontosnovnoe);
    text-align: center;
}
html.dark #panel-content {
    width: 248px;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
    opacity: 1;
    background: var(--anketa-card);
}
html.dark input[type="submit"], html.dark #pa-edit a, html.dark .subscribelink a, html.dark .postlink a, html.dark .button {
    color: var(--main-white);
    background: var(--hover-light);
}
/**/ html.dark #pun textarea {
    color: var(--amscolor);
    background: var(--surface-blue);
    border: 1px solid var(--blue-muted);
    border-radius: var(--radius-small);
    caret-color: var(--accent-color);
}
html.dark #pun textarea::placeholder {
    color: color-mix( in srgb, var(--main-white) 50%, transparent );
}
html.dark #pun textarea:focus {
    border-color: var(--accent-light);
    outline: 2px solid color-mix( in srgb, var(--accent-light) 30%, transparent );
    outline-offset: 2px;
}
html.dark :is(#pun-viewforum, #pun-searchtopics) table > thead th {
    color: var(--accent-light);
}
html.dark #pun-status {
    color: var(--anketa-border-dark);
}
html.dark #pun-status .container::before {
    border: 1px solid color-mix( in srgb, var(--accent-color) 28%, transparent );
    background: color-mix( in srgb, var(--buttontextcolor) 90%, transparent );
}
html.dark #pun-status .container a {
    color: var(--anketa-text);
    /**/
}
html.dark #pun-status .container a:hover, html.dark #pun-status .item4.status-right a:hover {
    color: var(--anketa-text);
}
html.dark :is(#pun-viewforum, #pun-searchtopics) tbody.hasicon > tr > .tcr > a {
    color: var(--amscolor);
}
html.dark p.crumbs a {
    color: var(--accent-light);
}
html.dark .pagelink {
    color: var(--anketa-accent-light);
    border: 0;
    box-shadow: inset 0 0 0 1px var(--anketa-blue);
}
html.dark .post-content .quote-box::after, html.dark .post-content .code-box::after, html.dark .post-content .spoiler-box::after {
    background: var(--accent-color-light);
}
html.dark .post-content .code-box > strong.legend::before, html.dark .post-content .code-box > strong.legend > a {
    color: var(--amscolor);
    background: var(--anketa-accent-light);
}
html.dark .post-links li:not(.pl-select):not(.pl-nodelete) {
    color: var(--anketa-border-dark);
    background: var(--anketa-bg);
    border: 1px solid var(--anketa-blue);
}
html.dark .post-links li:not(.pl-select):not(.pl-nodelete):hover {
    color: var(--accent-color2);
    background: var(--accent-light);
}
html.dark .pa-author a {
    color: var(--amscolor);
}
html.dark .pa-title {
    color: color-mix( in srgb, var(--accentcolor2) 63%, var(--blue-deep) );
}
html.dark #pun-viewtopic .post-author .pa-fld2 .info-label {
    color: color-mix( in srgb, var(--bg-light) 82%, var(--main-white) );
}
html.dark .post-author .pa-posts > .fld-name::before {
    color: var(--blue-deep);
}
html.dark .post-author .pa-online, html.dark .post-author:not(.online) .pa-author .acchide {
    background: var(--accentcolor1);
}
/**/ html.dark div.post-rating p > a.noNull {
    color: var(--text-color) !important;
}
html.dark #pun-viewtopic .post-author .pa-fld3 .badge-symbol:hover, html.dark #pun-viewtopic .post-author .pa-fld3 .badge-symbol:focus-within {
    background: var(--accent-color-light);
    border-color: var(--accent-color2);
    box-shadow: 0 0 3px 4px color-mix( in srgb, var(--element-color) 80%, transparent );
}
html.dark .post-content .quote-box > cite, html.dark .post-content .code-box > strong.legend, html.dark .post-content .spoiler-box > div:first-child {
    color: var(--anketa-muted);
}
html.dark .post-content a {
    color: var(--linki-posta);
}
html.dark .punbb {
    color: var(--maintext);
}
html.dark .post h3 .permalink {
    color: var(--accent-light);
}
html.dark #pun .post-links li:is(.pl-edit, .pl-quote) {
    color: var(--anketa-border-dark);
    background: var(--anketa-blue);
}
html.dark #pun .post-links li:is(.pl-edit, .pl-quote):hover {
    color: var(--amscolor);
    background: var(--anketa-accent-light);
}
html.dark #pun #form-buttons td {
    background: var(--blue);
}
html.dark #form-buttons td::before {
    color: var(--bg-dark);
}
html.dark #tags .container {
    color: var(--accentcolor1);
    background: var(--badge-symbol-border);
}
html.dark textarea {
    background: var(--anketa-blue);
}
/**/ html.dark #pun-viewtopic .reaction-counter:not(.reaction-chip--disabled):hover, html.dark #pun-viewtopic .reaction-chip.reaction-chip--clicked {
    color: var(--accent-color);
    background: color-mix( in srgb, var(--accent-color) 24%, transparent );
    border-color: var(--accent-color);
}
html.dark #pun-viewtopic .reaction-chip.reaction-chip--clicked:not(.reaction-chip--disabled):hover {
    background: color-mix( in srgb, var(--accent-color) 12%, transparent );
}
/**/ html.dark #pun-viewtopic .reaction-picker-button {
    color: var(--anketa-accent-light);
    background: color-mix( in srgb, var(--bg-light) 48%, transparent );
}
html.dark #pun-viewtopic .reaction-picker-button:hover {
    color: var(--amscolor);
    background: color-mix( in srgb, var(--main-grey) 48%, transparent );
}
html.dark div.post-vote p > a::before {
    color: color-mix( in srgb, var(--bg-light) 48%, transparent );
}
html.dark .post-content .quote-box > blockquote, html.dark .post-content .code-box > .blockcode {
    color: var(--anketa-muted);
}
html.dark #viewprofile #profile-left {
    color: var(--amscolor);
    background: var(--anketa-blue);
}
html.dark #profile-left #profile-name > strong {
    color: var(--anketa-muted) !important;
}
html.dark #profile-left #profile-title > strong {
    color: color-mix( in srgb, var(--linkcolor) 78%, transparent) !important;
}
html.dark #profile-left #pa-online > strong {
    color: color-mix( in srgb, var(--gray-dark) 78%, transparent );
}
html.dark #pun #viewprofile #profile-left:has(> #pa-online) #profile-name > strong::after {
    background: var(--menucolor);
}
html.dark #viewprofile #profile-signature {
    color: var(--anketa-muted);
    background: var(--accent-color-light);
}
html.dark #profilenav ul {
    background: var(--anketa-card);
    border: 1px solid color-mix( in srgb, var(--blue-deep) 22%, transparent );
    box-shadow: inset 0 0 0 3px color-mix( in srgb, var(--amscolor) 4%, transparent );
}
html.dark :is(#pun-viewforum, #pun-searchtopics) tbody.hasicon > tr::before {
    /**/ content: "";
    position: absolute;
    z-index: 0;
    inset: 5px;
    /**/ background: color-mix( in srgb, var(--white1) 94%, transparent );
    border-radius: var(--radius-large);
    box-shadow: 0 1px 5px color-mix( in srgb, var(--accent-color-light) 12%, transparent );
    /**/ pointer-events: none;
}
html.dark #profilenav li a {
    color: var(--accent-light);
}
html.dark #profilenav li a:hover {
    color: var(--accent-color-light);
}
html.dark #profilenav li a::before {
    background: color-mix( in srgb, var(--blue-muted) 82%, transparent );
    border-color: color-mix( in srgb, var(--blue-deep) 75%, transparent );
    box-shadow: inset 0 0 0 2px color-mix( in srgb, var(--main-white) 24%, transparent );
}
html.dark #profilenav li.isactive a {
    color: var(--bg-light);
    background: var(--anketa-accent-light);
    border-color: color-mix( in srgb, var(--blue-deep) 75%, transparent );
    box-shadow: inset 0 0 0 2px color-mix( in srgb, var(--main-white) 24%, transparent );
}
html.dark #profilenav li.isactive a::after {
    background: var(--anketa-soft);
}
html.dark fieldset legend {
    color: var(--amscolor);
    background: var(--anketa-blue);
}
html.dark #pa-edit a, html.dark .subscribelink a, html.dark .postlink a, html.dark .button, html.dark input[type="submit"], html.dark select, html.dark input {
    color: var(--amscolor);
    background: var(--anketa-bg);
}
/**/ html.dark #pun select#mod-options {
    color-scheme: dark;
    color: var(--textcolor);
    background-color: var(--surface-blue);
    border-radius: var(--radius-small);
    cursor: pointer;
}
html.dark #pun select#mod-options option {
    color: var(--main-white);
    background-color: var(--surface-blue);
}
html.dark #pun select#mod-options:focus {
    border-color: var(--accent-light);
    outline: 2px solid color-mix( in srgb, var(--accent-light) 30%, transparent );
    outline-offset: 2px;
}
html.dark .infofield#sex, html.dark label:not(.adlabel):not(.adlabel label) {
    color: var(--blue-deep);
}
html.dark #pun-messages #messages tbody tr:hover td {
    background-color: var(--anketa-blue);
}
html.dark #pun-messages #messages tbody tr.current-message {
    background: var(--anketa-blue);
    box-shadow: inset 4px 0 0 var(--accent-color);
}
html.dark #pun-messages .post .post-author {
    color: var(--accent-light);
    background: var(--blackmax2);
}
html.dark #pun-messages .post-author .pa-author > a {
    color: var(--anketa-accent-light);
}
html.dark #pun-messages .post-author .pa-title {
    color: var(--buttoncol);
}
html.dark #pun-messages .post-author .pa-posts > .fld-name::before {
    color: var(--anketa-accent-light);
}
html.dark #pun-messages .post-author .pa-reg, html.dark #pun-messages .post-author .pa-posts {
    color: var(--admin-border);
}
html.dark #pun-navlinks > .container > li > ul:not(.multiacc-profilemenu) > li > a:hover, html.dark #pun-navlinks > .container > li > ul:not(.multiacc-profilemenu) > li > ul:not(.multiacc-profilemenu) > li > a:hover {
    color: var(--anketa-accent);
}
html.dark #pun-status .status-top-box > a {
    background: var(--banner);
}
html.dark #pun-announcement .announcement-card {
    color: var(--text-color);
    background: var(--fon-banner);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 2px 0 color-mix( in srgb, var(--wordcolor1) 13%, transparent );
    border: 1px solid color-mix( in srgb, var(--accent-color) 48%, transparent );
}
html.dark #pun-announcement .announcement-card::before {
    background: color-mix( in srgb, var(--white) 70%, transparent);
    border-color: color-mix(in srgb, var(--text-color) 52%, transparent);
}
html.dark #pun-announcement .announcement-card::after {
    background: var(--anketa-blue);
}
html.dark #pun-announcement .announcement-text small {
    color: var(--accent-light);
}
html.dark #pun-announcement .announcement-date {
    color: var(--blue-deep);
    background: var(--blackmin);
    border: 1px solid color-mix( in srgb, var(--olive-light) 45%, transparent );
}
html.dark #pun-announcement .announcement-card:hover .announcement-date {
    color: var(--bg-light);
    background: var(--anketa-accent);
    border-color: var(--anketa-shadow);
}
html.dark #pun-announcement .announcement-card:hover .announcement-text strong {
    color: var(--bg-dark);
}
html.dark #pun-announcement .announcement-card:hover .announcement-text small {
    color: var(--categor);
    opacity: 0.98;
}
html.dark #pun-announcement .announcement-card:hover::after {
    background: var(--accent-light);
}
html.dark #pun-announcement .announcement-scroll {
    scrollbar-color: var(--hover-light) transparent;
}
html.dark::-webkit-scrollbar-thumb, html.dark ::-webkit-scrollbar-thumb {
    background: var(--anketa-blue);
    border: 1px solid var(--accent-light);
}
html.dark::-webkit-scrollbar-track, html.dark ::-webkit-scrollbar-track {
    background: var(--bg-dark);
    border: 1px solid var(--admin-border);
}
html.dark #realtime-toggle a {
    color: var(--anketa-text);
    background: var(--accent-color-light);
}
html.dark #pun-index .lastpost {
    color: var(--anketa-accent-light);
}
html.dark #onlinelist.item5.statistics #statistic-other a {
    color: var(--amscolor);
}
html.dark #tooltip {
    color: var(--bg-dark);
    background: var(--white);
}
html.dark .copyright-block {
    color: var(--anketa-text);
    opacity: 0.85;
}
html.dark .copyright-block a {
    color: var(--accent-light);
}
html.dark :is(#pun-viewforum, #pun-searchtopics) tbody.hasicon > tr > .tcl div.icon {
    background-color: var(--accentcolor2);
}
html.dark .usertable tbody tr {
    color: var(--accentcolor1);
    background: var(--old-main);
    border: 1px solid color-mix( in srgb, var(--olive-light) 32%, transparent );
    border-radius: var(--radius-large);
    box-shadow: 2px 2px 1px color-mix( in srgb, var(--wordcolor) 20%, transparent );
}
html.dark .usertable tbody tr::after {
    background: var(--anketa-bg);
    border: 1px solid color-mix( in srgb, var(--surface-olive) 11%, transparent );
}
html.dark .usertable .user_title {
    color: color-mix( in srgb, var(--wordcolor1) 58%, transparent );
    border-bottom: 1px solid color-mix( in srgb, var(--wordcolor1) 22%, transparent );
}
html.dark .usertable .usersname a {
    color: var(--accentcolor2);
}
html.dark .usertable .relation, html.dark .usertable .num_posts, html.dark .usertable .registered, html.dark .usertable .last_visit {
    color: var(--amscolor);
    background: color-mix( in srgb, var(--textcolor) 10%, transparent );
    border: 1px solid color-mix( in srgb, var(--accentcolor2) 14%, transparent );
}
html.dark .usertable .relation::before, html.dark .usertable .num_posts::before, html.dark .usertable .registered::before, html.dark .usertable .last_visit::before {
    color: var(--accentcolor2);
}
html.dark #pun-viewtopic .post-author .pa-fld3 .badge-symbol::before {
    background-color: color-mix( in srgb, var(--element-color) 70%, var(--main-white) 25% );
    opacity: 1;
}
html.dark #pun-viewtopic .post-author .pa-fld3 .badge-symbol {
    background: var(--anketa-card);
}
html.dark #pun-viewtopic .post-author .pa-fld3 .badge-symbol:hover::before, html.dark #pun-viewtopic .post-author .pa-fld3 .badge-symbol:focus-within::before {
    background-color: var(--anketa-muted);
}
/**/ html.dark #pun .post-sig dt {
    --sig-color: var(--online-yellow);
}
html.dark #tags #addition-area > div {
    color: var(--amscolor);
}
html.dark #tags #addition-area > div:hover {
    color: var(--anketa-bg);
    background: var(--anketa-soft);
}
html.dark #panel-sticker {
    background: var(--anketa-shadow);
}
html.dark .forum-settings__toggle {
    background: var(--anketa-shadow);
}
html.dark :is(#pun-viewforum, #pun-searchtopics) tbody.hasicon > tr > .tcr .user-avatar .isonline, html.dark .usertable .user-avatar .isonline {
    background: var(--accent-color) !important;
    box-shadow: 0 0 4px var(--main-white), 0 0 9px color-mix(in srgb, var(--main-white) 70%, transparent) !important;
}
html.dark #pun-index .hasicon tr.inew {
    animation: new-topic-glow-dark 2.4s ease-in-out infinite;
}
@keyframes new-topic-glow-dark {
    0%, 100% {
        border-color: var(--online-yellow);
        box-shadow: 4px 5px 0 color-mix( in srgb, var(--online-orange) 65%, transparent ), 0 0 16px color-mix( in srgb, var(--online-yellow) 45%, transparent ), inset 0 0 0 1px color-mix( in srgb, var(--main-white) 55%, transparent ), inset 0 0 18px color-mix( in srgb, var(--online-yellow) 18%, transparent );
    }
    50% {
        border-color: color-mix( in srgb, var(--online-yellow) 40%, transparent );
        box-shadow: 4px 5px 0 color-mix( in srgb, var(--online-orange) 65%, transparent ), 0 0 5px color-mix( in srgb, var(--online-yellow) 15%, transparent ), inset 0 0 0 1px color-mix( in srgb, var(--main-white) 55%, transparent ), inset 0 0 6px color-mix( in srgb, var(--online-yellow) 6%, transparent );
    }
}
@media (prefers-reduced-motion: reduce) {
    #pun-index .hasicon tr.inew, html.dark #pun-index .hasicon tr.inew {
        animation: none;
    }
}
html.dark #ag-generate, html.dark #ch-generate, html.dark .ag-copy, html.dark .ep-generator button {
    color: var(--amscolor);
    background: var(--anketa-accent-light);
}
/**/ html {
    min-width: var(--header-width);
}
body {
    margin: 0;
    font: 500 70% montserrat, verdana, arial, helvetica, sans-serif;
    background: var(--forum-bg) fixed;
    background-color: var(--bg-dark);
}
@media screen and (min-width: 1364px) {
    body {
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
    }
}
#pun-navlinks #navawards {
    display: none !important;
}
@media (max-width: 768px) {
    #navawards, a[href="/mod/awards/"] {
        display: none !important;
    }
}
@media screen and (max-width: 1363px) {
    #pun div#pun-navlinks ul.container > li#navawards {
        display: none !important;
    }
}
#pun, div#pun {
    /**/ position: relative;
    width: var(--forum-width);
    min-width: var(--forum-width);
    max-width: var(--forum-width);
    margin: 500px auto 30px;
    overflow: visible;
    /**/ background: var(--telo);
    background-repeat: repeat-y;
    background-position: top center;
    background-size: 1170px auto;
    border-radius: var(--radius-large);
}
/**/ #pun-title, div#pun-title {
    /**/ position: absolute;
    top: -484px;
    left: 1px;
    width: 1170px;
    height: 497px;
    min-height: 497px;
    margin: 0;
    overflow: visible;
    z-index: 1;
}
#pun::before {
    /**/ content: "";
    display: block;
    position: absolute;
    width: calc(100% - 40px);
    height: calc(100% - 90px);
    top: 70px;
    left: 20px;
    padding: 1px;
    box-sizing: border-box;
    z-index: 0;
    /**/ background: var(--linetelo);
    -webkit-mask: linear-gradient(var(--ulinki) 0 0) content-box, linear-gradient(var(--ulinki) 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(var(--ulinki) 0 0) content-box, linear-gradient(var(--ulinki) 0 0);
    mask-composite: exclude;
    border-radius: var(--radius-large);
    opacity: 0.5;
    /**/ pointer-events: none;
}
#pun-title::before {
    /**/ content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1364px;
    height: 497px;
    z-index: 0;
    /**/ background-repeat: no-repeat;
    background-position: top center;
    background-size: 1364px 497px;
    /**/ transform: translateX(-50%);
    pointer-events: none;
}
#pun-title > * {
    position: relative;
    z-index: 1;
}
/**/ #pun-title h1, #pun.custom-logo #title-logo-tdr {
    background: none;
}
/**/ #pun-about {
    position: relative;
    min-height: var(--footer-height);
    overflow: visible;
    z-index: 1;
    top: 30px;
}
#html-footer {
    position: relative;
    margin-top: -44px;
}
#html-footer .partners {
    /**/ position: relative;
    z-index: 5;
    width: 1095px;
    max-width: 1095px;
    height: 73px;
    margin: -73px var(--padding2) 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    gap: 1px;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    padding: calc(var(--padding1)/2);
    /**/ background: var(--fon-banner);
    border-radius: var(--radius-medium);
}
#pun-about::before {
    /**/ content: "";
    position: absolute;
    z-index: 1;
    left: calc(50% + 1px);
    bottom: 0;
    width: var(--footer-width);
    height: var(--footer-height);
    /**/ background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 1364px 177px;
    /**/ transform: translateX(-50%);
    pointer-events: none;
}
#pun-about .container {
    position: relative;
    z-index: 1;
    text-align: center;
    line-height: 150%;
    transform: translateY(-20px);
}
/**/ /**/ /**/ /**/ .noNull::before {
    content: none;
    display: none;
    position: absolute;
    z-index: 2;
    margin-left: -6px;
    color: currentColor;
    font-size: 9px;
}
/**/ div.post-rating p > a {
    /**/ position: relative;
    z-index: 100;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    /**/ color: var(--bg-light);
    font-size: 12px !important;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -1px;
    text-align: center;
    text-decoration: none;
    /**/ background: none;
    outline: none;
    /**/ transition: color 0.2s ease, transform 0.2s ease;
}
/**/ div.post-rating p > a::after {
    /**/ content: "\f004";
    position: absolute;
    inset: 0;
    z-index: -1;
    display: flex;
    align-items: center;
    justify-content: center;
    /**/ color: color-mix(in srgb, var(--cream) 57%, var(--buttoncolor));
    font-family: var(--fa);
    font-size: 33px;
    font-weight: 900;
    line-height: 1;
    /**/ transition: color 0.2s ease, transform 0.2s ease, filter 0.2s ease;
}
div.post-rating p > a.noNull::after {
    color: color-mix(in srgb, var(--element-fire-color) 48%, transparent) !important;
}
/**/ div.post-rating p > a:hover {
    color: var(--element-fire-color);
}
div.post-rating p > a:hover::after {
    color: color-mix(in srgb, var(--element-fire-color) 48%, transparent);
    filter: drop-shadow(0 2px 4px rgb(from var(--muted-text) r g b / 0.25));
}
/**/ div.post-vote {
    margin-bottom: 65px;
}
div.post-vote p > a {
    /**/ position: absolute;
    z-index: 200;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-top: 42px;
    margin-left: 29px;
    /**/ color: var(--anketa-shadow);
    font-size: 0;
    text-decoration: none;
    /**/ background: none;
    /**/ cursor: pointer;
    transition: color 0.2s ease, transform 0.2s ease, filter 0.2s ease;
}
/**/ div.post-vote p > a::before {
    content: "\f27a";
    font-family: var(--fa);
    font-size: 24px;
    color: color-mix( in srgb, var(--linkcolor) 27%, transparent );
    font-weight: 400;
    line-height: 1;
}
/**/ div.post-vote p > a:hover {
    color: var(--main-red);
    filter: drop-shadow(0 2px 3px rgb(from var(--muted-text) r g b / 0.25));
    transform: scale(1.16);
}
/**/ div.post-vote p > a:active {
    color: var(--main-red);
    transform: scale(0.92);
}
div.post-vote p > a:active::before {
    font-weight: 900;
}
#pun .post-vote a.positive {
    font-size: 0 !important;
}
/**/ #pun #pun-viewtopic .post-box {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 10px 8px;
    align-items: center;
    min-width: 0;
}
/**/ #pun #pun-viewtopic .post-box > .post-content {
    grid-column: 1 / -1;
    grid-row: 1;
    min-width: 0;
}
/**/ #pun #pun-viewtopic .post-box > :is( .reactions-root, .post-vote, .post-rating ) {
    /**/ position: relative !important;
    inset: auto !important;
    float: none !important;
    grid-row: 2;
    width: auto !important;
    min-width: 0;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    /**/ transform: none !important;
}
#pun #pun-viewtopic .post-box > .reactions-root {
    grid-column: 1;
}
#pun #pun-viewtopic .post-box > .post-vote {
    grid-column: 2;
}
#pun #pun-viewtopic .post-box > .post-rating {
    grid-column: 3;
}
/**/ #pun #pun-viewtopic :is(.post-rating, .post-vote) > p.container {
    /**/ display: flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-width: 0;
    min-height: 0;
    margin: 0 !important;
    padding: 0 !important;
}
#pun #pun-viewtopic :is(.post-rating, .post-vote) p > a {
    /**/ position: relative !important;
    inset: auto !important;
    z-index: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}
/**/ #pun #pun-viewtopic .post-rating p > a {
    isolation: isolate;
}
#pun #pun-viewtopic .post-vote p > a {
    font-size: 0 !important;
}
/**/ #pun #pun-viewtopic .reactions-container {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    min-width: 0;
}
#pun #pun-viewtopic .reaction-counters-container {
    /**/ order: 0;
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
    min-width: 0;
}
#pun #pun-viewtopic .reaction-picker {
    position: static;
    order: 1;
    flex: 0 0 auto;
}
/**/ #pun #pun-viewtopic .reaction-picker-panel {
    position: absolute;
    inset: auto 0 calc(100% + 8px) auto;
    z-index: 1000;
    transform: none;
}
#pun #pun-viewtopic .post {
    overflow: visible !important;
}
#pun #pun-viewtopic .post:has(.reaction-picker-panel) {
    z-index: 200;
}
/**/ #pun-viewtopic .reactions-root {
    position: relative;
    min-width: 0;
    padding: 0;
}
/**/ #pun-viewtopic .reactions-root ~ .reactions-root {
    display: none;
}
#pun-viewtopic .reactions-container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    min-width: 0;
}
#pun-viewtopic .reaction-counters-container {
    /**/ order: 0;
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    min-width: 0;
    padding: 0;
}
#pun-viewtopic .reaction-counters-container > * {
    flex: 0 0 auto;
}
#pun-viewtopic .reaction-picker {
    position: static;
    order: 1;
    flex: 0 0 auto;
}
/**/ #pun-viewtopic .reaction-chip {
    /**/ display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 28px;
    margin: 2px 0;
    /**/ color: var(--accent-color);
    /**/ background: transparent;
    border: 1px solid var(--accent-color);
    box-shadow: none;
    /**/ cursor: pointer;
    transition: background-color .2s, border-color .2s, color .2s;
}
#pun-viewtopic .reaction-chip.reaction-counter {
    gap: 3px;
    padding: 0 8px 0 4px;
    font: 700 12px/1 var(--font-base);
    border-radius: 999px;
}
#pun-viewtopic .reaction-counter__emoji {
    display: flex;
    align-items: center;
    padding: 0 2px;
}
#pun-viewtopic .reaction-counter__count {
    padding: 0 2px;
}
/**/ #pun-viewtopic .reaction-counter:not(.reaction-chip--disabled):hover, #pun-viewtopic .reaction-chip.reaction-chip--clicked {
    color: var(--accent-color);
    background: color-mix( in srgb, var(--accent-color) 24%, transparent );
    border-color: var(--accent-color);
}
#pun-viewtopic .reaction-chip.reaction-chip--clicked:not(.reaction-chip--disabled):hover {
    background: color-mix( in srgb, var(--accent-color) 12%, transparent );
}
#pun-viewtopic .reaction-chip.reaction-chip--disabled {
    cursor: default;
}
/**/ #pun-viewtopic .reaction-picker-button {
    /**/ width: 28px;
    min-width: 28px;
    height: 28px;
    padding: 0;
    /**/ color: var(--anketa-bg);
    /**/ background: color-mix( in srgb, var(--linkcolor) 18%, transparent );
    border: 0;
    border-radius: 50%;
}
#pun-viewtopic .reaction-picker-button svg {
    display: block;
    width: 14px;
    height: 14px;
    color: inherit !important;
}
#pun-viewtopic .reaction-picker-button svg path {
    fill: currentColor;
}
#pun-viewtopic .reaction-picker-button:not(.reaction-chip--disabled):hover, #pun-viewtopic .reaction-picker:has(.reaction-picker-panel) .reaction-picker-button {
    color: var(--anketa-bg);
    background: var(--accent-color);
}
/**/ #pun-viewtopic .reaction-picker-panel {
    position: absolute;
    inset: auto 0 calc(100% + 8px) auto;
    z-index: 1000;
    width: min(315px, calc(100vw - 24px));
    margin: 0;
    transform: none;
}
#pun-viewtopic .reactions-root .emoji-mart {
    width: 100% !important;
    box-sizing: border-box;
    color: var(--text-color);
    background: var(--anketa-bg);
    border: 1px solid var(--blue-muted);
    border-radius: var(--radius-medium);
    box-shadow: 0 8px 32px rgb(from var(--textcolor) r g b / 0.2);
}
.dark #pun-viewtopic .reactions-root .emoji-mart {
    box-shadow: 0 8px 32px rgb(from var(--textcolor) r g b / 0.45);
}
/**/ #pun-viewtopic .reactions-root .emoji-mart-anchor {
    margin: 0 !important;
    border-radius: 0;
}
#pun-viewtopic .reactions-root .emoji-mart-anchors svg {
    fill: var(--text-color);
}
#pun-viewtopic .reactions-root .emoji-mart-anchor:hover {
    background: transparent !important;
}
#pun-viewtopic .reactions-root .emoji-mart-anchor:hover svg, #pun-viewtopic .reactions-root .emoji-mart-anchor-selected svg {
    fill: var(--accent-color);
}
#pun-viewtopic .reactions-root .emoji-mart-anchor-bar {
    background: var(--accent-color) !important;
}
#pun-viewtopic .reactions-root .emoji-mart-bar {
    border-color: var(--blue-muted);
}
/**/ #pun-viewtopic .reactions-root .emoji-mart-search input {
    box-sizing: border-box;
    color: var(--text-color);
    background: var(--buttoncol);
    border-color: var(--blue-muted);
}
#pun-viewtopic .reactions-root .emoji-mart-search-icon {
    top: 2px;
    opacity: 1;
}
#pun-viewtopic .reactions-root .emoji-mart-search-icon svg {
    fill: var(--blue-muted);
}
/**/ #pun-viewtopic .reactions-root .emoji-mart-category-label span {
    color: var(--text-color);
    background: var(--anketa-soft);
}
#pun-viewtopic .reactions-root .emoji-mart-emoji:hover {
    background: transparent !important;
}
#pun-viewtopic .reactions-root .emoji-mart-category .emoji-mart-emoji:hover::before {
    background: color-mix( in srgb, var(--blue-muted) 30%, transparent );
}
/**/ #pun-viewtopic .reaction-picker-panel .emoji-mart-emoji > span {
    width: 20px !important;
    height: 20px !important;
    cursor: pointer;
}
/**/ #pun-viewtopic .reactions-root .icon-spin {
    position: relative !important;
}
/**/ #pun-navlinks.section .multiacc-profilemenu {
    /**/ position: absolute;
    z-index: 1000;
    top: calc(100% + 0px);
    left: 50%;
    right: auto;
    width: 245px;
    height: auto;
    margin: 0px;
    padding: 5px;
    box-sizing: border-box;
    /**/ color: var(--text-color);
    /**/ border-inline: 1px solid var(--wordcolor);
    border: 1px solid color-mix( in srgb, var(--blue-deep) 55%, transparent );
    border-radius: var(--radius-medium);
    background: var(--anketa-bg);
    box-shadow: 0 8px 20px rgb(from var(--muted-text) r g b / 0.22), inset 0 0 0 2px rgb(from var(--ulinki) r g b / 0.45);
}
.multiacc-profilemenu li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 12px;
    gap: 10px;
    width: 100%;
}
.multiacc-profilemenu li a {
    display: block;
    flex-grow: 1;
    padding-left: 20px;
    position: relative;
    text-align: left;
}
.multiacc-profilemenu li:first-child {
    font-weight: 700;
    background-color: var(--bg-light);
}
#pun-navlinks.section .multiacc-profilemenu li a:hover {
    color: var(--wordcolor);
}
.multiacc-delete-btn {
    flex-shrink: 0;
    margin-left: auto;
    background: none;
    border: none;
    cursor: pointer;
}
.multiacc-dialog div {
    display: flex;
    justify-content: center;
}
.multiacc-dialog div:not(.multiacc-dialog div:last-child) {
    flex-direction: column;
}
.multiacc-dialog button {
    /**/ min-height: 28px;
    margin: 0;
    padding: 5px 11px;
    /**/ color: var(--main-white);
    font-size: 10px;
    font-weight: 600;
    /**/ border-inline: 1px solid var(--wordcolor);
    border-block: 0;
    border: 1px solid color-mix( in srgb, var(--accent-color) 35%, transparent );
    border-radius: var(--radius-small);
    background: var(--accent-color);
    /**/ cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
}
/**/ #navprofiles {
    position: relative;
    z-index: 100;
}
/**/ /**/ #pun-navlinks.section .multiacc-profilemenu li {
    /**/ position: relative;
    top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 35px;
    margin: 0;
    padding: 6px 9px;
    gap: 8px;
    box-sizing: border-box;
    /**/ font-size: 10px;
    line-height: 1.2;
    /**/ border: 0;
    border-bottom: 1px solid color-mix( in srgb, var(--text-color) 12%, transparent );
    background: transparent;
    /**/ transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
/**/ #pun-navlinks.section .multiacc-profilemenu li:last-child {
    border-bottom: 0;
}
/**/ #pun-navlinks.section .multiacc-profilemenu li:hover {
    background: color-mix( in srgb, var(--online-orange) 10%, transparent );
    box-shadow: inset 3px 0 0 var(--anketa-text);
}
/**/ #pun-navlinks.section .multiacc-profilemenu li:first-child {
    /**/ min-height: 38px;
    margin-bottom: 3px;
    /**/ color: var(--main-white);
    font-weight: 700;
    text-transform: uppercase;
    /**/ border: 0;
    border-radius: calc(var(--radius-medium) - 2px) calc(var(--radius-medium) - 2px) var(--radius-small) var(--radius-small);
    background: var(--blue-deep);
}
/**/ #pun-navlinks.section .multiacc-profilemenu li:first-child:hover {
    background: var(--roles-text);
    box-shadow: none;
}
/**/ #pun-navlinks.section .multiacc-profilemenu li a {
    /**/ position: relative;
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    padding: 0;
    flex: 1 1 auto;
    /**/ color: var(--blue-deep);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
    text-align: left;
    text-decoration: none;
}
/**/ #pun-navlinks.section .multiacc-profilemenu li:not(:first-child) a::before {
    content: "\f007";
    color: var(--anketa-text);
    font-family: var(--fa);
    font-size: 11px;
    font-weight: normal;
    line-height: 1;
}
/**/ #pun-navlinks.section .multiacc-profilemenu li:first-child a {
    color: var(--main-white);
    font: 600 12px var(--eng);
}
#pun-navlinks.section .multiacc-profilemenu li:first-child a::before {
    content: "\f234";
    color: var(--main-white);
    font-family: var(--fa);
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
}
/**/ #pun-navlinks.section .multiacc-profilemenu li:not(:first-child) a:hover {
    color: var(--link-hover-color);
}
/**/ #pun-navlinks.section .multiacc-delete-btn {
    /**/ display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin: 0 0 0 auto;
    padding: 0;
    flex: 0 0 24px;
    /**/ color: var(--online-orange);
    font-size: 0;
    /**/ border: 0;
    border-radius: 50%;
    background: transparent;
    /**/ cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}
/**/ #pun-navlinks.section .multiacc-delete-btn::before {
    content: "\f1f8";
    font-family: var(--fa);
    font-size: 11px;
    font-weight: normal;
    line-height: 1;
}
/**/ #pun-navlinks.section .multiacc-delete-btn:hover {
    color: var(--main-red);
    background: color-mix( in srgb, var(--online-orange) 12%, transparent );
    transform: scale(1.08);
}
/**/ .multiacc-dialog {
    /**/ z-index: 99999;
    width: min(90vw, 360px);
    padding: 6px;
    box-sizing: border-box;
    /**/ color: var(--text-color);
    font-size: 11px;
    /**/ border: 1px solid var(--accent-color2);
    border-radius: var(--radius-medium);
    background: var(--main-white);
    box-shadow: 0 12px 35px rgb(from var(--muted-text) r g b / 0.3);
}
/**/ .multiacc-dialog::backdrop {
    background: rgb(from var(--muted-text) r g b / 0.35);
    backdrop-filter: blur(2px);
}
/**/ .multiacc-dialog > form {
    padding: 14px;
    border: 1px solid color-mix( in srgb, var(--accent-color2) 35%, transparent );
    border-radius: calc(var(--radius-medium) - 2px);
    background: var(--profile-body-color);
}
/**/ .multiacc-dialog form > div {
    display: flex;
    justify-content: center;
    gap: 7px;
}
.multiacc-dialog form > div:not(:last-child) {
    flex-direction: column;
    margin-bottom: 10px;
}
/**/ .multiacc-dialog input {
    /**/ width: 100%;
    padding: 7px 9px;
    box-sizing: border-box;
    /**/ color: var(--text-color);
    font-size: 11px;
    /**/ border: 1px solid color-mix( in srgb, var(--text-color) 20%, transparent );
    border-radius: var(--radius-small);
    background: var(--main-white);
}
/**/ .multiacc-dialog input:focus {
    border-color: var(--main-blue);
    outline: 2px solid color-mix( in srgb, var(--main-blue) 20%, transparent );
}
/**/ .multiacc-dialog button:hover {
    color: var(--main-white);
    background: var(--button-color-hover);
    transform: translateY(-1px);
}
/**/ /**/ #pun #form-buttons td#symbol-counter {
    /**/ position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    flex: 0 0 110px !important;
    gap: 4px;
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
    /**/ color: var(--anketa-bg) !important;
    font: 400 10px/1.2 var(--eng);
    font-variant-numeric: tabular-nums !important;
    text-transform: lowercase;
    white-space: nowrap !important;
    /**/ background: var(--anketa-text) !important;
    border: 0;
    border-radius: var(--radius-medium);
    box-shadow: none;
    /**/ -webkit-text-fill-color: var(--bg-light) !important;
    cursor: default;
}
#pun #form-buttons td#symbol-counter::before, #pun #form-buttons td#symbol-counter::after {
    content: none !important;
    display: none !important;
}
#pun #form-buttons td#symbol-counter > span {
    color: var(--bg-light);
    font-weight: 600;
    -webkit-text-fill-color: var(--bg-light);
}
/**/ #realtime-toggle {
    position: relative;
    z-index: 2;
    width: auto;
    margin: 14px 18px 16px;
    padding: 0;
    box-sizing: border-box;
    text-align: right;
}
#realtime-toggle a {
    /**/ display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    /**/ color: var(--bg-light);
    text-decoration: none;
    /**/ border-radius: var(--radius-small);
    background: var(--accent-color);
    /**/ transition: color 0.2s ease, background-color 0.2s ease;
}
#realtime-toggle a::before {
    content: "\f021";
    font-family: var(--fa);
    font-weight: 900;
    font-size: 0.85em;
}
#realtime-toggle a:hover {
    color: var(--main-white) !important;
    background-color: var(--button-color-hover) !important;
}
/**/ /**/ #tooltip {
    /**/ position: absolute;
    display: none;
    padding: 6px 10px;
    max-width: 200px;
    z-index: 2147483647;
    /**/ color: var(--ulinki);
    font-family: Verdana, sans-serif;
    font-size: 10px;
    text-align: justify;
    white-space: normal;
    /**/ background: var(--textcolor);
    border-radius: 5px;
    box-shadow: 0 4px 12px rgb(from var(--textcolor) r g b / 0.25);
    /**/ pointer-events: none;
}
/**/ #mask_dialog .hv-bg {
    /**/ position: fixed;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    z-index: 10020;
    padding: 16px;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /**/ background: rgb(from var(--textcolor) r g b / 0.4);
    /**/ cursor: pointer;
}
#mask_dialog .inner {
    /**/ margin: 0;
    box-sizing: border-box;
    width: 760px;
    max-width: 100%;
    max-height: 90dvh;
    overflow: auto;
    z-index: 100;
    padding: 8px;
    /**/ color: var(--text-color);
    font: 400 12px/1.5 var(--eng);
    /**/ border: 1px solid var(--accent-color2);
    border-radius: var(--radius-large);
    box-shadow: 0 0 40px color-mix(in srgb, var(--bg-dark) 35%, transparent);
    background: linear-gradient(color-mix(in srgb, var(--anketa-bg) 90%, transparent), color-mix(in srgb, var(--anketa-bg) 90%, transparent)), var(--new-main) center / cover no-repeat;
    /**/ cursor: default;
}
#mask_dialog .inner * {
    box-sizing: border-box;
}
#mask_dialog .hv-mask-dialog-title {
    position: relative;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
}
#mask_dialog .hv-error-list {
    padding: 8px;
    margin: 8px 0;
    color: var(--redcolor);
    background: color-mix(in srgb, var(--redcolor) 18%, var(--anketa-bg));
    border: solid 1px;
}
#mask_dialog .hv-mask-block {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 12px;
    padding: 12px 0;
}
#mask_dialog .hv-preview-block {
    /**/ flex: 0 0 120px;
    max-width: 120px;
    overflow: hidden;
    max-height: 360px;
    min-width: 0;
    overflow-y: auto;
    overflow-x: hidden;
    /**/ text-align: center;
    word-break: break-word;
}
#mask_dialog .hv-preview-block > div {
    padding: 3px 0;
}
#mask_dialog .hv-form-block {
    flex: 1 1 auto;
    max-height: 360px;
    min-width: 0;
    overflow-y: auto;
}
#mask_dialog .hv-preview-block img {
    max-width: 100px;
}
#mask_dialog .hv-form-block label {
    display: block;
    margin-bottom: 4px;
    color: var(--text-color);
    font-weight: 600;
}
#mask_dialog .hv-form-block label:after {
    content: "";
    display: table;
    clear: both;
    margin-bottom: 2px;
}
#mask_dialog .hv-description {
    font-size: .9em;
    color: var(--wordcolor);
    font-style: italic;
}
#mask_dialog .hv-add-template {
    float: right;
    padding: 2px 4px;
    border: solid 1px var(--tablichka-border);
}
#mask_dialog .hv-form-block input, #mask_dialog .hv-form-block textarea {
    width: 100%;
}
#mask_dialog .hv-mask-field {
    position: relative;
}
#mask_dialog .hv-mask-field + .hv-mask-field {
    margin-top: 10px;
}
#mask_dialog .hv-masks-storage {
    /**/ flex: 0 1 150px;
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    max-height: 360px;
    min-width: 0;
    overflow-y: auto;
    overflow-x: hidden;
    /**/ list-style: none;
}
#mask_dialog .hv-masks-storage.hidden {
    display: none;
}
#mask_dialog .hv-mask-element {
    width: 60px;
    padding: 4px;
    position: relative;
}
#mask_dialog .hv-mask-element img {
    max-width: 100%;
    cursor: pointer;
}
.hv-storage-count {
    flex: 1 1 100%;
    width: 100%;
    padding-bottom: 6px;
    text-align: center;
    color: var(--wordcolor);
    font-size: 10px;
}
#mask_dialog .hv-mask-tooltip {
    /**/ position: absolute;
    top: 4px;
    min-width: 160px;
    right: 60px;
    padding: 4px;
    z-index: 5;
    overflow-y: auto;
    display: none;
    /**/ border: solid 1px var(--tablichka-border);
}
#mask_dialog .hv-mask-element > img:hover + .hv-mask-tooltip {
    display: block;
}
#mask_dialog .hv-mask-tooltip > * {
    zoom: .7;
}
#mask_dialog .hv-delete-mask {
    display: block;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
}
#mask_dialog .hv-control {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}
.hv-mask-tipsy {
    max-width: 280px;
}
.post-content .hvmask {
    display: none;
}
/**/ .hvMiniProfileWrapper {
    position: relative;
    width: 0;
    height: 0;
    margin: -1px;
    z-index: 10;
}
.hvMiniProfile {
    /**/ position: absolute;
    right: 8px;
    top: 8px;
    padding: 4px;
    /**/ background: color-mix(in srgb, var(--anketa-bg) 80%, transparent);
    box-shadow: 0 0 1px 0 rgb(from var(--textcolor) r g b / 0.5);
    border-radius: 4px;
    /**/ cursor: pointer;
}
.hvMiniProfile img {
    max-width: 32px;
    display: block;
    opacity: .5;
    transition: all ease-out .5s;
}
.hvMiniProfile.hv-mask-state::after {
    /**/ content: '';
    position: absolute;
    top: 3px;
    right: 3px;
    width: 8px;
    height: 8px;
    z-index: 1;
    /**/ border-radius: 50%;
    background: var(--accent-color);
    opacity: 0;
    /**/ transition: opacity .2s ease-out;
}
.hvMiniProfile.hv-mask-state::before {
    /**/ content: '';
    position: absolute;
    top: 4px;
    right: 4px;
    width: 6px;
    height: 6px;
    z-index: 2;
    /**/ background: center/contain no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 94.666 94.666'%3E%3Cpath fill='%23ffffff' d='M76.923,35.406h-3.128v-8.945C73.795,11.871,61.924,0,47.333,0S20.871,11.871,20.871,26.461v8.945h-3.128c-1.104,0-2,0.896-2,2v55.26c0,1.104,0.896,2,2,2h59.18c1.104,0,2-0.896,2-2v-55.26C78.923,36.302,78.028,35.406,76.923,35.406zM47.333,11.181c8.426,0,15.281,6.854,15.281,15.28v8.945H32.052v-8.945C32.052,18.036,38.907,11.181,47.333,11.181z'/%3E%3C/svg%3E");
    opacity: 0;
    /**/ transition: opacity .2s ease-out;
}
.hvMiniProfile.hv-mask-ready img, .hvMiniProfile.hv-mask-ready::after {
    opacity: 1;
}
.hvMiniProfile.hv-mask-remembered::before {
    opacity: 1;
}
.hvMiniProfile.hv-mask-empty {
    display: none;
}
.hv-editor-preview {
    /**/ position: fixed;
    z-index: 10010;
    width: 140px;
    display: none;
    overflow: hidden;
    /**/ text-align: center;
    word-break: break-word;
    /**/ border: 1px solid rgb(from var(--textcolor) r g b / 0.1);
    background: color-mix(in srgb, var(--anketa-bg) 70%, transparent);
    box-shadow: 0 4px 16px rgb(from var(--textcolor) r g b / 0.16);
    /**/ transform: scale(0.7);
    transform-origin: top left;
}
.hv-editor-preview.is-visible {
    display: block;
}
.hv-editor-preview .hv-preview-caption {
    margin-bottom: 6px;
    font-size: 11px;
    color: var(--wordcolor);
    text-transform: uppercase;
}
.hv-editor-preview .post-author {
    margin: 0;
}
.hv-editor-preview .post-author ul {
    margin: 0;
    padding: 8px;
    list-style: none;
}
.hv-editor-preview .post-author li {
    padding: 2px 0;
}
.hv-editor-preview .hv-preview-block img {
    max-width: 100px;
}
.hv-editor-preview .hv-preview-block {
    position: relative;
    max-height: 280px;
    overflow-y: auto;
    overflow-x: hidden;
}
.hv-editor-preview .hv-preview-block * {
    max-width: 100% !important;
    box-sizing: border-box;
    overflow-wrap: anywhere;
    word-break: break-word;
}
.hv-editor-preview .hv-preview-block ul > :empty {
    display: none;
}
.hv-editor-preview .hv-preview-block .hv-preview-avatar img, .hv-editor-preview .hv-preview-block img {
    height: auto !important;
    max-height: 200px !important;
}
.hv-editor-preview .hv-preview-block [style*="position:fixed"], .hv-editor-preview .hv-preview-block [style*="position: fixed"], .hv-editor-preview .hv-preview-block [style*="position:absolute"], .hv-editor-preview .hv-preview-block [style*="position: absolute"] {
    /**/ position: static !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    /**/ transform: none !important;
}
.hv-editor-preview .hv-preview-block a {
    pointer-events: none !important;
    cursor: default !important;
}
.hv-editor-preview .hv-editor-preview-clear {
    display: none;
    margin: 2px auto;
    cursor: pointer;
}
.hv-editor-preview .hv-editor-preview-clear.is-visible {
    display: block;
}
#mask_dialog .hv-options-menu {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
#mask_dialog .hv-options-menu > summary {
    display: inline-block;
    list-style: none;
    user-select: none;
}
#mask_dialog .hv-options-menu > summary::-webkit-details-marker {
    display: none;
}
#mask_dialog .hv-options-list {
    /**/ position: absolute;
    z-index: 10;
    left: 0;
    top: auto;
    bottom: calc(100% + 4px);
    min-width: 260px;
    padding: 8px;
    /**/ color: var(--text-color);
    text-align: left;
    /**/ background: linear-gradient(color-mix(in srgb, var(--anketa-bg) 90%, transparent), color-mix(in srgb, var(--anketa-bg) 90%, transparent)), var(--new-main) center / cover no-repeat;
    border: 1px solid var(--tablichka-border);
    box-shadow: 0 2px 8px rgb(from var(--textcolor) r g b / 0.18);
}
#mask_dialog .hv-options-list label {
    display: block;
    margin: 0;
    white-space: normal;
}
#mask_dialog .hv-options-list label + label {
    margin-top: 6px;
}
#mask_dialog .hv-options-list input[type="checkbox"] {
    margin-right: 6px;
}
#mask_dialog .hv-topic-mask-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    color: var(--hv-topic-mask-color-inactive);
}
#mask_dialog .hv-topic-mask-toggle.is-active {
    color: var(--hv-topic-mask-color-active);
}
#mask_dialog .hv-topic-mask-toggle .hv-topic-mask-icon {
    width: 16px;
    height: 16px;
    display: none;
}
#mask_dialog .hv-topic-mask-toggle.is-active .hv-topic-mask-icon-locked {
    display: block;
}
#mask_dialog .hv-topic-mask-toggle.is-inactive .hv-topic-mask-icon-unlocked {
    display: block;
}
/**/ #accessForumForm {
    padding: 0;
    max-width: 700px;
    width: 96vw;
    overflow: hidden;
    border: none;
    border-radius: 8px;
    box-shadow: 0 8px 40px rgb(from var(--textcolor) r g b / 0.35);
}
#accessForumForm::backdrop {
    background: rgb(from var(--textcolor) r g b / 0.45);
}
#accessForumForm h2 {
    margin: 0;
    padding: 14px 18px;
    font-size: 15px;
    background: var(--surface-olive);
    border-bottom: 1px solid var(--tablichka-border);
}
#accessLevels {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
#accessLevels thead th {
    /**/ padding: 8px 10px;
    /**/ font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--text-color);
    text-align: center;
    /**/ background: var(--anketa-bg);
    border-bottom: 2px solid var(--tablichka-border);
}
#accessLevels thead th:nth-child(1) {
    border-top: 3px solid var(--redcolor);
}
#accessLevels thead th:nth-child(2) {
    border-top: 3px solid var(--accentcolor2);
}
#accessLevels thead th:nth-child(3) {
    border-top: 3px solid var(--blue-muted);
}
.access-drop-zone {
    vertical-align: top;
    padding: 8px;
    min-height: 120px;
    border-right: 1px solid var(--tablichka-border);
    transition: background .15s ease;
}
.access-drop-zone:last-child {
    border-right: none;
}
.access-drop-zone.drag-over {
    background: var(--surface-blue);
    outline: 2px dashed var(--accent-light);
    outline-offset: -3px;
}
.access-group-chip {
    /**/ display: inline-flex;
    align-items: center;
    padding: 4px 9px;
    margin: 3px;
    /**/ font-size: 12px;
    line-height: 1.4;
    /**/ border-radius: 20px;
    background: var(--anketa-bg);
    border: 1px solid var(--tablichka-border);
    box-shadow: 0 1px 3px rgb(from var(--textcolor) r g b / 0.1);
    /**/ cursor: grab;
    user-select: none;
    transition: box-shadow .12s ease, opacity .12s ease, transform .12s ease;
}
.access-group-chip:hover {
    box-shadow: 0 2px 8px rgb(from var(--textcolor) r g b / 0.18);
    border-color: var(--blue-muted);
}
.access-group-chip.dragging {
    opacity: .45;
    cursor: grabbing;
    transform: scale(.97);
}
.access-dialog-footer {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 14px;
    border-top: 1px solid var(--tablichka-border);
    background: var(--anketa-bg);
}
/**/ /**/ .hvwrapper .hv-form-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 12px 16px;
    align-items: end;
}
.hvwrapper .inputfield {
    margin: 0;
}
.hvwrapper .inputfield label {
    display: inline-block;
    margin-bottom: 4px;
    font-weight: 600;
}
.hvwrapper .inputfield .input {
    display: block;
}
.hvwrapper .inputfield .input input, .hvwrapper .inputfield .input select, .hvwrapper #af_templates input {
    /**/ width: 100%;
    min-height: 34px;
    padding: 6px 10px;
    box-sizing: border-box;
    /**/ border: 1px solid var(--tablichka-border);
    border-radius: 4px;
    background: var(--anketa-bg);
    /**/ transition: border-color .15s ease, box-shadow .15s ease;
}
.hvwrapper .inputfield .input input:focus, .hvwrapper .inputfield .input select:focus, .hvwrapper #af_templates input:focus {
    border-color: var(--accent-light);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent-light) 20%, transparent);
    outline: none;
}
.hvwrapper .hv-checkbox-field {
    grid-column: 1 / -1;
}
.hvwrapper .hv-checkbox-field label {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
}
.hvwrapper .hv-field-preview {
    display: inline-flex;
    margin-top: 6px;
    padding: 4px;
    border: 1px solid var(--tablichka-border);
    border-radius: 6px;
    background: var(--anketa-bg);
}
.hvwrapper .hv-field-preview img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}
#editAdditionalFieldForm {
    padding: 18px;
    width: min(760px, 96vw);
    border: none;
    border-radius: 8px;
    box-shadow: 0 8px 40px rgb(from var(--textcolor) r g b / 0.35);
}
#editAdditionalFieldForm::backdrop {
    background: rgb(from var(--textcolor) r g b / 0.45);
}
#editAdditionalFieldForm h2 {
    margin-top: 0;
}
.af-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px 16px;
    margin-bottom: 12px;
}
.af-row .af-wide {
    grid-column: 1 / -1;
}
.af-templates {
    display: grid;
    gap: 8px;
}
.af-entry {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) auto;
    gap: 8px;
}
.af-templates-add {
    margin-top: 10px;
}
.af-dialog-footer {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 14px;
}
@media (max-width: 768px) {
    .hvwrapper .hv-form-grid {
        grid-template-columns: 1fr;
    }
    .af-entry {
        grid-template-columns: 1fr;
    }
    #mask_dialog .inner {
        width: 100%;
        max-width: 100%;
        max-height: 100%;
        padding: 8px 6px;
        overflow-x: hidden;
    }
    #mask_dialog .hv-mask-block {
        flex-wrap: wrap;
    }
    #mask_dialog .hv-preview-block {
        display: none;
    }
    #mask_dialog .hv-form-block {
        flex: 1 1 100%;
        max-height: none;
        overflow: visible;
    }
    #mask_dialog .hv-masks-storage {
        /**/ order: 2;
        flex: 1 1 100%;
        max-height: none;
        margin-top: 8px;
        padding: 8px 0;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }
    #mask_dialog .hv-mask-element {
        flex: 0 0 68px;
    }
    #mask_dialog .hv-storage-count {
        flex: 0 0 auto;
        width: auto;
        padding: 0 8px 0 0;
        white-space: nowrap;
        text-align: left;
    }
}
/**/ #mask_dialog .inner, #mask_dialog .inner *, .hv-editor-preview, #accessForumForm, #editAdditionalFieldForm {
    scrollbar-width: thin;
    scrollbar-color: var(--blue-muted) transparent;
}
#mask_dialog .hv-mask-dialog-title {
    /**/ padding: 12px 16px;
    margin: 0 0 8px;
    /**/ color: var(--text-color);
    font-family: var(--rus);
    line-height: 1.4;
    /**/ background: linear-gradient(color-mix(in srgb, var(--anketa-bg) 75%, transparent), color-mix(in srgb, var(--anketa-bg) 75%, transparent)), var(--fon-banner) center / cover no-repeat;
    border: 1px solid var(--tablichka-border);
    border-radius: var(--radius-medium);
}
#mask_dialog .hv-preview-block, #mask_dialog .hv-masks-storage {
    padding: 8px;
    margin: 0;
    background: var(--badge-symbol-bg);
    border: 1px solid var(--tablichka-border);
    border-radius: var(--radius-medium);
}
#mask_dialog .hv-preview-block img, #mask_dialog .hv-mask-element img {
    display: block;
    height: auto;
    margin: 0 auto;
    border-radius: var(--radius-small);
}
#mask_dialog .hv-form-block {
    padding: 0 4px;
}
#mask_dialog .hv-form-block input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="hidden"]), #mask_dialog .hv-form-block textarea, #mask_dialog .hv-form-block select {
    /**/ width: 100%;
    min-width: 0;
    min-height: 34px;
    height: auto;
    padding: 7px 10px;
    box-sizing: border-box;
    /**/ color: var(--text-color);
    font: 400 12px/1.5 var(--eng);
    /**/ border: 1px solid var(--tablichka-border);
    border-radius: var(--radius-small);
    background: var(--anketa-bg);
    /**/ -webkit-text-fill-color: var(--text-color);
}
#mask_dialog .hv-form-block textarea {
    min-height: 80px;
    resize: vertical;
}
#mask_dialog input[type="checkbox"], #mask_dialog input[type="radio"] {
    width: auto;
    accent-color: var(--accent-color);
}
#mask_dialog .hv-control {
    padding: 12px 0 4px;
    border-top: 1px solid var(--tablichka-border);
}
#mask_dialog .hv-control button, #mask_dialog input[type="button"], #mask_dialog input[type="submit"], #mask_dialog .hv-options-menu > summary, #mask_dialog .hv-add-template {
    /**/ min-height: 32px;
    padding: 6px 12px;
    box-sizing: border-box;
    /**/ color: var(--buttontextcolor);
    font: 600 12px/1.4 var(--eng);
    text-align: center;
    /**/ border: 1px solid var(--accent-color);
    border-radius: var(--radius-small);
    background: var(--accent-color);
    /**/ -webkit-text-fill-color: currentColor;
    cursor: pointer;
    transition: background-color .2s, border-color .2s;
}
#mask_dialog .hv-control button:hover, #mask_dialog input[type="button"]:hover, #mask_dialog input[type="submit"]:hover, #mask_dialog .hv-options-menu > summary:hover, #mask_dialog .hv-add-template:hover {
    background: var(--anketa-bg);
    border-color: var(--blue-deep);
}
#mask_dialog .hv-delete-mask {
    padding: 4px 0;
    color: var(--redcolor);
}
#mask_dialog .hv-delete-mask:hover {
    color: var(--link-hover-color);
    text-decoration: underline;
}
#mask_dialog :is(input, textarea, select, button, summary, a):focus-visible {
    outline: 2px solid var(--accent-light);
    outline-offset: 2px;
}
#mask_dialog .hv-mask-tooltip {
    color: var(--text-color);
    background: var(--anketa-bg);
    border-radius: var(--radius-medium);
}
#mask_dialog .hv-options-list {
    border-radius: var(--radius-medium);
}
.hv-editor-preview, #accessForumForm, #editAdditionalFieldForm {
    color: var(--text-color);
    font-family: var(--eng);
    background: var(--anketa-bg);
    border-radius: var(--radius-medium);
}
.hvMiniProfile {
    border: 1px solid var(--tablichka-border);
}
html.dark #mask_dialog, html.dark #accessForumForm, html.dark #editAdditionalFieldForm {
    color-scheme: dark;
}
/**/ @media (max-width: 768px) {
    #mask_dialog .hv-bg {
        padding: 8px;
    }
    #mask_dialog .inner {
        max-height: calc(100dvh - 16px);
    }
    #mask_dialog .hv-masks-storage {
        padding: 8px;
        margin-top: 8px;
    }
    #mask_dialog .hv-options-list {
        left: auto;
        right: 0;
        min-width: 0;
        width: min(260px, calc(100vw - 40px));
        max-height: 50vh;
        overflow-y: auto;
    }
}
/**/ /**/ #pun-navlinks .container li {
    position: relative;
}
html:not(.dark) #pun-navlinks > .container {
    padding-bottom: 3px;
    background: linear-gradient( 90deg, transparent, color-mix(in srgb, var(--anketa-bg) 50%, transparent) 12%, color-mix(in srgb, var(--anketa-bg) 50%, transparent) 88%, transparent );
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 40px;
    border-radius: var(--radius-medium);
}
html:not(.dark) #pun-navlinks > .container > li > a:hover, html:not(.dark) #pun-navlinks > .container > li.isactive > a {
    color: var(--admin-border);
}
/**/ #pun-navlinks > .container > li > ul:not(.multiacc-profilemenu) {
    /**/ position: absolute;
    z-index: 120;
    top: calc(100% + 6px);
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 2px;
    min-width: 100%;
    width: max-content;
    max-width: 280px;
    margin: 0;
    padding: 5px;
    box-sizing: border-box;
    /**/ color: var(--text-color);
    /**/ background: var(--anketa-bg);
    border: 1px solid color-mix( in srgb, var(--blue-deep) 55%, var(--bg-light) );
    border-radius: var(--radius-medium);
    box-shadow: 0 8px 22px color-mix( in srgb, var(--accent-color-light) 28%, transparent );
    opacity: 0;
    /**/ visibility: hidden;
    transform: translateY(-5px) scaleY(0.96);
    transform-origin: top center;
    pointer-events: none;
    transition: visibility 0.18s ease, opacity 0.18s ease, transform 0.18s ease;
}
/**/ #pun-navlinks > .container > li > ul:not(.multiacc-profilemenu)::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 3px;
    border: 1px solid color-mix( in srgb, var(--accent-color2) 11%, transparent );
    border-radius: calc(var(--radius-medium) - 3px);
    pointer-events: none;
}
/**/ #pun-navlinks > .container > li > ul:not(.multiacc-profilemenu)::before {
    /**/ content: "";
    position: absolute;
    top: -7px;
    left: 0;
    width: 100%;
    height: 7px;
    /**/ background: transparent;
    /**/ pointer-events: auto;
}
/**/ #pun-navlinks > .container > li:hover > ul:not(.multiacc-profilemenu) {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scaleY(1);
    pointer-events: auto;
}
/**/ #pun-navlinks > .container > li > ul:not(.multiacc-profilemenu) > li {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
/**/ #pun-navlinks > .container > li > ul:not(.multiacc-profilemenu) > li::after {
    content: none;
    display: none;
}
/**/ #pun-navlinks > .container > li > ul:not(.multiacc-profilemenu) > li > a {
    /**/ position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 31px;
    margin: 0;
    padding: 7px 12px;
    box-sizing: border-box;
    overflow: hidden;
    /**/ color: var(--blue-deep);
    font-family: var(--eng);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.025em;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
    /**/ background: transparent;
    border: 1px solid transparent;
    border-radius: var(--radius-small);
    /**/ transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, padding-left 0.2s ease;
}
/**/ #pun-navlinks > .container > li > ul:not(.multiacc-profilemenu) > li:not(:last-child) > a {
    border-bottom-color: color-mix( in srgb, var(--blue-muted) 17%, transparent );
}
/**/ #pun-navlinks > .container > li > ul:not(.multiacc-profilemenu) > li > a::before {
    /**/ content: "";
    flex: 0 0 auto;
    width: 5px;
    height: 5px;
    margin-right: 8px;
    /**/ background: var(--blue-deep);
    border-radius: 50%;
    /**/ transition: background-color 0.2s ease, transform 0.2s ease;
}
/**/ #pun-navlinks > .container > li > ul:not(.multiacc-profilemenu) > li > a::after {
    content: none;
    display: none;
}
/**/ #pun-navlinks > .container > li > ul:not(.multiacc-profilemenu) > li > a:hover {
    padding-left: 16px;
    color: var(--accent-color2);
    background: color-mix( in srgb, var(--accent-light) 19%, var(--main-white) );
    border-color: color-mix( in srgb, var(--accent-color2) 28%, transparent );
}
#pun-navlinks > .container > li > ul:not(.multiacc-profilemenu) > li > a:hover::before {
    background: var(--blue-deep);
    transform: scale(1.3);
}
/**/ /**/ #pun-navlinks > .container > li > ul:not(.multiacc-profilemenu) > li.forms > a {
    padding-right: 29px;
}
/**/ #pun-navlinks > .container > li > ul:not(.multiacc-profilemenu) > li.forms > a::after {
    /**/ content: "\f054";
    position: absolute;
    top: 50%;
    right: 11px;
    display: block;
    /**/ color: var(--blue-deep);
    font-family: var(--fa);
    font-size: 8px;
    font-weight: 900;
    line-height: 1;
    /**/ transform: translateY(-50%);
    transition: color 0.2s ease, transform 0.2s ease;
}
#pun-navlinks > .container > li > ul:not(.multiacc-profilemenu) > li.forms:hover > a::after {
    color: var(--blue-deep);
    transform: translateY(-50%) translateX(2px);
}
/**/ #pun-navlinks > .container > li > ul:not(.multiacc-profilemenu) > li > ul:not(.multiacc-profilemenu) {
    /**/ position: absolute;
    z-index: 130;
    top: -5px;
    left: calc(100% + 10px);
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 2px;
    min-width: 100%;
    width: max-content;
    max-width: 280px;
    margin: 0;
    padding: 5px;
    box-sizing: border-box;
    /**/ color: var(--text-color);
    /**/ background: var(--anketa-bg);
    border: 1px solid color-mix( in srgb, var(--blue-deep) 55%, var(--bg-light) );
    border-radius: var(--radius-medium);
    box-shadow: 0 8px 22px color-mix( in srgb, var(--accent-color-light) 28%, transparent );
    opacity: 0;
    /**/ visibility: hidden;
    transform: translateX(-5px) scaleX(0.96);
    transform-origin: left center;
    pointer-events: none;
    transition: visibility 0.18s ease, opacity 0.18s ease, transform 0.18s ease;
}
/**/ #pun-navlinks > .container > li > ul:not(.multiacc-profilemenu) > li > ul:not(.multiacc-profilemenu)::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 3px;
    border: 1px solid color-mix( in srgb, var(--accent-color2) 11%, transparent );
    border-radius: calc(var(--radius-medium) - 3px);
    pointer-events: none;
}
/**/ #pun-navlinks > .container > li > ul:not(.multiacc-profilemenu) > li > ul:not(.multiacc-profilemenu)::before {
    /**/ content: "";
    position: absolute;
    top: 0;
    left: -7px;
    width: 7px;
    height: 100%;
    /**/ background: transparent;
    /**/ pointer-events: auto;
}
/**/ #pun-navlinks > .container > li > ul:not(.multiacc-profilemenu) > li:hover > ul:not(.multiacc-profilemenu), #pun-navlinks > .container > li > ul:not(.multiacc-profilemenu) > li.forms:hover > ul:not(.multiacc-profilemenu) {
    opacity: 1;
    visibility: visible;
    transform: translateX(0) scaleX(1);
    pointer-events: auto;
}
/**/ #pun-navlinks > .container > li > ul:not(.multiacc-profilemenu) > li > ul:not(.multiacc-profilemenu) > li {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}
#pun-navlinks > .container > li > ul:not(.multiacc-profilemenu) > li > ul:not(.multiacc-profilemenu) > li > a {
    /**/ display: flex;
    align-items: center;
    width: 100%;
    min-height: 31px;
    margin: 0;
    padding: 7px 12px;
    box-sizing: border-box;
    /**/ color: var(--blue-deep);
    font-family: var(--eng);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.025em;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
    /**/ background: transparent;
    border: 1px solid transparent;
    border-radius: var(--radius-small);
    /**/ transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, padding-left 0.2s ease;
}
#pun-navlinks > .container > li > ul:not(.multiacc-profilemenu) > li > ul:not(.multiacc-profilemenu) > li > a::before {
    content: "";
    flex: 0 0 auto;
    width: 5px;
    height: 5px;
    margin-right: 8px;
    background: var(--blue-deep);
    border-radius: 50%;
}
#pun-navlinks > .container > li > ul:not(.multiacc-profilemenu) > li > ul:not(.multiacc-profilemenu) > li > a::after {
    content: none;
    display: none;
}
#pun-navlinks > .container > li > ul:not(.multiacc-profilemenu) > li > ul:not(.multiacc-profilemenu) > li > a:hover {
    padding-left: 16px;
    color: var(--accent-color2);
    background: color-mix( in srgb, var(--accent-light) 19%, var(--main-white) );
    border-color: color-mix( in srgb, var(--accent-color2) 28%, transparent );
}
/**/ /**/ #pun-navlinks > .container > li:nth-last-child(-n + 2) > ul:not(.multiacc-profilemenu) > li > ul:not(.multiacc-profilemenu) {
    right: calc(100% + 6px);
    left: auto;
    transform-origin: right center;
}
/**/ #pun-navlinks > .container > li:nth-last-child(-n + 2) > ul:not(.multiacc-profilemenu) > li > ul:not(.multiacc-profilemenu)::before {
    right: -7px;
    left: auto;
}
/**/ #pun-navlinks.section .multiacc-profilemenu, #pun-navlinks.section li:hover > .multiacc-profilemenu {
    transform: translateX(-50%);
}
/**/ /**/ .go-up, .go-down {
    /**/ position: fixed;
    right: 0;
    z-index: 1;
    display: none;
    width: 100px;
    height: 50%;
    box-sizing: border-box;
    /**/ cursor: pointer;
}
.go-up {
    top: 0;
}
.go-down {
    bottom: 0;
}
.go-up .inside, .go-down .inside {
    display: flex;
    justify-content: center;
    height: 100%;
    color: var(--main-white);
    opacity: .6;
    transition: color .2s ease, opacity .2s ease;
}
.go-up .inside {
    align-items: flex-start;
    background: linear-gradient( to bottom, rgb(from var(--ulinki) r g b / 0.12), transparent );
}
.go-down .inside {
    align-items: flex-end;
    background: linear-gradient( to top, rgb(from var(--ulinki) r g b / 0.12), transparent );
}
.go-up .inside:hover, .go-down .inside:hover {
    color: var(--accent-color2);
    opacity: 1;
}
/**/ .go-up img, .go-down img {
    display: none;
}
/**/ .go-up .inside::before, .go-down .inside::before {
    /**/ padding: 20px 0;
    margin-top: 40px;
    margin-bottom: 40px;
    /**/ color: inherit;
    font-family: var(--fa);
    font-size: 60px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    text-shadow: 2px 2px 0 rgb(from var(--muted-text) r g b / 0.38);
}
/**/ .go-up .inside::before {
    content: "\f062";
}
/**/ .go-down .inside::before {
    content: "\f063";
}
@media screen and (max-width: 1363px) {
    .go-up, .go-down {
        /**/ position: fixed !important;
        left: auto !important;
        right: calc(8px + env(safe-area-inset-right, 0px)) !important;
        bottom: auto !important;
        z-index: 100;
        width: 36px !important;
        height: 36px !important;
        margin: 0 !important;
        padding: 0 !important;
        /**/ transform: none !important;
    }
    .go-up {
        top: calc(50% - 40px) !important;
    }
    .go-down {
        top: calc(50% + 4px) !important;
    }
    .go-up .inside, .go-down .inside {
        /**/ display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        padding: 0;
        /**/ color: var(--text-color);
        /**/ background: color-mix( in srgb, var(--anketa-bg) 85%, transparent );
        border-radius: 8px;
        box-shadow: 0 2px 8px rgb(from var(--textcolor) r g b / 0.12);
        opacity: .75;
    }
    .go-up .inside::before, .go-down .inside::before {
        margin: 0;
        padding: 0;
        font-size: 18px;
        line-height: 1;
        text-shadow: none;
    }
    .go-up .inside:hover, .go-down .inside:hover {
        color: var(--accent-color2);
        opacity: 1;
    }
}
/**/ .forum-display-switch {
    /**/ position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    padding: 0;
    box-sizing: border-box;
    /**/ color: var(--anketa-card);
    /**/ border-radius: 6px;
    background: var(--anketa-text);
    /**/ cursor: pointer;
    transition: transform .25s ease, filter .25s ease, border-color .25s ease, box-shadow .25s ease, background .25s ease;
}
/**/ .forum-display-switch.style_mobile-on::before {
    content: "\f390";
}
/**/ .forum-settings {
    position: fixed;
    top: 232px;
    left: 17px;
    right: auto;
    z-index: 999;
}
.forum-settings__toggle {
    /**/ width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    /**/ background: var(--anketa-shadow);
    border-radius: 8px;
    /**/ cursor: pointer;
    transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}
.forum-settings__toggle:hover {
    background: var(--amscolor);
    box-shadow: 0 10px 22px rgb(from var(--textcolor) r g b / 0.34), inset 0 0 0 1px rgb(from var(--ulinki) r g b / 0.1);
    transform: translateY(-1px);
}
.forum-settings__toggle::before {
    content: "\f0c9";
    font-family: var(--fa);
    font-weight: 900;
    font-size: 15px;
    color: rgb(from var(--ulinki) r g b / 0.78);
}
.forum-settings__panel {
    /**/ display: none;
    width: 260px;
    margin-top: 8px;
    padding: 10px;
    /**/ color: var(--white);
    /**/ background: var(--amscolor);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgb(from var(--textcolor) r g b / 0.35);
}
.forum-settings.is-open .forum-settings__panel {
    display: block;
}
.forum-settings__tabs {
    display: flex;
    gap: 6px;
    margin-bottom: 10px;
}
.forum-settings__tab {
    flex: 1;
    padding: 6px 5px;
    color: rgb(from var(--ulinki) r g b / 0.75);
    font: 700 10px var(--font-base);
    border-radius: 5px;
    background: rgb(from var(--ulinki) r g b / 0.12);
    cursor: pointer;
}
.forum-settings__tab.is-active, .forum-settings__tab:hover {
    color: var(--white);
    background: var(--anketa-text);
}
.forum-settings__content {
    display: none;
}
.forum-settings__content.is-active {
    display: block;
}
.forum-settings__title {
    margin-bottom: 8px;
    color: var(--anketa-bg);
    font: 400 11px var(--fontosnovnoe);
    text-align: center;
}
/**/ #theme_switcher {
    /**/ position: relative;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    top: 0;
}
#theme_switcher li {
    list-style: none;
}
#theme_switcher label {
    display: none;
}
#theme_switcher input {
    /**/ width: 28px;
    height: 28px;
    margin: 0;
    padding: 0;
    /**/ border-radius: 6px;
    background: rgb(from var(--ulinki) r g b / 0.12);
    /**/ -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}
#theme_switcher input::before {
    /**/ display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    /**/ font-family: var(--fa);
    font-weight: 900;
    font-size: 14px;
    color: rgb(from var(--ulinki) r g b / 0.75);
}
#theme_switcher input#light::before {
    content: "\f185";
}
#theme_switcher input#dark::before {
    content: "\f186";
}
#theme_switcher input:checked {
    background: var(--anketa-text);
}
/**/ .settings-color-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
}
.settings-color-grid label {
    /**/ display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding: 5px;
    /**/ color: rgb(from var(--ulinki) r g b / 0.75);
    font: 400 10px var(--font-base);
    /**/ background: rgb(from var(--ulinki) r g b / 0.08);
    border-radius: 5px;
}
.settings-color-grid input[type="color"] {
    /**/ width: 24px;
    height: 24px;
    padding: 0;
    /**/ border: none;
    border-radius: 4px;
    background: none;
    /**/ -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}
.settings-color-grid input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}
.settings-color-grid input[type="color"]::-webkit-color-swatch {
    border: none;
    border-radius: 4px;
}
.reset-btn {
    /**/ width: 100%;
    margin-top: 9px;
    padding: 7px;
    /**/ color: rgb(from var(--ulinki) r g b / 0.78);
    font: 700 10px var(--font-base);
    /**/ border-radius: 5px;
    background: rgb(from var(--ulinki) r g b / 0.12);
    /**/ cursor: pointer;
}
.reset-btn:hover {
    color: var(--white);
    background: var(--infocolor);
}
/**/ .forum-settings__theme-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
}
/**/ /**/ .forum-display-switch:hover {
    filter: brightness(1.05);
    border-color: color-mix(in srgb, var(--anketa-text) 38%, var(--bordercolor) );
}
/**/ .forum-display-switch:active {
    filter: brightness(.97);
    transform: translateY(0);
}
/**/ .forum-display-switch::before {
    /**/ display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    /**/ font-family: var(--fa);
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
}
/**/ .forum-display-switch.style_mobile-off::before {
    content: "\f3cd";
}
/**/ .forum-display-switch.style_mobile-on {
    border-color: color-mix(in srgb, var(--accentcolor1) 45%, var(--bordercolor) );
}
.forum-display-switch.style_mobile-off {
    border-color: color-mix(in srgb, var(--accentcolor2) 45%, var(--bordercolor) );
}
/**/ /**/ #panel {
    /**/ position: fixed;
    top: 160px;
    left: -248px;
    margin: 0;
    overflow: visible;
    z-index: 999;
    display: flex;
    align-items: flex-start;
    gap: 17px;
    /**/ color: var(--white);
}
#panel-sticker {
    /**/ position: relative;
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
    /**/ color: transparent;
    /**/ background: var(--anketa-shadow);
    border-radius: 8px;
    /**/ cursor: pointer;
    transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}
#panel-sticker::before {
    /**/ content: "\f506";
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    /**/ font-family: var(--fa);
    font-weight: 900;
    font-size: 14px;
    line-height: 1;
    color: rgb(from var(--ulinki) r g b / 0.78);
    /**/ pointer-events: none;
}
#panel-sticker:hover {
    background: var(--amscolor);
    transform: translateY(-1px);
}
#panel.visible #panel-content {
    margin-right: -10px;
    opacity: 1;
}
#panel-content {
    /**/ width: 248px;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
    /**/ color: var(--admin-border);
    font: 400 12px/150% var(--font-base);
    /**/ opacity: 1;
    background: var(--amscolor);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgb(from var(--textcolor) r g b / 0.35);
}
ul#blockUsers {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
ul#blockUsers p {
    margin: 0 0 8px;
    text-align: center;
    color: rgb(from var(--ulinki) r g b / 0.78);
    font: 400 11px var(--fontosnovnoe);
}
#blockUsers > li > strong {
    position: relative;
    color: rgb(from var(--ulinki) r g b / 0.78);
    font-weight: bold;
    cursor: pointer;
    transition: .3s all ease-in-out;
}
#blockUsers > li > strong:hover {
    color: var(--white);
}
.blockButton {
    /**/ position: absolute;
    left: -7px;
    top: -10px;
    z-index: 1;
    width: 20px;
    height: 20px;
    /**/ background: var(--anketa-accent-light);
    border-radius: 50%;
    /**/ cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.blockButton:hover {
    background: var(--menucolor);
    border-color: var(--accent-color2);
}
.blockButton::before {
    /**/ content: "\f00d";
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    z-index: 2;
    /**/ font-family: var(--fa);
    font-weight: 900;
    font-size: 10px;
    line-height: 1;
    text-align: center;
    color: rgb(from var(--ulinki) r g b / 0.78);
    /**/ opacity: .95;
    /**/ cursor: pointer;
    transition: .3s all ease-in-out;
}
.blockButton:hover::before {
    color: var(--white);
}
/**/ #cg-side-panel, button.cg-side-toggle {
    --cg-bg: var(--anketa-bg, #faf2e7);
    --cg-card: var(--telo-posta, #ece1d3);
    --cg-soft: var(--bg-light, #f2e5d5);
    --cg-blue: var(--surface-blue, #acd1f2);
    --cg-text: var(--textcolor, #403022);
    --cg-muted: var(--muted-text, #59504a);
    --cg-accent: var(--accentcolor1, #73563d);
    --cg-line: var(--tablichka-border, #a69153);
    --cg-error: var(--redcolor2, #7a332a);
}
/**/ button.cg-side-toggle {
    position: fixed;
    z-index: 10002;
    top: 16px;
    right: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    max-width: calc(100vw - 24px);
    margin: 0;
    padding: 10px 18px;
    border: 1px solid color-mix(in srgb, var(--cg-line) 45%, transparent);
    border-radius: 14px;
    background: var(--cg-bg);
    color: var(--cg-accent);
    font: 600 12px/1.4 var(--eng, "Manrope", sans-serif);
    text-transform: none;
    letter-spacing: 0;
    cursor: pointer;
    box-shadow: 0 4px 18px #0002;
    transition: background-color .2s, color .2s;
}
button.cg-side-toggle[aria-expanded="true"] {
    background: var(--buttoncolor, #403022);
    color: var(--buttontextcolor, #f2e6ce);
}
/**/ #cg-side-panel {
    position: fixed;
    z-index: 10001;
    top: 70px;
    right: 12px;
    bottom: 16px;
    width: min(420px, calc(100vw - 24px));
    max-width: calc(100vw - 24px);
    min-width: 0;
    margin: 0;
    padding: 14px;
    box-sizing: border-box;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: var(--cg-line) var(--cg-bg);
    border: 1px solid color-mix(in srgb, var(--cg-line) 40%, transparent);
    border-radius: 20px;
    background: var(--cg-bg);
    color: var(--cg-text);
    font: 400 12px/1.6 var(--eng, "Manrope", sans-serif);
    text-align: left;
    text-transform: none;
    box-shadow: 0 14px 45px #0003;
}
#cg-side-panel[hidden] {
    display: none !important;
}
#cg-side-panel *, #cg-side-panel *::before, #cg-side-panel *::after {
    box-sizing: border-box;
}
/**/ #cg-side-panel .cg-side-close {
    display: block;
    min-height: 34px;
    margin: 0 0 12px auto;
    padding: 6px 12px;
    border: 1px solid color-mix(in srgb, var(--cg-line) 30%, transparent);
    border-radius: 10px;
    background: var(--cg-soft);
    color: var(--cg-muted);
    font: 500 11px/1.4 var(--eng, "Manrope", sans-serif);
    text-transform: none;
    cursor: pointer;
    box-shadow: none;
}
/**/ #cg-side-panel .cg-generator {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--cg-text);
    font: inherit;
    box-shadow: none;
}
#cg-side-panel .cg-generator > h2 {
    display: block;
    margin: 0;
    padding: 12px 16px;
    border: 0;
    border-radius: 14px;
    background: color-mix(in srgb, var(--cg-blue) 25%, var(--cg-soft));
    color: var(--cg-accent);
    font: 400 26px/1.2 var(--rus, "Forum", serif);
    text-align: left;
    text-transform: none;
    letter-spacing: 0;
}
#cg-side-panel .cg-generator > p {
    margin: 12px 2px 16px;
    padding: 0;
    color: var(--cg-muted);
    font: 400 10px/1.65 var(--fontosnovnoe);
    text-align: left;
    text-indent: 0;
}
/**/ #cg-side-panel .cg-generator .cg-fields {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    min-width: 0;
    margin: 0;
    padding: 16px;
    border: 1px solid color-mix(in srgb, var(--cg-line) 30%, transparent);
    border-radius: 16px;
    background: var(--cg-card);
}
#cg-side-panel .cg-fields label {
    display: block;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: var(--cg-accent);
    font: 600 11px/1.5 var(--eng, "Manrope", sans-serif);
    text-transform: none;
    letter-spacing: 0;
}
#cg-side-panel .cg-fields .cg-wide {
    grid-column: 1 / -1;
}
#cg-side-panel .cg-fields input, #cg-side-panel .cg-fields textarea {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 42px;
    margin: 6px 0 0;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--cg-line) 40%, transparent);
    border-radius: 11px;
    background: var(--cg-soft);
    color: var(--cg-text);
    font: 400 12px/1.5 var(--eng, "Manrope", sans-serif);
    text-transform: none;
    letter-spacing: 0;
    box-shadow: none;
}
#cg-side-panel .cg-fields textarea {
    min-height: 90px;
    resize: vertical;
}
#cg-side-panel .cg-fields input::placeholder, #cg-side-panel .cg-fields textarea::placeholder {
    color: var(--cg-muted);
    opacity: .8;
}
/**/ #cg-side-panel .cg-generator .cg-actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    margin: 16px 0 0;
}
#cg-side-panel .cg-actions button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    min-height: 42px;
    margin: 0;
    padding: 10px 14px;
    border: 1px solid color-mix(in srgb, var(--cg-line) 40%, transparent);
    border-radius: 12px;
    background: var(--cg-soft);
    color: var(--cg-accent);
    font: 600 12px/1.4 var(--eng, "Manrope", sans-serif);
    text-align: center;
    text-transform: none;
    letter-spacing: 0;
    white-space: normal;
    cursor: pointer;
    box-shadow: none;
    transition: background-color .2s, color .2s, border-color .2s;
}
#cg-side-panel #cg-generate, #cg-side-panel .cg-actions button:last-child {
    border-color: transparent;
    background: var(--buttoncolor, #403022);
    color: var(--buttontextcolor, #f2e6ce);
}
#cg-side-panel #cg-clear-draft {
    color: var(--cg-muted);
    background: transparent;
}
/**/ #cg-side-panel .cg-generator > .eg-copy-note {
    margin: 12px 0 0;
    padding: 10px 12px;
    border: 1px solid color-mix(in srgb, var(--cg-line) 25%, transparent);
    border-radius: 12px;
    background: var(--cg-soft);
    color: var(--cg-muted);
    font: 400 11px/1.6 var(--eng, "Manrope", sans-serif);
    overflow-wrap: anywhere;
}
#cg-side-panel .cg-generator > .eg-copy-note:empty {
    display: none;
}
#cg-side-panel .cg-generator > .eg-copy-note.is-bad {
    border-color: var(--cg-error);
    background: color-mix(in srgb, var(--cg-error) 8%, var(--cg-soft));
    color: var(--cg-error);
}
/**/ #cg-side-panel #cg-result {
    display: block;
    max-height: 220px;
    min-width: 0;
    margin: 12px 0 0;
    padding: 12px;
    overflow: auto;
    border: 1px solid color-mix(in srgb, var(--cg-line) 30%, transparent);
    border-radius: 12px;
    background: var(--cg-card);
    color: var(--cg-text);
    font: 11px/1.6 Consolas, monospace;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    scrollbar-width: thin;
    scrollbar-color: var(--cg-line) var(--cg-card);
}
#cg-side-panel #cg-result:empty {
    display: none;
}
/**/ @media (hover: hover) {
    button.cg-side-toggle:hover, #cg-side-panel .cg-side-close:hover, #cg-side-panel .cg-actions button:hover {
        border-color: var(--cg-accent);
        background: var(--cg-accent);
        color: var(--buttontextcolor, #f2e6ce);
    }
}
button.cg-side-toggle:focus-visible, #cg-side-panel button:focus-visible, #cg-side-panel input:focus-visible, #cg-side-panel textarea:focus-visible, #cg-side-panel #cg-result:focus-visible {
    outline: 2px solid var(--cg-accent);
    outline-offset: 3px;
}
/**/ @media (max-width: 560px) {
    #cg-side-panel {
        right: 8px;
        bottom: 8px;
        width: calc(100vw - 16px);
        max-width: calc(100vw - 16px);
        padding: 12px;
        border-radius: 16px;
    }
    button.cg-side-toggle {
        right: 8px;
    }
    #cg-side-panel .cg-generator .cg-fields {
        padding: 12px;
    }
    #cg-side-panel .cg-fields input, #cg-side-panel .cg-fields textarea {
        font-size: 16px;
    }
}
@media (prefers-reduced-motion: reduce) {
    button.cg-side-toggle, #cg-side-panel .cg-actions button {
        transition: none;
    }
}
/**/ button.cg-side-toggle::before, #cg-side-panel .cg-side-close::before, #cg-side-panel .cg-actions button::before {
    display: inline-block;
    flex: 0 0 auto;
    font-family: var(--fa);
    font-size: 13px;
    font-style: normal;
    font-weight: 900;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    letter-spacing: 0;
}
button.cg-side-toggle, #cg-side-panel .cg-actions button {
    gap: 8px;
}
/**/ button.cg-side-toggle::before {
    content: "\f2bb";
}
/**/ button.cg-side-toggle[aria-expanded="true"]::before {
    content: "\f00d";
}
/**/ #cg-side-panel .cg-side-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    min-height: 34px;
    padding: 0;
    font-size: 0;
}
#cg-side-panel .cg-side-close::before {
    content: "\f00d";
    font-size: 14px;
}
/**/ #cg-side-panel #cg-generate::before {
    content: "\f0d0";
}
/**/ #cg-side-panel .cg-actions .eg-copy::before {
    content: "\f0c5";
}
/**/ #cg-side-panel #cg-clear-draft::before {
    content: "\f1f8";
}
/**/ #cg-side-panel .cg-actions button:last-child::before {
    content: "\f044";
}
/**/ #cg-side-panel .cg-fields .cg-basics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 12px;
    min-width: 0;
}
#cg-side-panel .cg-fields .cg-details, #cg-side-panel .cg-fields .cg-links {
    display: grid;
    gap: 14px;
    min-width: 0;
    padding-top: 14px;
    border-top: 1px solid color-mix(in srgb, var(--cg-line) 30%, transparent);
}
#cg-side-panel .cg-fields input[type="hidden"] {
    display: none;
}
#cg-side-panel .cg-actions button:disabled {
    opacity: .55;
    cursor: wait;
}
@media (max-width: 360px) {
    #cg-side-panel .cg-fields .cg-basics {
        grid-template-columns: minmax(0, 1fr);
    }
}
/**/ .ep-generator, .ep-generator * {
    box-sizing: border-box;
}
.ep-generator .eg-edit:focus, .ep-generator select:focus {
    border-color: color-mix(in srgb, var(--plot-accent) 72%, var(--plot-border));
    background: color-mix(in srgb, var(--plot-soft) 88%, transparent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--plot-accent) 14%, transparent);
}
.ep-generator select {
    text-transform: lowercase;
    resize: none;
    cursor: pointer;
}
/**/ /**/ .anketa-generator, .anketa-generator * {
    box-sizing: border-box;
}
.anketa-generator input:focus, .anketa-generator textarea:focus {
    outline: none;
    background: var(--white);
    border-color: var(--menucolor);
    box-shadow: inset 0 0 0 1px var(--accent-color-light), 0 0 0 1px var(--menucolor);
}
#pun .ag-field textarea::placeholder, #pun textarea.ag-field::placeholder, #pun textarea[id^="ag-"]::placeholder {
    color: color-mix( in srgb, var(--text-color) 60%, transparent );
    opacity: 0.5;
}
html.dark #pun .ag-field textarea::placeholder, html.dark #pun textarea.ag-field::placeholder, html.dark #pun textarea[id^="ag-"]::placeholder {
    color: color-mix( in srgb, var(--accent-color) 40%, transparent );
    opacity: 0.5;
}
/**/ .avatar-wiki-page {
    margin: 0px auto;
    color: var(--sticky-topic);
    font-family: var( --font-base, verdana, arial, sans-serif);
    line-height: 1.65;
}
.avatar-wiki-page * {
    box-sizing: border-box;
}
.avatar-wiki-hero h1 {
    margin: 0 0 12px;
    color: var(--wiki-accent) !important;
    font-family: var(--rus, Georgia, serif);
    font-size: 34px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
}
.avatar-wiki-menu a {
    /**/ display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    /**/ color: var(--wiki-accent);
    font: 700 11px var(--eng, Georgia, serif);
    text-transform: uppercase;
    letter-spacing: .6px;
    /**/ background: var(--anketa-bg);
    border: 1px solid var(--wiki-border);
    border-radius: 3px;
    /**/ transition: .25s ease;
}
.avatar-wiki-title span {
    /**/ display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    /**/ color: var(--wiki-white);
    font-family: var(--rus, Georgia, serif);
    font-size: 16px;
    font-weight: 700;
    /**/ background: var(--accent-color2);
    border-radius: 50%;
    box-shadow: inset 0 1px 0 rgb(from var(--ulinki) r g b / 0.25), 0 2px 8px rgb(from var(--redcolor) r g b / 0.22);
}
.avatar-wiki-page .avatar-wiki-title h2 {
    /**/ display: block !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    /**/ color: var(--wiki-accent) !important;
    font-family: var(--rus, Georgia, serif) !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    text-align: left !important;
    /**/ opacity: 1 !important;
    /**/ visibility: visible !important;
    pointer-events: auto !important;
}
.avatar-cycle div {
    /**/ padding: 12px;
    /**/ color: var(--wiki-accent);
    text-align: center;
    font: 700 12px var(--eng, Georgia, serif);
    text-transform: uppercase;
    letter-spacing: 1px;
    /**/ background: var(--wiki-soft);
    border: 1px solid var(--wiki-border);
    border-radius: 5px;
}
.avatar-card h3, .avatar-mini-card h3, .avatar-list-block h3, .avatar-republic-box h3 {
    margin: 10px 0 8px;
    color: var(--wiki-accent);
    font: 700 11px var(--eng);
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1.3px;
}
.avatar-time-year {
    color: var(--wiki-accent);
    font: 700 12px/1.25 var(--eng, Georgia, serif);
    text-transform: uppercase;
    text-align: right;
}
.avatar-wiki-title h2, .avatar-wiki-h2 {
    /**/ display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    position: relative;
    z-index: 5;
    /**/ color: var(--accentcolor1);
    font-family: var( --rus, Georgia, serif) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    text-indent: 0 !important;
    letter-spacing: normal !important;
    /**/ opacity: 1 !important;
    /**/ visibility: visible !important;
}
.avatar-future-toggle summary {
    /**/ padding: 10px 14px;
    margin-bottom: 18px;
    /**/ color: var(--wiki-accent);
    font: 700 11px var(--eng, Georgia, serif);
    text-transform: uppercase;
    letter-spacing: 1px;
    /**/ background: var(--wiki-soft);
    border: 1px solid var(--wiki-border);
    border-radius: 6px;
    /**/ cursor: pointer;
    transition: .25s ease;
}
/**/ .avatar-mech-page {
    margin: 0 auto;
    color: var(--amscolor);
    font-family: var( --font-base, verdana, arial, sans-serif);
    line-height: 1.65;
}
.avatar-mech-page * {
    box-sizing: border-box;
}
.avatar-mech-hero h1 {
    margin: 0 0 12px;
    color: var(--mech-accent) !important;
    font-family: var(--rus, Georgia, serif);
    font-size: 34px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
}
.avatar-mech-menu a {
    /**/ display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    /**/ color: var(--mech-accent);
    font: 700 11px var(--eng);
    text-transform: uppercase;
    letter-spacing: .6px;
    /**/ background: var(--mech-soft);
    border: 1px solid var(--mech-border);
    border-radius: 3px;
    /**/ transition: .25s ease;
}
.avatar-mech-title span {
    /**/ display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    /**/ color: var(--anketa-soft);
    font-family: var( --rus, Georgia, serif);
    font-size: 20px;
    font-weight: 700;
    /**/ background: var(--mech-accent);
    border-radius: 50%;
}
.avatar-mech-page .avatar-mech-title h2 {
    /**/ display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    /**/ color: var(--mech-accent) !important;
    font-family: var(--rus, Georgia, serif) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    text-align: left !important;
    /**/ opacity: 1 !important;
    /**/ visibility: visible !important;
}
.avatar-mech-action-grid h3, .avatar-mech-list h3 {
    margin: 0 0 8px;
    color: var(--mech-accent);
    font-family: var(--eng, Georgia, serif);
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}
/**/ .avatar-plot-page {
    margin: 0 auto;
    color: var(--brown);
    font-family: var( --font-base, verdana, arial, sans-serif);
    line-height: 1.65;
}
.avatar-plot-page * {
    box-sizing: border-box;
}
.avatar-plot-hero h1 {
    margin: 0 0 12px;
    color: var(--plot-accent) !important;
    font-family: var(--rus, Georgia, serif);
    font-size: 38px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
}
.avatar-plot-tags > span {
    /**/ display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    /**/ color: var(--plot-accent);
    font: 700 10px var(--eng, Georgia, serif);
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: .8px;
    text-align: center;
    /**/ background: var(--plot-soft);
    border: 1px solid var(--plot-border);
    border-radius: 3px;
}
.avatar-plot-menu a {
    /**/ display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    /**/ color: var(--plot-accent);
    font: 700 11px var(--eng);
    text-transform: uppercase;
    letter-spacing: .6px;
    /**/ background: var(--plot-soft);
    border: 1px solid var(--plot-border);
    border-radius: 3px;
    /**/ transition: .25s ease;
}
.avatar-plot-title span {
    /**/ display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    /**/ color: var(--plot-white);
    font-family: var(--rus, Georgia, serif);
    font-size: 16px;
    font-weight: 700;
    /**/ background: var(--plot-accent);
    border-radius: 50%;
    box-shadow: inset 0 1px 0 rgb(from var(--ulinki) r g b / 0.25), 0 2px 8px rgb(from var(--redcolor) r g b / 0.22);
}
.avatar-plot-page .avatar-plot-title h2 {
    /**/ display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
    /**/ color: var(--plot-accent) !important;
    font-family: var(--rus, Georgia, serif) !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    text-align: left !important;
    /**/ opacity: 1 !important;
    /**/ visibility: visible !important;
}
.avatar-role-card h3 {
    margin: 0 0 10px;
    font-family: var(--rus, Georgia, serif);
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}
.avatar-role-info b {
    color: var(--wiki-accent);
    font-family: var(--eng, Georgia, serif);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .7px;
}
/**/ .role-element {
    /**/ display: inline-flex;
    align-items: center;
    gap: 6px;
    /**/ color: var(--wiki-accent);
    font-family: var(--eng, Georgia, serif);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .8px;
}
/**/ .avatar-roles-filters button {
    /**/ position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 31px;
    padding: 7px 12px;
    /**/ color: var(--menucolor, var(--accentcolor1));
    font-family: var(--eng, Georgia, serif);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .9px;
    text-align: center;
    line-height: 1.2;
    /**/ background: var(--anketa-soft);
    border: 1px solid var(--tablichka-border, var(--wanted-ams-light));
    border-radius: 4px;
    /**/ cursor: pointer;
    transition: background .25s ease, color .25s ease, border-color .25s ease, transform .18s ease, box-shadow .25s ease;
}
/**/ .ep-container, .ep-container * {
    box-sizing: border-box;
}
.ep-description::-webkit-scrollbar {
    width: 6px;
}
.ep-description::-webkit-scrollbar-thumb {
    background: var(--bordercolor);
    border-radius: 4px;
}
/**/ .wanted-card {
    /**/ width: 100%;
    margin: -1em auto 10px;
    padding: 18px;
    box-sizing: border-box;
    /**/ color: var(--amscolor);
    font-family: var(--font-base, verdana, arial, sans-serif);
    line-height: 1.6;
    /**/ background: linear-gradient(180deg, var(--badge-symbol-bg), var(--surface-cream)), var(--badge-symbol-bg);
    border: 1px solid var(--wanted-border);
    border-radius: var(--radius-medium);
}
.wanted-card * {
    box-sizing: border-box;
}
.wanted-role {
    /**/ margin: 0 0 14px;
    padding: 10px 14px;
    /**/ color: var(--wanted-white);
    font: 700 24px var(--rus, Georgia, serif);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .8px;
    /**/ background: var(--wanted-accent);
    border-radius: 6px;
}
.wanted-name span {
    display: block;
    color: var(--wanted-accent);
    font: 700 24px var(--rus, Georgia, serif);
    text-transform: uppercase;
    line-height: 1.15;
}
.wanted-subtitle {
    margin-bottom: 8px;
    color: var(--wanted-accent);
    font: 700 15px var(--eng, Georgia, serif);
    text-align: center;
    text-transform: lowercase;
}
/**/ /**/ .punbb .post-content .custom_tag_wanted {
    /**/ width: 100%;
    margin: 0 auto 10px;
    padding: 18px;
    box-sizing: border-box;
    /**/ color: var(--amscolor);
    font-family: var(--font-base, verdana, arial, sans-serif);
    line-height: 1.6;
    /**/ background: linear-gradient(180deg, var(--badge-symbol-bg), var(--surface-cream)), var(--badge-symbol-bg);
    border: 1px solid var(--wanted-border);
    border-radius: var(--radius-medium);
}
.punbb .post-content .custom_tag_wanted * {
    box-sizing: border-box;
}
.punbb .post-content .custom_tag_wanted[data-kind="ams"] {
    --wanted-accent: var(--redcolor);
    --wanted-light: var(--wanted-ams-light);
    --wanted-shadow: var(--wanted-ams-shadow);
}
.punbb .post-content .custom_tag_wanted[data-kind="player"] .custom_tag_wantedrole {
    background: var(--wanted-accent);
}
.punbb .post-content .custom_tag_wanted p {
    margin: 0 0 10px;
    padding: 0;
}
.punbb .post-content .custom_tag_wanted p:last-child {
    margin-bottom: 0;
}
.punbb .post-content .custom_tag_wanted .custom_tag_wantedrole {
    /**/ margin: 0 0 14px;
    padding: 10px 14px;
    /**/ color: var(--wanted-white);
    font: 700 24px var( --rus, Georgia, serif);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .8px;
    /**/ background: var(--redcolor);
    border-radius: 6px;
}
.punbb .post-content .custom_tag_wanted .custom_tag_wantedhead {
    display: grid;
    grid-template-columns: 235px minmax(0, 1fr);
    gap: 18px;
    align-items: stretch;
}
.punbb .post-content .custom_tag_wanted .custom_tag_wantedimg {
    /**/ position: relative;
    width: 235px;
    height: 235px;
    padding: 5px;
    overflow: hidden;
    /**/ background: var(--wanted-soft);
    border: 1px solid color-mix(in srgb, var(--wanted-accent) 25%, transparent);
    border-radius: 5px;
}
.punbb .post-content .custom_tag_wanted .custom_tag_wantedimg > p {
    height: 100%;
    margin: 0;
    padding: 0;
}
.punbb .post-content .custom_tag_wanted .custom_tag_wantedimg img {
    /**/ display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    object-fit: cover;
    /**/ border: 0;
    border-radius: 2px;
}
.punbb .post-content .custom_tag_wanted .custom_tag_wantedmain {
    min-width: 0;
    padding: 16px 18px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--wanted-soft) 52%, transparent), color-mix(in srgb, var(--wanted-card) 56%, transparent)), var(--fon-banner) center repeat;
    border: 1px solid color-mix(in srgb, var(--wanted-accent) 18%, transparent);
    border-radius: 5px;
}
.punbb .post-content .custom_tag_wanted .custom_tag_wantedkicker {
    /**/ width: auto;
    max-width: 100%;
    margin: 0 0 10px;
    padding: 0;
    overflow-wrap: anywhere;
    /**/ color: var(--bordercolor);
    font: 500 9px/1.5 var(--eng);
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1.3px;
    /**/ background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.punbb .post-content .custom_tag_wanted .custom_tag_wantedname {
    /**/ margin: 0 0 12px;
    padding: 0 0 14px;
    overflow-wrap: anywhere;
    /**/ color: var(--wanted-accent);
    font: 600 26px/1.15 var(--rus);
    text-align: center;
    /**/ border: 0;
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--wanted-accent) 40%, transparent), transparent) center bottom / 75% 1px no-repeat;
}
.punbb .post-content .custom_tag_wanted .custom_tag_wantedru {
    display: block;
    color: var(--wanted-accent);
    font: 700 24px/1.15 var(--rus, Georgia, serif);
    text-transform: uppercase;
}
.punbb .post-content .custom_tag_wanted .custom_tag_wanteden {
    display: block;
    margin-top: 5px;
    color: var(--bordercolor);
    font: 400 10px/1.4 var(--rus);
    text-transform: uppercase;
    letter-spacing: 2px;
}
.punbb .post-content .custom_tag_wanted .custom_tag_wantedinfo {
    display: grid;
    gap: 0;
    color: var(--text-color);
    font: 400 12px/1.5 var(--eng);
}
.punbb .post-content .custom_tag_wanted .custom_tag_wantedinfo > .custom_tag_wantedfield {
    min-width: 0;
    padding: 8px 0;
    overflow-wrap: anywhere;
    background: none;
    border: 0;
    border-radius: 0;
}
.punbb .post-content .custom_tag_wanted .custom_tag_wantedinfo > .custom_tag_wantedfield ~ .custom_tag_wantedfield {
    border-top: 1px solid color-mix(in srgb, var(--wanted-accent) 14%, transparent);
}
.punbb .post-content .custom_tag_wanted .custom_tag_wantedinfo :is(b, strong) {
    color: var(--wanted-accent);
    font-weight: 600;
}
.punbb .post-content .custom_tag_wanted .custom_tag_wantedtags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 14px 0;
}
.punbb .post-content .custom_tag_wanted .custom_tag_wantedtag {
    /**/ padding: 4px 9px;
    /**/ color: var(--wanted-accent);
    font: 500 9px/1.4 var(--eng);
    text-transform: uppercase;
    letter-spacing: .8px;
    /**/ background: color-mix(in srgb, var(--wanted-soft) 65%, transparent);
    border: 1px solid color-mix(in srgb, var(--wanted-accent) 18%, transparent);
    border-radius: 12px;
}
.punbb .post-content .custom_tag_wanted :is(.custom_tag_wantedtext, .custom_tag_wantedrequest) {
    padding: 16px 18px;
    overflow-wrap: anywhere;
    color: var(--text-color);
    line-height: 1.65;
    background: color-mix(in srgb, var(--anketa-bg) 88%, transparent);
    border: 1px solid color-mix(in srgb, var(--wanted-accent) 18%, transparent);
    border-radius: 5px;
}
.punbb .post-content .custom_tag_wanted .custom_tag_wantedrequest {
    margin-top: 12px;
    background: color-mix(in srgb, var(--markcolor) 10%, var(--wanted-soft));
    border-left: 2px solid color-mix(in srgb, var(--wanted-accent) 45%, transparent);
}
.punbb .post-content .custom_tag_wanted .custom_tag_wantedsubtitle {
    margin-bottom: 8px;
    color: var(--wanted-accent);
    font: 700 15px var(--eng, Georgia, serif);
    text-align: center;
    text-transform: lowercase;
}
/**/ .punbb .post-content .custom_tag_wanted :is( .custom_tag_wantedrole, .custom_tag_wantedkicker, .custom_tag_wantedru, .custom_tag_wanteden, .custom_tag_wantedfield, .custom_tag_wantedtag, .custom_tag_wantedsubtitle ) > p {
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    text-align: inherit;
}
.punbb .post-content :is( .custom_tag_wanted, .custom_tag_wanted .custom_tag_wantedhead, .custom_tag_wanted .custom_tag_wantedmain, .custom_tag_wanted .custom_tag_wantedname, .custom_tag_wanted .custom_tag_wantedinfo, .custom_tag_wanted .custom_tag_wantedtags ) > :is(br, p:empty, p:has(> br:only-child)) {
    display: none;
}
@media (max-width: 700px) {
    .punbb .post-content .custom_tag_wanted {
        width: 100%;
        max-width: 100%;
        padding: 14px;
        border-radius: 5px;
    }
    .punbb .post-content .custom_tag_wanted .custom_tag_wantedhead {
        grid-template-columns: 1fr;
    }
    .punbb .post-content .custom_tag_wanted .custom_tag_wantedimg {
        width: 200px;
        height: 200px;
        margin: 0 auto;
    }
    .punbb .post-content .custom_tag_wanted .custom_tag_wantedru {
        font-size: 21px;
    }
    .wanted-generator .wg-buttons {
        grid-template-columns: 1fr;
    }
}
#wg-build, #wg-copy {
    /**/ padding: 9px 12px;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    /**/ font: 700 11px var(--eng, Georgia, serif);
    text-transform: uppercase;
    /**/ border-radius: 4px;
    /**/ cursor: pointer;
}
.wanted-generator, .wanted-generator * {
    box-sizing: border-box;
}
.wanted-generator {
    /**/ max-width: 100%;
    margin: -1em auto;
    padding: 18px;
    overflow: hidden;
    /**/ color: var(--infocolor, var(--redcolor));
    font-family: var(--font-base, verdana, arial, sans-serif);
    /**/ background: linear-gradient(67deg, color-mix(in srgb, var(--badge-symbol-bg) 5%, transparent) 0%, color-mix(in srgb, var(--badge-symbol-bg) 20%, transparent) 42%, var(--surface-cream) 100%), linear-gradient(65deg, color-mix(in srgb, var(--badge-symbol-bg) 96%, transparent) 0%, color-mix(in srgb, var(--surface-cream) 78%, transparent) 46%, transparent 100%), var(--new-main) center top repeat, var(--badge-symbol-bg);
    border: 1px solid var(--tablichka-border, var(--wanted-ams-light));
    border-radius: var(--radius-medium);
}
.wg-title {
    margin-bottom: 14px;
    color: var(--menucolor, var(--accentcolor1));
    font: 700 22px var(--rus, Georgia, serif);
    text-align: center;
    text-transform: uppercase;
}
.wg-caption {
    margin-bottom: 4px;
    color: var(--menucolor, var(--accentcolor1));
    font: 700 11px var(--eng, Georgia, serif);
    text-transform: lowercase;
}
.wanted-generator input, .wanted-generator select, .wg-edit {
    /**/ width: 100%;
    min-height: 34px;
    padding: 8px 10px;
    /**/ color: var(--amscolor);
    font: 12px var( --font-base, verdana, arial, sans-serif);
    /**/ background: var( --bg-light, var(--telo));
    border: 1px solid var( --tablichka-border, var(--wanted-ams-light));
    border-radius: 4px;
}
.wanted-generator button {
    /**/ padding: 7px 12px;
    /**/ color: var(--buttontextcolor, var(--ulinki));
    font: 700 10px var(--font-base, verdana, arial, sans-serif);
    text-transform: lowercase;
    /**/ background: var(--menucolor, var(--accentcolor1));
    border: 0;
    border-radius: 5px;
    /**/ cursor: pointer;
}
.map-point.card-bottom:hover .map-card, .map-point.card-bottom:focus .map-card, .map-point.card-bottom:active .map-card {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}
.arc-guestwiki * {
    box-sizing: border-box;
}
.arc-newsroom > * {
    position: relative;
    z-index: 1;
}
.arc-newsroom__author a, .arc-newsroom__episode-name a {
    color: var(--wiki-accent);
    text-decoration: none;
}
.arc-faces > * {
    position: relative;
    z-index: 2;
}
.arc-faces__section::-webkit-scrollbar {
    width: 6px;
}
.arc-faces__section::-webkit-scrollbar-thumb {
    background: var(--wiki-accent);
    border-radius: 6px;
}
.arc-faces__section::-webkit-scrollbar-track {
    background: transparent;
}
.arc-faq > * {
    position: relative;
    z-index: 2;
}
/**/ /**/ .anketa-avatar {
    width: 100%;
    margin: -1em auto;
    padding: 18px;
    box-sizing: border-box;
    background: linear-gradient( 180deg, color-mix(in srgb, var(--badge-symbol-bg) 5%, transparent) 0%, color-mix(in srgb, var(--badge-symbol-bg) 20%, transparent) 42%, var(--surface-cream) 100% ), linear-gradient( 90deg, color-mix(in srgb, var(--badge-symbol-bg) 96%, transparent) 0%, color-mix(in srgb, var(--surface-cream) 78%, transparent) 46%, transparent 100% ), var(--new-main) center top repeat, var(--badge-symbol-bg);
    color: var(--amscolor);
    font: 12px/1.55 var(--font-base);
    text-align: justify;
    border: 1px solid var(--quotecolor);
    /**/ border-radius: var(--radius-medium);
}
.anketa-title {
    margin: -2px auto 18px;
    position: relative;
    text-align: center;
    font: 700 24px/1 var(--rus);
    text-transform: uppercase;
    color: var(--anketa-text);
    text-shadow: 1px 1px 2px var(--anketa-bg);
}
.anketa-title::after {
    content: "";
    display: block;
    width: 70%;
    height: 1px;
    margin: 10px auto 0;
    background: linear-gradient( to right, transparent, var(--menucolor), transparent);
}
.anketa-info {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-bottom: 16px;
}
/**/ .anketa-info > div:nth-child(3) {
    grid-column: 1 / -1;
    order: 4;
}
/**/ .anketa-info > div:nth-child(1), .anketa-info > div:nth-child(2), .anketa-info > div:nth-child(4) {
    order: 1;
}
.anketa-info > div {
    /**/ padding: 9px 10px;
    /**/ color: var(--bordercolor);
    text-align: center;
    font-size: 11px;
    /**/ background: var(--anketa-bg);
    box-shadow: inset 0 0 0px 1px var(--anketa-accent-light);
    border: 1px solid var(--anketa-card);
    border-radius: var(--radius-medium);
}
.anketa-info b {
    display: block;
    margin-bottom: 3px;
    font: 700 13px var(--eng);
    text-transform: uppercase;
    color: var(--blue-deep);
}
.anketa-block {
    margin-top: 14px;
    padding: 15px;
    overflow: hidden;
    background: var(--anketa-bg);
    border: 1px solid var(--quotecolor);
    box-shadow: inset 0 0 0 1px var(--accent-color-light);
    border-radius: var(--radius-medium);
}
.anketa-subtitle {
    margin: -4px 0 12px;
    text-align: center;
    font: 400 20px/1 var(--eng);
    text-transform: uppercase;
    color: var(--infocolor);
}
.anketa-img {
    float: left;
    width: 200px;
    height: 200px;
    margin: 3px 10px 10px 0;
    object-fit: cover;
    border-radius: 5px;
}
.anketa-block p {
    margin: 0 0 0px;
}
.anketa-block p:last-child {
    margin-bottom: 0;
}
/**/ .post-content .custom_tag_anketa {
    width: 100%;
    margin: 0em auto;
    padding: 18px;
    box-sizing: border-box;
    background: linear-gradient( 180deg, color-mix(in srgb, var(--badge-symbol-bg) 5%, transparent) 0%, color-mix(in srgb, var(--badge-symbol-bg) 20%, transparent) 42%, var(--surface-cream) 100% ), linear-gradient( 90deg, color-mix(in srgb, var(--badge-symbol-bg) 96%, transparent) 0%, color-mix(in srgb, var(--surface-cream) 78%, transparent) 46%, transparent 100% ), var(--new-main) center repeat, var(--badge-symbol-bg);
    color: var(--amscolor);
    font: 12px/1.55 var(--font-base);
    text-align: justify;
    border: 1px solid var(--quotecolor);
    /**/ border-radius: var(--radius-medium);
}
/**/ .post-content .custom_tag_anketa .custom_tag_anketatitle {
    margin: -2px auto 18px;
    position: relative;
    text-align: center;
    font: 700 24px/1 var(--rus);
    text-transform: uppercase;
    color: var(--anketa-text);
    text-shadow: 1px 1px 2px var(--anketa-bg);
}
.post-content .custom_tag_anketa .custom_tag_anketatitle::after {
    content: "";
    display: block;
    width: 70%;
    height: 1px;
    margin: 10px auto 0;
    background: linear-gradient( to right, transparent, var(--menucolor), transparent );
}
/**/ .punbb .post-content .custom_tag_anketa .custom_tag_anketainfo .custom_tag_anketafield strong {
    display: block;
    margin-bottom: 3px;
    font: 700 13px var(--eng);
    text-transform: uppercase;
    color: var(--blue-deep);
}
.punbb .post-content .custom_tag_anketa .custom_tag_anketainfo .custom_tag_anketafield strong + br {
    display: none;
}
.post-content .custom_tag_anketa .custom_tag_anketainfo {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-bottom: 16px;
}
.post-content .custom_tag_anketa .custom_tag_anketainfo > .custom_tag_anketafield {
    /**/ display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 9px 10px;
    order: 1;
    /**/ color: var(--bordercolor);
    text-align: center;
    font-size: 11px;
    /**/ background: var(--anketa-bg);
    box-shadow: inset 0 0 0 1px var(--anketa-accent-light);
    border: 1px solid var(--anketa-card);
    border-radius: var(--radius-medium);
}
.post-content .custom_tag_anketa .custom_tag_anketainfo > .custom_tag_anketafield > p {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}
/**/ .post-content .custom_tag_anketa .custom_tag_anketainfo > :nth-child(3 of .custom_tag_anketafield) {
    grid-column: 1 / -1;
    order: 4;
}
.post-content .custom_tag_anketa .custom_tag_anketainfo b {
    display: block;
    margin-bottom: 3px;
    font: 700 13px var(--eng);
    text-transform: uppercase;
    color: var(--blue-deep);
}
/**/ .post-content .custom_tag_anketa .custom_tag_anketablock {
    margin-top: 14px;
    padding: 15px;
    overflow: hidden;
    background: var(--anketa-bg);
    border: 1px solid var(--quotecolor);
    box-shadow: inset 0 0 0 1px var(--accent-color-light);
    border-radius: var(--radius-medium);
}
.post-content .custom_tag_anketa .custom_tag_anketasubtitle {
    margin: -4px 0 12px;
    text-align: center;
    font: 400 20px/1 var(--eng);
    text-transform: uppercase;
    color: var(--infocolor);
}
/**/ .post-content .custom_tag_anketa .custom_tag_anketaimg {
    float: left;
    width: 200px;
    height: 200px;
    margin: 3px 10px 10px 0;
    padding: 0;
}
.post-content .custom_tag_anketa .custom_tag_anketaimg img {
    /**/ display: block;
    width: 200px;
    max-width: 100%;
    height: 200px;
    margin: 0;
    padding: 0;
    object-fit: cover;
    /**/ border: 0;
    border-radius: 5px;
}
/**/ .post-content .custom_tag_anketa .custom_tag_anketablock p {
    margin: 0;
}
.post-content .custom_tag_anketa .custom_tag_anketablock p:last-child {
    margin-bottom: 0;
}
/**/ /**/ .post-content .custom_tag_anketa > p, .post-content .custom_tag_anketa .custom_tag > p {
    margin: 0;
    padding: 0;
}
/**/ .post-content .custom_tag_anketa .custom_tag_anketatitle > p, .post-content .custom_tag_anketa .custom_tag_anketasubtitle > p {
    font: inherit;
    color: inherit;
    text-align: inherit;
}
/**/ .post-content .custom_tag_anketa > br, .post-content .custom_tag_anketa > p:empty, .post-content .custom_tag_anketa > p:has(> br:only-child), .post-content .custom_tag_anketa .custom_tag_anketainfo > br, .post-content .custom_tag_anketa .custom_tag_anketainfo > p:empty, .post-content .custom_tag_anketa .custom_tag_anketainfo > p:has(> br:only-child) {
    display: none;
}
/**/ @media (max-width: 600px) {
    .punbb .post-content .custom_tag_anketa .custom_tag_anketainfo {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }
    .punbb .post-content .custom_tag_anketa .custom_tag_anketainfo > .custom_tag_anketafield {
        padding: 8px 6px;
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
        font-size: 10px;
        text-align: center;
        border: 1px solid color-mix( in srgb, var(--bordercolor) 65%, transparent );
    }
    .punbb .post-content .custom_tag_anketa .custom_tag_anketafield > p {
        width: 100%;
        margin: 0;
        padding: 0;
        font-size: inherit;
        text-align: center;
    }
    /**/ .punbb .post-content .custom_tag_anketa .custom_tag_anketainfo > :nth-child(1 of .custom_tag_anketafield), .punbb .post-content .custom_tag_anketa .custom_tag_anketainfo > :nth-child(2 of .custom_tag_anketafield) {
        grid-column: span 1;
        order: 1;
    }
    /**/ .punbb .post-content .custom_tag_anketa .custom_tag_anketainfo > :nth-child(4 of .custom_tag_anketafield) {
        grid-column: 1 / -1;
        order: 2;
    }
    /**/ .punbb .post-content .custom_tag_anketa .custom_tag_anketainfo > :nth-child(3 of .custom_tag_anketafield) {
        grid-column: 1 / -1;
        order: 3;
    }
    /**/ .punbb .post-content .custom_tag_anketa .custom_tag_anketaimg {
        float: none;
        display: block;
        width: 100%;
        max-width: 295px;
        height: auto;
        margin: 0 auto 12px;
    }
    .punbb .post-content .custom_tag_anketa .custom_tag_anketaimg > p {
        margin: 0;
        padding: 0;
    }
    /**/ .punbb .post-content .custom_tag_anketa .custom_tag_anketaimg img {
        /**/ display: block;
        width: 100%;
        max-width: 295px;
        height: auto;
        aspect-ratio: auto;
        margin: 0;
        padding: 0;
        /**/ border-radius: 10px;
        /**/ image-rendering: auto;
        transform: translateZ(0);
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        will-change: transform;
    }
    /**/ .punbb .post-content .custom_tag_anketa .custom_tag_anketablock {
        max-height: 500px;
        overflow-y: auto;
        overflow-x: hidden;
        text-align: justify;
    }
}
/**/ .anketa-chrono {
    width: 100%;
    padding: 18px;
    margin: -1em auto;
    box-sizing: border-box;
    background: linear-gradient( 180deg, color-mix(in srgb, var(--badge-symbol-bg) 5%, transparent) 0%, color-mix(in srgb, var(--badge-symbol-bg) 20%, transparent) 42%, var(--surface-cream) 100% ), linear-gradient( 90deg, color-mix(in srgb, var(--badge-symbol-bg) 96%, transparent) 0%, color-mix(in srgb, var(--surface-cream) 78%, transparent) 46%, transparent 100% ), var(--new-main) center top repeat, var(--badge-symbol-bg);
    color: var(--amscolor);
    font: 12px/1.55 var(--font-base);
    text-align: justify;
    border: 1px solid var(--quotecolor);
    /**/ border-radius: var(--radius-medium);
}
.anketa-chrono-title {
    margin: -2px auto 18px;
    position: relative;
    text-align: center;
    font: 700 24px/1 var(--rus);
    text-transform: uppercase;
    color: var(--anketa-text);
    text-shadow: 1px 1px 2px var(--anketa-bg);
}
.anketa-chrono-title::after {
    content: "";
    display: block;
    width: 70%;
    height: 1px;
    margin: 10px auto 0;
    background: linear-gradient(to right, transparent, var(--menucolor), transparent);
}
.anketa-chrono-current {
    /**/ display: grid;
    grid-template-columns: 200px minmax(0, 1fr);
    gap: 14px;
    margin-bottom: 16px;
    padding: 15px;
    /**/ background: var(--anketa-bg);
    border: 1px solid var(--quotecolor);
    box-shadow: inset 0 0 0 1px var(--accent-color-light);
    border-radius: var(--radius-medium);
}
.anketa-chrono-img {
    /**/ width: 200px;
    height: 200px;
    object-fit: cover;
    /**/ filter: blur(0);
    border-radius: var(--radius-medium);
    /**/ image-rendering: auto;
    transform: translateZ(0);
    image-rendering: smooth;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.anketa-chrono-current h3, .anketa-chrono-subtitle {
    margin: 0 0 10px;
    text-align: center;
    font: 700 20px/1 var(--eng);
    text-transform: uppercase;
    color: var(--infocolor);
}
.anketa-chrono-current p {
    margin: 0 0 8px;
}
.anketa-chrono-section {
    /**/ margin-top: 14px;
    padding: 15px;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    /**/ background: var(--anketa-bg);
    border: 1px solid var(--quotecolor);
    box-shadow: inset 0 0 0 1px var(--accent-color-light);
    border-radius: var(--radius-medium);
}
.anketa-chrono-line {
    position: relative;
    display: grid;
    grid-template-columns: 110px 22px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    margin-bottom: 12px;
}
.anketa-chrono-line:last-child {
    margin-bottom: 0;
}
.anketa-chrono-date {
    text-align: right;
    font: 400 12px/1.25 var(--eng);
    text-transform: lowercase;
    color: var(--accent-color);
}
.anketa-chrono-dot {
    position: relative;
    width: 22px;
    min-height: 100%;
}
.anketa-chrono-dot::before {
    /**/ content: "";
    position: absolute;
    left: 50%;
    top: -12px;
    bottom: -12px;
    width: 1px;
    /**/ background: linear-gradient(to bottom, transparent, var(--plot-text), transparent);
    /**/ transform: translateX(-50%);
}
.anketa-chrono-dot::after {
    /**/ content: "";
    position: absolute;
    left: 50%;
    top: 3px;
    width: 9px;
    height: 9px;
    /**/ background: var(--menucolor);
    border: 2px solid var(--white);
    border-radius: 50%;
    box-shadow: 0 0 0 1px var(--quotecolor);
    /**/ transform: translateX(-50%);
}
.anketa-chrono-text {
    text-align: justify;
}
.anketa-chrono-text b {
    color: var(--blue-deep);
}
/**/ /**/ .post-content .custom_tag_chrono {
    width: 100%;
    padding: 18px;
    margin: -1em auto;
    box-sizing: border-box;
    background: linear-gradient( 180deg, color-mix(in srgb, var(--badge-symbol-bg) 5%, transparent) 0%, color-mix(in srgb, var(--badge-symbol-bg) 20%, transparent) 42%, var(--surface-cream) 100% ), linear-gradient( 90deg, color-mix(in srgb, var(--badge-symbol-bg) 96%, transparent) 0%, color-mix(in srgb, var(--surface-cream) 78%, transparent) 46%, transparent 100% ), var(--new-main) center top repeat, var(--badge-symbol-bg);
    color: var(--amscolor);
    font: 12px/1.55 var(--font-base);
    text-align: justify;
    border: 1px solid var(--quotecolor);
    /**/ border-radius: var(--radius-medium);
}
/**/ .post-content .custom_tag_chrono .custom_tag_chronotitle {
    position: relative;
    margin: -2px auto 18px;
    text-align: center;
    font: 700 24px/1 var(--rus);
    text-transform: uppercase;
    color: var(--anketa-text);
    text-shadow: 1px 1px 2px var(--anketa-bg);
}
.post-content .custom_tag_chrono .custom_tag_chronotitle::after {
    content: "";
    display: block;
    width: 70%;
    height: 1px;
    margin: 10px auto 0;
    background: linear-gradient( to right, transparent, var(--menucolor), transparent );
}
/**/ .post-content .custom_tag_chrono .custom_tag_chronocurrent {
    /**/ display: grid;
    grid-template-columns: 200px minmax(0, 1fr);
    gap: 14px;
    margin-bottom: 16px;
    padding: 15px;
    /**/ background: var(--anketa-bg);
    border: 1px solid var(--quotecolor);
    box-shadow: inset 0 0 0 1px var(--accent-color-light);
    border-radius: var(--radius-medium);
}
.post-content .custom_tag_chrono .custom_tag_chronoimg {
    width: 200px;
    max-width: 100%;
    margin: 0;
    padding: 0;
}
.post-content .custom_tag_chrono .custom_tag_chronoimg img {
    /**/ display: block;
    width: 200px;
    max-width: 100%;
    height: 200px;
    margin: 0;
    padding: 0;
    object-fit: cover;
    /**/ border: 0;
    filter: blur(0);
    border-radius: var(--radius-medium);
    /**/ image-rendering: auto;
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.post-content .custom_tag_chrono .custom_tag_chronoinfo {
    min-width: 0;
}
.post-content .custom_tag_chrono .custom_tag_chronoheading, .post-content .custom_tag_chrono .custom_tag_chronosubtitle {
    margin: 0 0 10px;
    text-align: center;
    font: 700 20px/1 var(--eng);
    text-transform: uppercase;
    color: var(--infocolor);
}
.post-content .custom_tag_chrono .custom_tag_chronoinfo > p {
    margin: 0 0 8px;
    padding: 0;
}
/**/ .post-content .custom_tag_chrono .custom_tag_chronosection {
    /**/ margin-top: 14px;
    padding: 15px;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    /**/ background: var(--anketa-bg);
    border: 1px solid var(--quotecolor);
    box-shadow: inset 0 0 0 1px var(--accent-color-light);
    border-radius: var(--radius-medium);
}
/**/ .post-content .custom_tag_chrono .custom_tag_chronoline {
    position: relative;
    display: grid;
    grid-template-columns: 110px 22px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    margin-bottom: 12px;
}
.post-content .custom_tag_chrono .custom_tag_chronoline:last-child {
    margin-bottom: 0;
}
.post-content .custom_tag_chrono .custom_tag_chronodate {
    text-align: right;
    font: 400 12px/1.25 var(--eng);
    text-transform: lowercase;
    color: var(--accent-color);
}
/**/ .post-content .custom_tag_chrono .custom_tag_chronodot {
    position: relative;
    width: 22px;
    min-height: 100%;
    align-self: stretch;
}
.post-content .custom_tag_chrono .custom_tag_chronodot::before {
    /**/ content: "";
    position: absolute;
    left: 50%;
    top: -12px;
    bottom: -12px;
    width: 1px;
    /**/ background: linear-gradient( to bottom, transparent, var(--plot-text), transparent );
    /**/ transform: translateX(-50%);
}
.post-content .custom_tag_chrono .custom_tag_chronodot::after {
    /**/ content: "";
    position: absolute;
    left: 50%;
    top: 3px;
    width: 9px;
    height: 9px;
    /**/ background: var(--menucolor);
    border: 2px solid var(--white);
    border-radius: 50%;
    box-shadow: 0 0 0 1px var(--quotecolor);
    /**/ transform: translateX(-50%);
}
/**/ .post-content .custom_tag_chrono .custom_tag_chronotext {
    min-width: 0;
    text-align: justify;
}
.post-content .custom_tag_chrono .custom_tag_chronotext b, .post-content .custom_tag_chrono .custom_tag_chronotext strong {
    color: var(--blue-deep);
}
/**/ .post-content .custom_tag_chrono .custom_tag_chronoskills {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.post-content .custom_tag_chrono .custom_tag_chronoskill {
    min-width: 0;
    padding: 12px;
    background: var(--blackmore);
    border: 1px solid var(--quotecolor);
    box-shadow: inset 0 0 0 1px var(--accent-color-light);
}
/**/ .post-content .custom_tag_chrono .custom_tag_chronoskills > .custom_tag_chronoskill:nth-child(odd of .custom_tag_chronoskill):nth-last-child(1 of .custom_tag_chronoskill) {
    grid-column: 1 / -1;
}
.post-content .custom_tag_chrono .custom_tag_chronoskilltitle {
    margin: 0 0 6px;
    text-align: center;
    font: 700 24px/1 var(--rus);
    text-transform: uppercase;
    color: var(--infocolor);
}
.post-content .custom_tag_chrono .custom_tag_chronolevel {
    display: block;
    margin-bottom: 7px;
    text-align: center;
    font: 700 10px var(--eng);
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--menucolor);
}
/**/ .post-content .custom_tag_chrono .custom_tag_chronoscale {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 3px;
    margin: 7px 0 8px;
}
/**/ .post-content .custom_tag_chrono .custom_tag_chronoscale > p {
    display: contents;
}
.post-content .custom_tag_chrono .custom_tag_chronoscale .custom_tag_chronosegment {
    display: block;
    height: 6px;
    background: var(--anketa-bg);
    border: 1px solid var(--quotecolor);
}
.post-content .custom_tag_chrono .custom_tag_chronoscale[data-level="1"] .custom_tag_chronosegment:nth-child(-n+1 of .custom_tag_chronosegment), .post-content .custom_tag_chrono .custom_tag_chronoscale[data-level="2"] .custom_tag_chronosegment:nth-child(-n+2 of .custom_tag_chronosegment), .post-content .custom_tag_chrono .custom_tag_chronoscale[data-level="3"] .custom_tag_chronosegment:nth-child(-n+3 of .custom_tag_chronosegment), .post-content .custom_tag_chrono .custom_tag_chronoscale[data-level="4"] .custom_tag_chronosegment:nth-child(-n+4 of .custom_tag_chronosegment), .post-content .custom_tag_chrono .custom_tag_chronoscale[data-level="5"] .custom_tag_chronosegment:nth-child(-n+5 of .custom_tag_chronosegment) {
    background: var(--anketa-text);
}
/**/ /**/ .post-content .custom_tag_chrono :is( .custom_tag_chronotitle, .custom_tag_chronoheading, .custom_tag_chronosubtitle, .custom_tag_chronodate, .custom_tag_chronoskilltitle, .custom_tag_chronolevel, .custom_tag_chronoimg ) > p {
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    text-align: inherit;
}
/**/ .post-content .custom_tag_chrono :is( .custom_tag_chronotext, .custom_tag_chronoskill, .custom_tag_chronoknowledge ) > p {
    margin: 0 0 8px;
    padding: 0;
}
.post-content .custom_tag_chrono :is( .custom_tag_chronotext, .custom_tag_chronoskill, .custom_tag_chronoknowledge ) > p:last-child {
    margin-bottom: 0;
}
/**/ .post-content :is( .custom_tag_chrono, .custom_tag_chrono .custom_tag_chronocurrent, .custom_tag_chrono .custom_tag_chronosection, .custom_tag_chrono .custom_tag_chronoline, .custom_tag_chrono .custom_tag_chronoskills, .custom_tag_chrono .custom_tag_chronoscale ) > br, .post-content :is( .custom_tag_chrono, .custom_tag_chrono .custom_tag_chronocurrent, .custom_tag_chrono .custom_tag_chronosection, .custom_tag_chrono .custom_tag_chronoline, .custom_tag_chrono .custom_tag_chronoskills, .custom_tag_chrono .custom_tag_chronoscale ) > p:empty, .post-content :is( .custom_tag_chrono, .custom_tag_chrono .custom_tag_chronocurrent, .custom_tag_chrono .custom_tag_chronosection, .custom_tag_chrono .custom_tag_chronoline, .custom_tag_chrono .custom_tag_chronoskills, .custom_tag_chrono .custom_tag_chronoscale ) > p:has(> br:only-child) {
    display: none;
}
.anketa-skills {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.anketa-skill {
    padding: 12px;
    background: var(--blackmore);
    border: 1px solid var(--quotecolor);
    box-shadow: inset 0 0 0 1px var(--accent-color-light);
}
/**/ .anketa-skills > .anketa-skill:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}
.anketa-skill h4 {
    margin: 0 0 6px;
    text-align: center;
    font: 700 24px/1 var(--rus);
    text-transform: uppercase;
    color: var(--infocolor);
}
.anketa-skill-level {
    display: block;
    margin-bottom: 7px;
    text-align: center;
    font: 700 10px var(--eng);
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--menucolor);
}
.anketa-skill-scale {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 3px;
    margin: 7px 0 8px;
}
.anketa-skill-scale span {
    height: 6px;
    background: var(--anketa-bg);
    border: 1px solid var(--quotecolor);
}
.anketa-skill-scale[data-level="1"] span:nth-child(-n+1), .anketa-skill-scale[data-level="2"] span:nth-child(-n+2), .anketa-skill-scale[data-level="3"] span:nth-child(-n+3), .anketa-skill-scale[data-level="4"] span:nth-child(-n+4), .anketa-skill-scale[data-level="5"] span:nth-child(-n+5) {
    background: var(--anketa-text);
}
/**/ @media (max-width: 600px) {
    .post-content .custom_tag_chrono .custom_tag_chronocurrent {
        grid-template-columns: 1fr;
    }
    .post-content .custom_tag_chrono .custom_tag_chronoimg {
        width: 100%;
        max-width: 295px;
        margin: 0 auto;
    }
    .post-content .custom_tag_chrono .custom_tag_chronoimg img {
        width: 100%;
        max-width: 295px;
        height: auto;
        margin: 0 auto;
    }
    .post-content .custom_tag_chrono .custom_tag_chronoline {
        grid-template-columns: 24px minmax(0, 1fr);
        gap: 10px;
    }
    .post-content .custom_tag_chrono .custom_tag_chronodate {
        grid-column: 2;
        grid-row: 1;
        text-align: left;
    }
    .post-content .custom_tag_chrono .custom_tag_chronodot {
        grid-column: 1;
        grid-row: 1 / span 2;
    }
    .post-content .custom_tag_chrono .custom_tag_chronotext {
        grid-column: 2;
        grid-row: 2;
    }
    .post-content .custom_tag_chrono .custom_tag_chronoskills {
        grid-template-columns: 1fr;
    }
    .post-content .custom_tag_chrono .custom_tag_chronotitle {
        font: 700 20px/1 var(--rus);
    }
}
/**/ .post-content .custom_tag_ep {
    /**/ position: relative;
    display: flex;
    width: 760px;
    max-width: 100%;
    margin: 0 auto 20px;
    overflow: hidden;
    /**/ color: var(--plot-text);
    font-family: var(--font-base);
    /**/ border-radius: 5px;
    background: linear-gradient( 180deg, color-mix(in srgb, var(--plot-card) 50%, transparent), color-mix(in srgb, var(--plot-soft) 52%, transparent) ), var(--fon-banner) center / cover no-repeat;
    border: 1px solid var(--plot-border);
    box-shadow: 0 8px 5px var(--plot-shadow);
    /**/ isolation: isolate;
}
.post-content .custom_tag_ep .epimage {
    /**/ position: relative;
    flex: 0 0 150px;
    min-height: 290px;
    overflow: hidden;
    /**/ background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: saturate(.9) contrast(.94) brightness(.96);
}
.post-content .custom_tag_ep .epimage::after {
    /**/ content: "";
    position: absolute;
    top: -15%;
    bottom: -15%;
    width: 120px;
    z-index: 2;
    /**/ filter: blur(28px);
    opacity: .96;
    /**/ pointer-events: none;
}
.post-content .custom_tag_ep .custom_tag_epleft::after {
    right: -52px;
    background: linear-gradient( 90deg, transparent 0%, color-mix(in srgb, var(--plot-card) 20%, transparent) 30%, color-mix(in srgb, var(--plot-card) 55%, transparent) 62%, var(--plot-card) 100% );
}
.post-content .custom_tag_ep .custom_tag_epright::after {
    left: -52px;
    background: linear-gradient( 270deg, transparent 0%, color-mix(in srgb, var(--plot-card) 20%, transparent) 30%, color-mix(in srgb, var(--plot-card) 55%, transparent) 62%, var(--plot-card) 100% );
}
.post-content .custom_tag_ep .custom_tag_epcontent {
    position: relative;
    z-index: 3;
    flex: 1;
    min-width: 0;
    padding: 14px 18px !important;
    display: flex;
    flex-direction: column;
    gap: 7px !important;
    text-align: center;
    color: var(--plot-text) !important;
    /**/
}
.post-content .custom_tag_ep .custom_tag_eptype {
    /**/ position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: fit-content;
    margin: 0 auto;
    padding: 4px 10px;
    /**/ color: var(--plot-muted);
    font: 400 8px/1 var(--font-base);
    letter-spacing: 1px;
    text-transform: uppercase;
    /**/ border-radius: 30px;
    /**/ transition: background .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease;
}
.post-content .custom_tag_ep .custom_tag_eptype::before {
    content: "";
    flex-shrink: 0;
    width: 7px;
    height: 7px;
    background: currentColor;
}
.post-content .custom_tag_ep .custom_tag_eptitle {
    /**/ position: relative;
    display: inline-block;
    margin: 0 auto !important;
    padding: 0 28px 2px !important;
    /**/ color: var(--plot-accent) !important;
    font: 700 21px/1.2 var(--rus) !important;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.post-content .custom_tag_ep .custom_tag_eptitle::before, .post-content .custom_tag_ep .custom_tag_eptitle::after {
    /**/ content: "";
    position: absolute;
    top: 44%;
    width: 14px;
    height: 14px;
    /**/ background: var(--anketa-border);
    -webkit-mask: url("https://forumstatic.ru/files/001c/25/f9/18906.svg") center / contain no-repeat;
    mask: url( "https://forumstatic.ru/files/001c/25/f9/18906.svg") center / contain no-repeat;
    /**/ transform: translateY(-50%);
}
.post-content .custom_tag_ep .custom_tag_eptitle::before {
    left: 4px;
}
.post-content .custom_tag_ep .custom_tag_eptitle::after {
    right: 4px;
}
.post-content .custom_tag_ep .custom_tag_epdescription {
    /**/ width: 100%;
    max-height: 105px;
    overflow-y: auto;
    margin: 0 auto !important;
    padding: 9px 11px !important;
    /**/ color: var(--amscolor);
    font-size: 11px !important;
    line-height: 1.55 !important;
    text-align: justify;
    /**/ border: 1px solid color-mix(in srgb, var(--plot-border) 68%, transparent) !important;
    border-radius: 7px !important;
    background: color-mix(in srgb, var(--plot-soft) 78%, transparent) !important;
}
.post-content .custom_tag_ep .epsection {
    /**/ display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 7px 12px;
    margin: 0 !important;
    padding: 6px 10px !important;
    /**/ color: var(--plot-muted) !important;
    font-size: 10px !important;
    line-height: 1.4;
    /**/ border: 1px solid color-mix(in srgb, var(--plot-border) 62%, transparent);
    border-radius: 7px;
    background: color-mix(in srgb, var(--plot-soft) 70%, transparent);
}
.post-content .custom_tag_ep .epsection i {
    margin-right: 4px;
    color: var(--anketa-text);
}
.post-content .custom_tag_ep .custom_tag_eptags .custom_tag_eptag {
    /**/ padding: 3px 8px;
    /**/ color: var(--plot-muted);
    font-size: 9px;
    font-weight: 500 !important;
    text-transform: lowercase;
    letter-spacing: .4px;
    /**/ border-radius: 20px;
    border: 1px solid color-mix(in srgb, var(--plot-border) 55%, transparent);
    background: color-mix(in srgb, var(--plot-accent) 13%, transparent);
}
.post-content .custom_tag_ep a {
    color: var(--plot-accent) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
.post-content .custom_tag_ep a:hover {
    color: var(--plot-blue) !important;
}
/**/ .post-content .custom_tag_ep[data-kind="active"] {
    border-color: color-mix(in srgb, var(--plot-accent) 35%, var(--plot-border));
}
.post-content .custom_tag_ep[data-kind="active"] .custom_tag_eptitle {
    color: var(--plot-accent) !important;
    text-shadow: 0 0 10px color-mix(in srgb, var(--plot-accent) 25%, transparent);
}
.post-content .custom_tag_ep[data-kind="active"] .custom_tag_eptype {
    color: var(--plot-accent);
    background: color-mix(in srgb, var(--plot-accent) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--plot-accent) 22%, transparent);
}
.post-content .custom_tag_ep[data-kind="active"] .custom_tag_eptype::before {
    border-radius: 50%;
    box-shadow: 0 0 8px color-mix(in srgb, var(--plot-accent) 35%, transparent);
}
/**/ .post-content .custom_tag_ep[data-kind="flashback"] {
    border-color: color-mix(in srgb, var(--plot-blue) 22%, var(--plot-border));
    filter: saturate(.88);
}
.post-content .custom_tag_ep[data-kind="flashback"] .custom_tag_eptitle {
    color: color-mix(in srgb, var(--yellow) 15%, var(--wordcolor1)) !important;
    text-shadow: none;
}
.post-content .custom_tag_ep[data-kind="flashback"] .custom_tag_eptype {
    color: color-mix(in srgb, var(--hover-light) 25%, var(--wordcolor1));
    background: color-mix(in srgb, var(--white) 58%, transparent);
    border: 1px solid color-mix(in srgb, var(--blue-deep) 16%, transparent);
    opacity: .92;
}
.post-content .custom_tag_ep[data-kind="flashback"] .custom_tag_eptype::before {
    border-radius: 1px;
    opacity: .72;
    transform: rotate(45deg);
}
.post-content .custom_tag_ep[data-kind="flashback"] .custom_tag_epdescription, .post-content .custom_tag_ep[data-kind="flashback"] .epsection {
    background: color-mix(in srgb, var(--plot-soft) 60%, var(--element-air-nomads-color) 8%) !important;
}
/**/ .post-content .custom_tag_ep[data-kind="au"] {
    border-color: color-mix(in srgb, var(--redcolor) 38%, var(--plot-border));
    box-shadow: 0 0 20px color-mix(in srgb, var(--redcolor) 12%, transparent), 0 8px 18px var(--plot-shadow);
}
.post-content .custom_tag_ep[data-kind="au"] .custom_tag_eptitle {
    color: var(--redcolor) !important;
    text-shadow: 0 0 12px color-mix(in srgb, var(--redcolor) 18%, transparent);
}
.post-content .custom_tag_ep[data-kind="au"] .custom_tag_eptype {
    color: var(--redcolor);
    background: color-mix(in srgb, var(--redcolor) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--redcolor) 24%, transparent);
    box-shadow: 0 0 14px color-mix(in srgb, var(--redcolor) 10%, transparent);
}
.post-content .custom_tag_ep[data-kind="au"] .custom_tag_eptype::before {
    width: 9px;
    height: 9px;
    background: currentColor;
    -webkit-mask: url("https://forumstatic.ru/files/001c/25/f9/18906.svg") center / contain no-repeat;
    mask: url("https://forumstatic.ru/files/001c/25/f9/18906.svg") center / contain no-repeat;
}
.post-content .custom_tag_ep[data-kind="au"] .custom_tag_epdescription, .post-content .custom_tag_ep[data-kind="au"] .epsection {
    border-color: color-mix(in srgb, var(--redcolor) 20%, var(--plot-border));
}
/**/ .post-content .custom_tag_ep, .post-content .custom_tag_ep * {
    box-sizing: border-box;
}
.punbb .post-content .custom_tag_ep .epimage img.postimg {
    /**/ position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    max-width: none;
    height: 100%;
    margin: 0;
    padding: 0;
    object-fit: cover;
    object-position: center top;
    /**/ border: 0;
}
.post-content .custom_tag_ep .custom_tag > p {
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    text-align: inherit;
}
.post-content .custom_tag_ep .custom_tag_epdescription > p + p {
    margin-top: 1em;
}
.post-content .custom_tag_ep .custom_tag_eptype > p {
    min-width: 0;
}
.post-content .custom_tag_ep :is( .custom_tag_eplocation, .custom_tag_epdate, .custom_tag_epmusic ) {
    display: flex;
    align-items: baseline;
    gap: 4px;
    min-width: 0;
}
.post-content .custom_tag_ep :is( .custom_tag_eplocation, .custom_tag_epdate, .custom_tag_epmusic, .custom_tag_epcharacters )::before {
    flex-shrink: 0;
    color: var(--anketa-text);
    font-family: var(--fa, "Font Awesome 5 Free");
    font-style: normal;
    font-weight: 900;
    line-height: 1;
}
.post-content .custom_tag_ep .custom_tag_eplocation::before {
    content: "\f3c5";
}
.post-content .custom_tag_ep .custom_tag_epdate::before {
    content: "\f017";
}
.post-content .custom_tag_ep .custom_tag_epmusic::before {
    content: "\f001";
}
.post-content .custom_tag_ep .custom_tag_epcharacters::before {
    content: "\f500";
}
.post-content .custom_tag_ep .custom_tag_epcharacters > p {
    min-width: 0;
    overflow-wrap: anywhere;
}
/**/ .post-content :is( .custom_tag_ep, .custom_tag_ep .custom_tag_epcontent, .custom_tag_ep .custom_tag_epmeta, .custom_tag_ep .custom_tag_eptags, .custom_tag_ep .epimage ) > br, .post-content :is( .custom_tag_ep, .custom_tag_ep .custom_tag_epcontent, .custom_tag_ep .custom_tag_epmeta, .custom_tag_ep .custom_tag_eptags, .custom_tag_ep .epimage ) > p:empty, .post-content :is( .custom_tag_ep, .custom_tag_ep .custom_tag_epcontent, .custom_tag_ep .custom_tag_epmeta, .custom_tag_ep .custom_tag_eptags, .custom_tag_ep .epimage ) > p:has(> br:only-child) {
    display: none;
}
/**/ @media (max-width: 700px) {
    .post-content .custom_tag_ep {
        flex-direction: column;
        width: 100%;
        margin: 0 auto 20px;
    }
    .post-content .custom_tag_ep .epimage {
        flex: none;
        width: 100%;
        height: 145px;
        min-height: 145px;
    }
    .post-content .custom_tag_ep .epimage img {
        object-position: center 35%;
    }
    .post-content .custom_tag_ep .custom_tag_epleft {
        order: 1;
    }
    .post-content .custom_tag_ep .custom_tag_epcontent {
        order: 2;
        padding: 10px 14px 13px !important;
        gap: 6px !important;
    }
    .post-content .custom_tag_ep .custom_tag_epright {
        order: 3;
    }
    .post-content .custom_tag_ep .custom_tag_epleft::after {
        /**/ left: -12%;
        right: -12%;
        top: auto;
        bottom: -44px;
        width: auto;
        height: 95px;
        /**/ background: linear-gradient( 180deg, transparent 0%, color-mix(in srgb, var(--plot-card) 24%, transparent) 35%, var(--plot-card) 100% );
        filter: blur(24px);
    }
    .post-content .custom_tag_ep .custom_tag_epright::after {
        /**/ left: -12%;
        right: -12%;
        top: -44px;
        bottom: auto;
        width: auto;
        height: 95px;
        /**/ background: linear-gradient( 0deg, transparent 0%, color-mix(in srgb, var(--plot-card) 24%, transparent) 35%, var(--plot-card) 100% );
        filter: blur(24px);
    }
    .post-content .custom_tag_ep .custom_tag_eptype {
        padding: 4px 9px;
        font-size: 7.5px;
    }
    .post-content .custom_tag_ep .custom_tag_eptitle {
        padding: 0 22px 2px !important;
        font-size: 13px !important;
    }
    .post-content .custom_tag_ep .custom_tag_eptitle::before, .post-content .custom_tag_ep .custom_tag_eptitle::after {
        width: 9px;
        height: 9px;
    }
    .post-content .custom_tag_ep .custom_tag_epdescription {
        max-height: 145px;
        font-size: 10.5px !important;
    }
    .post-content .custom_tag_ep .epsection {
        gap: 6px;
        font-size: 9.5px !important;
    }
}
/**/ .ep-generator {
    /**/ width: 770px;
    max-width: 100%;
    margin: 0 auto;
    padding: 18px;
    /**/ color: var(--plot-text);
    font-family: var(--font-base);
    /**/ background: linear-gradient( 180deg, color-mix(in srgb, var(--plot-card) 92%, transparent), color-mix(in srgb, var(--plot-soft) 90%, transparent) ), var(--fon-banner);
    border: 1px solid var(--plot-border);
    border-radius: 7px;
    box-shadow: 0 8px 18px var(--plot-shadow);
}
.ep-generator-title {
    margin-bottom: 14px;
    color: var(--plot-accent);
    font: 700 24px/1.2 var(--rus);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .5px;
}
/**/ .ep-generator-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 14px;
}
/**/ .eg-field label, .ep-generator-result label {
    display: block;
    margin: 0;
    color: var(--plot-muted);
    font: 700 11px var(--rus);
    text-transform: uppercase;
    letter-spacing: .8px;
}
/**/ .ep-generator select, .ep-generator .eg-edit {
    /**/ width: 100%;
    min-height: 34px;
    padding: 8px 10px;
    /**/ color: var(--plot-text);
    font: 11px/1.45 var(--font-base);
    /**/ background: color-mix(in srgb, var(--plot-soft) 78%, transparent);
    border: 1px solid color-mix(in srgb, var(--plot-border) 70%, transparent);
    border-radius: 6px;
    outline: none;
}
.ep-generator .eg-edit {
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    color: var(--accentcolor1);
    cursor: text;
}
.ep-generator .eg-edit:empty::before {
    content: attr(data-placeholder);
    display: block;
    color: var(--brown-light);
    white-space: pre-line;
    opacity: 0.5;
    pointer-events: none;
}
.ep-generator .eg-edit-large {
    min-height: 90px;
}
/**/ .ep-generator-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 16px 0;
}
.ep-generator button {
    /**/ padding: 7px 12px;
    /**/ color: var(--amscolor);
    font: 700 10px var(--font-base);
    text-transform: lowercase;
    /**/ background: var(--accent-color2);
    border: 0;
    border-radius: 5px;
    /**/ cursor: pointer;
    transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
.ep-generator button:hover {
    background: var(--plot-blue);
    transform: translateY(-1px);
}
#eg-clear-draft {
    background: var(--accent-color2);
    color: var(--anketa-bg);
    /**/ box-shadow: inset 0 0 0 1px rgb(from var(--ulinki) r g b / 0.04);
}
/**/ .ep-generator-result {
    margin-top: 14px;
    padding: 12px;
    background: linear-gradient( 180deg, color-mix(in srgb, var(--plot-card) 76%, transparent), color-mix(in srgb, var(--plot-soft) 82%, transparent) );
    border: 1px solid color-mix(in srgb, var(--plot-border) 75%, transparent);
    border-radius: 7px;
}
/**/ /**/ .republic-paper, .republic-paper * {
    box-sizing: border-box;
}
.republic-paper {
    /**/ max-width: 980px;
    margin: 0 auto;
    padding: 18px;
    /**/ color: var(--amscolor);
    font-family: var(--font-base);
    line-height: 1.55;
    /**/ background: linear-gradient( 180deg, color-mix(in srgb, var(--textcolor) 24%, transparent), color-mix(in srgb, var(--template-card) 92%, transparent) );
    border: 1px solid var(--template-border);
    box-shadow: inset 0 0 0 1px var(--white), 0 8px 24px var(--template-shadow);
}
.republic-paper--crime {
    background: linear-gradient( 180deg, color-mix(in srgb, var(--template-bg) 88%, transparent), color-mix(in srgb, var(--bordercolor) 12%, transparent) );
}
/**/ .republic-paper__top {
    display: grid;
    grid-template-columns: 90px 1fr 120px;
    align-items: center;
    gap: 12px;
    padding-bottom: 8px;
    border-bottom: 3px double var(--template-accent);
}
.republic-paper__mark, .republic-paper__issue {
    color: var(--template-accent);
    font: 700 12px/1.2 var(--rus);
    text-transform: uppercase;
    text-align: center;
}
.republic-paper__logo {
    color: var(--template-accent);
    font: 700 34px/1 var(--eng);
    text-align: center;
}
.republic-paper__meta {
    /**/ display: flex;
    justify-content: space-between;
    gap: 10px;
    margin: 6px 0 14px;
    padding-bottom: 6px;
    /**/ color: var(--template-muted);
    font: 700 10px/1.3 var(--eng);
    text-transform: lowercase;
    /**/ border-bottom: 1px solid var(--template-border);
}
/**/ .republic-paper__grid {
    display: grid;
    grid-template-columns: minmax(0, 2fr) 230px;
    gap: 16px;
}
.paper-main, .paper-article, .paper-sidebar section {
    padding: 10px;
    background: color-mix(in srgb, var(--template-soft) 78%, transparent);
    border: 1px solid var(--template-border);
}
.paper-main h2, .paper-article h2, .paper-sidebar h3, .paper-bottom h3 {
    margin: 0 0 8px;
    padding: 0 0 6px;
    color: var(--template-accent) !important;
    font: 700 18px/1.15 var(--rus);
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid var(--template-border);
}
.paper-main__body {
    column-count: 2;
    column-gap: 18px;
    text-align: justify;
}
.paper-main p, .paper-article p, .paper-sidebar p, .paper-bottom__grid div {
    font-size: 11px;
    line-height: 1.55;
    text-align: justify;
}
.paper-main figure, .paper-article figure {
    margin: 8px 0;
    break-inside: avoid;
}
.paper-main img, .paper-article img {
    display: block;
    width: 100%;
    height: auto;
    filter: grayscale(1) contrast(1.05);
    border: 1px solid var(--template-border-dark);
}
.paper-main figcaption, .paper-article figcaption {
    margin-top: 4px;
    color: var(--template-muted);
    font-size: 9px;
    font-style: italic;
    text-align: center;
}
.paper-sidebar {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.paper-sidebar ul {
    display: grid;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.paper-sidebar li {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding-bottom: 4px;
    color: var(--template-text);
    font: 700 11px/1.3 var(--font-base);
    border-bottom: 1px solid var(--bordercolor);
}
.paper-sidebar li b {
    color: var(--template-blue);
}
.paper-article {
    grid-column: 1 / -1;
}
.paper-bottom {
    margin-top: 16px;
    padding-top: 10px;
    border-top: 3px double var(--template-accent);
}
.paper-bottom__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
}
.paper-bottom__grid div {
    padding: 8px;
    background: color-mix(in srgb, var(--template-soft) 78%, transparent);
    border: 1px solid var(--template-border);
}
/**/ .crime-grid {
    display: grid;
    grid-template-columns: minmax(0, 2fr) 260px;
    gap: 16px;
}
.crime-label {
    /**/ display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    padding: 4px 10px;
    /**/ color: var(--white);
    font: 700 16px/1 var(--rus);
    text-transform: uppercase;
    letter-spacing: 1px;
    /**/ background: var(--template-blue);
}
.crime-title {
    margin-bottom: 12px;
    color: var(--template-accent) !important;
    font: 700 28px/1 var(--rus);
    text-align: left;
}
.crime-main figure {
    margin: 0 0 12px;
}
.crime-main img {
    display: block;
    width: 100%;
    border: 1px solid var(--template-border-dark);
    filter: grayscale(1) contrast(1.05);
}
.crime-main figcaption {
    margin-top: 6px;
    color: var(--template-muted);
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.crime-main p {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.65;
    text-align: justify;
}
.crime-subarticle {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid color-mix( in srgb, var(--template-border-dark) 70%, transparent );
}
.crime-subarticle .crime-title {
    margin-bottom: 10px;
    font-size: 22px;
}
.crime-side {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
}
.crime-side section {
    flex: 1;
    padding: 10px;
    background: color-mix(in srgb, var(--template-card) 31%, transparent);
    border: 1px solid var(--template-border);
}
.crime-side-title {
    margin-bottom: 8px;
    color: var(--template-accent);
    font: 700 24px/1 var(--rus);
    text-transform: uppercase;
}
.crime-side ul {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.crime-side li {
    padding-bottom: 6px;
    font-size: 11px;
    line-height: 1.45;
    border-bottom: 1px solid var(--bordercolor);
}
.crime-side li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
.crime-side p {
    font-size: 11px;
    line-height: 1.55;
}
.crime-bottom {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 16px;
}
.crime-note {
    padding: 10px;
    font-size: 11px;
    line-height: 1.45;
    background: color-mix(in srgb, var(--template-soft) 82%, transparent);
    border: 1px solid var(--template-border);
}
/**/ @media screen and (max-width: 540px) {
    .republic-paper {
        padding: 12px;
    }
    .republic-paper__top {
        grid-template-columns: 1fr;
        gap: 4px;
    }
    .republic-paper__logo {
        font-size: 28px;
    }
    .republic-paper__meta {
        flex-direction: column;
        align-items: center;
        gap: 3px;
        text-align: center;
    }
    .republic-paper__grid, .crime-grid, .crime-bottom {
        grid-template-columns: 1fr;
    }
    .paper-main__body {
        column-count: 1;
    }
    .paper-main h2, .paper-article h2, .paper-sidebar h3, .paper-bottom h3 {
        font-size: 15px;
    }
    .paper-bottom__grid {
        grid-template-columns: 1fr;
    }
    .crime-title {
        font-size: 20px;
        text-align: center;
    }
    .crime-subarticle .crime-title {
        font-size: 18px;
    }
}
/**/ .mask-guide {
    /**/ width: min(770px, 100%);
    max-width: 100%;
    margin: 0 auto;
    padding: 18px;
    /**/ color: var(--plot-text);
    font-family: var(--font-base);
    /**/ background: linear-gradient( 180deg, color-mix(in srgb, var(--plot-card) 92%, transparent), color-mix(in srgb, var(--plot-soft) 90%, transparent) ), var(--fon-banner);
    border: 1px solid var(--plot-border);
    border-radius: 7px;
    box-shadow: 0 8px 18px var(--plot-shadow);
}
.mask-guide, .mask-guide * {
    box-sizing: border-box;
}
.mask-guide-body, .mask-guide-intro {
    min-width: 0;
}
.mask-guide-title {
    margin-bottom: 14px;
    overflow-wrap: anywhere;
    color: var(--plot-accent);
    font: 700 24px/1.2 var(--rus);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.mask-guide-intro {
    /**/ margin-bottom: 14px;
    padding: 10px 12px;
    /**/ color: var(--plot-muted);
    font: 700 11px/1.45 var(--eng);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .7px;
    /**/ background: color-mix(in srgb, var(--plot-soft) 78%, transparent);
    border: 1px solid color-mix(in srgb, var(--plot-border) 70%, transparent);
    border-radius: 6px;
}
.mask-guide-body {
    padding: 12px;
    overflow-wrap: anywhere;
    word-break: break-word;
    background: linear-gradient( 180deg, color-mix(in srgb, var(--plot-card) 76%, transparent), color-mix(in srgb, var(--plot-soft) 82%, transparent) );
    border: 1px solid color-mix(in srgb, var(--plot-border) 75%, transparent);
    border-radius: 7px;
}
.mask-guide-body p {
    margin: 0 0 10px;
    color: var(--amscolor);
    font: 11px/1.65 var(--font-base);
    text-align: justify;
}
.mask-guide-body p:last-child {
    margin-bottom: 0;
}
.mask-guide-body b {
    color: var(--plot-accent);
    font-weight: 700;
}
.mask-guide-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 3px -3px;
    background: var(--plot-accent);
    -webkit-mask: url("https://api.iconify.design/mdi:drama-masks.svg") center / contain no-repeat;
    mask: url("https://api.iconify.design/mdi:drama-masks.svg") center / contain no-repeat;
}
@media screen and (max-width: 540px) {
    .mask-guide {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 12px;
        overflow: hidden;
    }
    .mask-guide-body, .mask-guide-intro {
        width: 100%;
        max-width: 100%;
    }
    .mask-guide-body p {
        overflow-wrap: anywhere;
        text-align: left;
        word-break: normal;
    }
}
/**/ .anketa-generator {
    width: 100%;
    max-width: 100%;
    margin: 20px auto;
    padding: 18px;
    background: linear-gradient(67deg, color-mix(in srgb, var(--badge-symbol-bg) 5%, transparent) 0%, color-mix(in srgb, var(--badge-symbol-bg) 20%, transparent) 42%, var(--surface-cream) 100%), linear-gradient( 65deg, color-mix(in srgb, var(--badge-symbol-bg) 96%, transparent) 0%, color-mix(in srgb, var(--surface-cream) 78%, transparent) 46%, transparent 100%), var(--new-main) center repeat, var(--badge-symbol-bg);
    color: var(--menucolor);
    border: 1px solid var(--quotecolor);
    /**/ font: 12px/1.55 var(--font-base);
    border-radius: var(--radius-medium);
}
/**/ .anketa-generator label {
    display: block;
    margin-bottom: 6px;
    color: var(--infocolor);
    font: 700 13px var(--rus);
    text-transform: lowercase;
}
/**/ .anketa-generator input, .anketa-generator textarea {
    /**/ display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 9px 11px;
    /**/ color: var(--anketa-text);
    font: 12px/1.55 var(--font-base);
    /**/ background: var(--anketa-bg);
    border: 1px solid var(--quotecolor);
    box-shadow: inset 0 0 0 1px var(--accent-color-light);
    /**/ transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.anketa-generator textarea {
    min-height: 120px;
    resize: vertical;
}
/**/ /**/ .avatar-wiki-page p {
    margin: 0 0 14px;
}
.avatar-wiki-page a {
    color: var(--wiki-accent);
    text-decoration: none;
}
.avatar-wiki-page a:hover {
    color: var(--wiki-blue);
}
/**/ .avatar-wiki-hero {
    /**/ position: relative;
    display: block;
    min-height: 210px;
    margin-bottom: 20px;
    padding: 34px 36px;
    overflow: hidden;
    /**/ background: linear-gradient( 90deg, var(--anketa-bg) -1%, var(--anketa-bg) 15%, var(--anketa-bg) 100% );
    border: 1px solid var(--wiki-border);
    border-radius: 10px;
}
.avatar-wiki-hero__text {
    position: relative;
    width: 58%;
    min-width: 420px;
    z-index: 5;
}
.avatar-wiki-kicker {
    /**/ margin-bottom: 8px;
    /**/ color: var(--wiki-muted);
    font: 700 12px var(--eng);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
}
.avatar-wiki-hero p {
    color: var(--accent-color2);
}
/**/ .avatar-wiki-hero__image, .avatar-wiki-img, .avatar-card__img {
    /**/ position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    /**/ color: var(--wiki-muted);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    /**/ background: linear-gradient(135deg, rgb(from var(--ulinki) r g b / 0.35), rgb(from var(--redcolor) r g b / 0.08)), var(--wiki-soft);
    border: 1px solid var(--wiki-border-dark);
    border-radius: 6px;
}
.avatar-wiki-hero__image {
    position: absolute;
    inset: 0 0 0 auto;
    width: 52%;
    height: 100%;
    border: none;
    border-radius: 0;
    background: transparent;
}
.avatar-wiki-img--wide {
    height: 180px;
    min-height: 0;
    margin-top: 18px;
}
.avatar-wiki-img img, .avatar-card__img img, .avatar-wiki-hero__image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
}
.avatar-wiki-hero__image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}
.avatar-wiki-hero__image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, var(--anketa-bg) -1%, var(--anketa-bg) 15%, rgb(from var(--telo) r g b / 0.08) 100% );
    pointer-events: none;
}
/**/ .avatar-wiki-menu {
    /**/ position: sticky;
    margin: var(--padding1);
    top: 98px;
    z-index: 20;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    padding: 10px;
    /**/ border: 1px solid var(--wiki-border);
    border-radius: 8px;
    backdrop-filter: blur(6px);
}
.avatar-wiki-menu a:hover {
    color: var(--wiki-white);
    text-decoration: none;
    background: var(--wiki-accent);
    border-color: var(--wiki-accent);
}
/**/ .avatar-wiki-block {
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 24px;
    background: linear-gradient(180deg, var(--badge-symbol-bg), var(--surface-cream)), var(--badge-symbol-bg);
    border: 1px solid var(--wiki-border);
    border-radius: 10px;
    scroll-margin-top: 85px;
}
.avatar-wiki-title {
    display: flex;
    margin-top: 18px;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--wiki-border);
}
.avatar-wiki-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 450px;
    gap: 22px;
    align-items: start;
}
.avatar-wiki-grid .avatar-wiki-img {
    height: 190px;
}
.avatar-wiki-img {
    height: 190px;
}
.avatar-wiki-grid .avatar-wiki-img:first-child + .avatar-wiki-text {
    grid-column: 2;
}
/**/ .avatar-wiki-grid .avatar-wiki-img:first-child {
    grid-column: 1;
}
.avatar-wiki-grid .avatar-wiki-text {
    max-width: none;
}
/**/ .avatar-cycle {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    margin: 16px 0 18px;
}
/**/ .avatar-card-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin: 18px 0;
}
.avatar-card-grid > :last-child:nth-child(odd) {
    grid-column: 1 / -1;
}
.avatar-card, .avatar-mini-card {
    padding: 14px;
    background: var(--anketa-bg);
    border: 1px solid var(--wiki-border);
    border-radius: 6px;
}
.avatar-card p, .avatar-mini-card p {
    margin-bottom: 0;
}
.avatar-card__img {
    height: 130px;
    min-height: 0;
    margin-bottom: 10px;
}
.avatar-note {
    margin-top: 18px;
    padding: 14px 16px;
    color: var(--accentcolor2);
    background: linear-gradient( 180deg, color-mix(in srgb, var(--wiki-white) 30%, transparent), color-mix(in srgb, var(--wiki-accent-light) 38%, transparent) ), var(--wiki-card);
    border-left: 4px solid var(--wiki-accent);
    border-radius: 5px;
    box-shadow: inset 0 1px 0 rgb(from var(--ulinki) r g b / 0.35), 0 2px 8px var(--wiki-shadow);
}
.avatar-note b {
    color: var(--wiki-accent);
}
.avatar-subtypes {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 12px;
}
.avatar-subtypes span {
    /**/ position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px 6px;
    overflow: hidden;
    /**/ color: var(--anketa-accent);
    font: 700 11px/1 var(--eng);
    letter-spacing: .45px;
    text-transform: lowercase;
    /**/ background: linear-gradient( 180deg, color-mix(in srgb, var(--wiki-white) 45%, transparent), color-mix(in srgb, var(--wiki-soft) 92%, transparent) );
    border: 1px solid color-mix(in srgb, var(--wiki-border) 70%, transparent);
    border-radius: 30px;
}
/**/ .avatar-list-block {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.avatar-list-block > div {
    padding: 14px;
    background: var(--anketa-bg);
    border: 1px solid var(--wiki-border);
    border-radius: 6px;
}
.avatar-list-note {
    /**/ position: relative;
    margin: 16px 0 18px;
    padding: 12px;
    /**/ color: var(--accent-color);
    font: 400 11px/1.65 var(--font-base);
    text-align: justify;
    /**/ background: linear-gradient( 180deg, color-mix(in srgb, var(--wiki-white) 30%, transparent), color-mix(in srgb, var(--wiki-accent-light) 38%, transparent) ), var(--wiki-card);
    border: 1px solid var(--wiki-border);
    border-left: 4px solid var(--wiki-accent);
    border-radius: 6px;
    box-shadow: inset 0 1px 0 rgb(from var(--ulinki) r g b / 0.35), 0 2px 8px var(--wiki-shadow);
}
.avatar-list-note b {
    color: var(--wiki-accent);
    font-weight: 700;
}
/**/ .avatar-republic-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 18px;
}
.avatar-republic-box > div {
    padding: 14px;
    background: var(--wiki-soft);
    border: 1px solid var(--wiki-border);
    border-radius: 6px;
}
/**/ .avatar-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 16px 0;
    font: 700 12px var(--rus);
}
.avatar-tags span {
    /**/ padding: 6px 11px;
    /**/ color: var(--anketa-bg);
    font: 700 9px var(--eng);
    text-transform: uppercase;
    letter-spacing: .8px;
    /**/ background: var(--accent-color);
    border: 1px solid var(--wiki-border);
    border-radius: 3px;
}
/**/ .avatar-card-grid--small {
    grid-template-columns: repeat(4, 1fr);
}
/**/ .avatar-wiki-up {
    /**/ display: inline-flex;
    margin-top: 12px;
    padding: 4px 9px;
    /**/ color: var(--wiki-white) !important;
    font: 400 13px var(--eng);
    text-transform: uppercase;
    letter-spacing: 1px;
    /**/ background: var(--anketa-border);
    border-radius: 3px;
}
.avatar-wiki-up:hover {
    color: var(--wiki-white) !important;
    text-decoration: none;
    background: var(--wiki-blue);
}
.avatar-world-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 16px 0;
}
.avatar-world-tags > div {
    /**/ display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    min-width: 220px;
    max-width: 100%;
    padding: 10px 12px;
    /**/ text-align: center;
    /**/ background: linear-gradient( 180deg, rgb(from var(--ulinki) r g b / 0.3), rgb(from var(--wanted-ams-light) r g b / 0.1) ), var(--wiki-soft);
    border: 1px solid var(--wiki-border);
    border-radius: 4px;
}
.avatar-world-tags b {
    color: var(--wiki-accent);
    font-family: var(--eng);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
}
.avatar-world-tags span {
    color: var(--accentcolor2);
    font-size: 11px;
    line-height: 1.45;
    text-align: center;
}
/**/ @media (max-width: 700px) {
    .avatar-world-tags {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 4px;
        gap: 6px;
        justify-content: flex-start;
        scrollbar-width: thin;
    }
    .avatar-world-tags > div {
        flex: 0 0 190px;
        min-width: 190px;
    }
}
/**/ /**/ /**/ .avatar-timeline-menu {
    margin-bottom: 24px;
}
.avatar-timeline {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 20px;
}
.avatar-time-item {
    /**/ position: relative;
    display: grid;
    grid-template-columns: 125px 26px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    padding: 18px 20px;
    /**/ background: linear-gradient(180deg, var(--wiki-soft), var(--surface-cream)), var(--wiki-soft);
    border: 1px solid var(--wiki-border);
    border-radius: 8px;
}
.avatar-time-line {
    position: relative;
    width: 26px;
    height: 100%;
    min-height: 100%;
}
.avatar-time-line::before {
    /**/ content: "";
    position: absolute;
    left: 50%;
    top: -18px;
    bottom: -18px;
    width: 1px;
    /**/ background: linear-gradient( 180deg, transparent, var(--wiki-border), transparent );
    /**/ transform: translateX(-50%);
}
.avatar-time-line::after {
    /**/ content: "";
    position: absolute;
    top: 3px;
    left: 50%;
    width: 10px;
    height: 10px;
    /**/ background: var(--wiki-accent);
    border: 2px solid var(--wiki-card);
    border-radius: 50%;
    box-shadow: 0 0 0 1px var(--wiki-border);
    /**/ transform: translateX(-50%);
}
.avatar-time-content, .avatar-time-text {
    color: var(--amscolor);
    font-size: 12px;
    line-height: 1.6;
    text-align: justify;
}
.avatar-time-content p, .avatar-time-text p {
    margin: 0 0 10px;
}
.avatar-time-content p:last-child, .avatar-time-text p:last-child {
    margin-bottom: 0;
}
.avatar-time-item--important {
    background: linear-gradient(180deg, var(--bg-light), var(--yellow)), var(--wiki-soft);
    border: 2px solid var(--anketa-bg);
}
.avatar-time-item--important .avatar-time-line::after {
    background: var(--wiki-blue);
}
.avatar-time-item--danger {
    background: linear-gradient(180deg, rgb(from var(--ulinki) r g b / 0.25), rgb(from var(--redcolor) r g b / 0.12)), var(--wiki-soft);
    border-color: var(--wiki-accent);
}
.avatar-time-item--danger .avatar-time-line::after {
    background: var(--infocolor);
}
/**/ .avatar-wiki-block--future {
    opacity: .92;
}
.avatar-future-note {
    /**/ margin-bottom: 18px;
    padding: 14px 16px;
    /**/ color: var(--wiki-text);
    font-size: 12px;
    line-height: 1.6;
    /**/ background: linear-gradient( 180deg, rgb(from var(--ulinki) r g b / 0.18), rgb(from var(--redcolor) r g b / 0.06) ), var(--wiki-soft);
    border-left: 3px solid var(--wiki-accent);
    border-radius: 6px;
}
.avatar-future-toggle summary:hover {
    background: color-mix( in srgb, var(--wiki-soft) 75%, var(--wiki-accent-light) );
}
.avatar-future-toggle[open] summary {
    margin-bottom: 22px;
}
.avatar-time-item--future {
    opacity: .82;
    background: linear-gradient( 180deg, rgb(from var(--ulinki) r g b / 0.18), rgb(from var(--redcolor) r g b / 0.05) ), var(--wiki-soft);
}
.avatar-time-item--future .avatar-time-line::after {
    background: color-mix( in srgb, var(--wiki-accent) 70%, var(--element-none-color) );
}
/**/ /**/ .avatar-mech-page p {
    margin: 0 0 14px;
}
.avatar-mech-page a {
    color: var(--mech-accent);
    text-decoration: none;
}
.avatar-mech-page a:hover {
    color: var(--mech-blue);
}
/**/ .avatar-mech-hero {
    /**/ position: relative;
    display: block;
    min-height: 210px;
    margin-bottom: 20px;
    padding: 34px 36px;
    overflow: hidden;
    /**/ background: linear-gradient( 90deg, var(--anketa-bg) 0%, var(--anketa-bg) 48%, var(--anketa-bg) 100% ), var(--anketa-bg);
    border: 1px solid var(--mech-border);
    border-radius: 10px;
}
.avatar-mech-hero__text {
    position: relative;
    z-index: 2;
    width: 58%;
    min-width: 420px;
}
.avatar-mech-kicker {
    margin-bottom: 8px;
    color: var(--mech-muted);
    font: 700 10px var(--eng);
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
}
.avatar-mech-hero p {
    color: var(--admin-border);
}
.avatar-mech-hero__image {
    position: absolute;
    inset: 0 0 0 auto;
    width: 52%;
    height: 100%;
    overflow: hidden;
}
.avatar-mech-hero__image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}
.avatar-mech-hero__image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, var(--anketa-bg) -1%, var(--anketa-bg) 15%, rgb(from var(--telo) r g b / 0.08) 100% );
    pointer-events: none;
}
/**/ .avatar-mech-menu {
    /**/ position: sticky;
    margin: var(--padding1);
    top: 100px;
    z-index: 20;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    padding: 10px;
    /**/ border: 1px solid var(--mech-border);
    border-radius: 8px;
    backdrop-filter: blur(6px);
}
.avatar-mech-menu a:hover {
    color: var(--mech-white);
    text-decoration: none;
    background: var(--mech-accent);
    border-color: var(--mech-accent);
}
/**/ .avatar-mech-block {
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 24px;
    background: linear-gradient(180deg, var(--badge-symbol-bg), var(--surface-cream)), var(--badge-symbol-bg);
    border: 1px solid var(--mech-border);
    border-radius: 10px;
    scroll-margin-top: 85px;
}
.avatar-mech-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--mech-border);
}
/**/ .avatar-mech-note {
    /**/ position: relative;
    margin: 16px 0 18px;
    padding: 12px;
    /**/ color: var(--accent-color);
    font: 400 11px/1.65 var(--font-base);
    text-align: justify;
    /**/ background: linear-gradient( 180deg, color-mix(in srgb, var(--wiki-white) 30%, transparent), color-mix(in srgb, var(--wiki-accent-light) 38%, transparent) ), var(--wiki-card);
    border: 1px solid var(--wiki-border);
    border-left: 4px solid var(--wiki-accent);
    border-radius: 6px;
    box-shadow: inset 0 1px 0 rgb(from var(--ulinki) r g b / 0.35), 0 2px 8px var(--wiki-shadow);
}
.avatar-mech-note--warn {
    border-left-color: var(--mech-accent);
}
/**/ .avatar-mech-img {
    /**/ position: relative;
    display: block;
    width: 100%;
    height: 190px;
    overflow: hidden;
    margin-top: 18px;
    /**/ background: linear-gradient(135deg, rgb(from var(--ulinki) r g b / 0.35), rgb(from var(--redcolor) r g b / 0.08)), var(--mech-soft);
    border: 1px solid var(--mech-border-dark);
    border-radius: 6px;
}
.avatar-mech-img--wide {
    height: 180px;
}
.avatar-mech-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
}
/**/ .avatar-mech-action-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin: 18px 0;
}
.avatar-mech-action-grid article, .avatar-mech-list > div {
    padding: 14px;
    background: var(--anketa-bg);
    border: 1px solid var(--mech-border);
    border-radius: 6px;
}
.avatar-mech-action-grid p, .avatar-mech-list p {
    margin-bottom: 0;
}
.avatar-mech-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin: 18px 0;
}
/**/ .avatar-mech-up {
    /**/ display: inline-flex;
    margin-top: 12px;
    padding: 4px 9px;
    /**/ color: var(--mech-white) !important;
    font: 700 11px var(--eng);
    text-transform: uppercase;
    letter-spacing: 1px;
    /**/ background: var(--mech-accent);
    border-radius: 3px;
}
.avatar-mech-up:hover {
    color: var(--mech-white) !important;
    text-decoration: none;
    background: var(--mech-blue);
}
/**/ /**/ .avatar-plot-page p {
    margin: 0 0 14px;
}
.avatar-plot-page a {
    color: var(--plot-accent);
    text-decoration: none;
}
.avatar-plot-page a:hover {
    color: var(--plot-blue);
}
/**/ .avatar-plot-hero {
    /**/ position: relative;
    display: block;
    min-height: 230px;
    margin-bottom: 14px;
    padding: 34px 36px;
    overflow: hidden;
    /**/ background: linear-gradient( 90deg, var(--anketa-bg) -1%, var(--anketa-bg) 15%, var(--anketa-bg) 100% );
    border: 1px solid var(--plot-border);
    border-radius: 10px;
}
.avatar-plot-hero__text {
    position: relative;
    z-index: 2;
    width: 58%;
    min-width: 420px;
}
.avatar-plot-kicker {
    margin-bottom: 8px;
    color: var(--plot-muted);
    font: 700 10px var(--eng);
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
}
.avatar-plot-hero p {
    color: var(--accentcolor2);
}
.avatar-plot-hero__image {
    position: absolute;
    inset: 0 0 0 auto;
    width: 52%;
    height: 100%;
    overflow: hidden;
}
.avatar-plot-hero__image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}
.avatar-plot-hero__image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, var(--anketa-bg) -1%, var(--anketa-bg) 15%, rgb(from var(--telo) r g b / 0.08) 100% );
    pointer-events: none;
}
/**/ .avatar-plot-tags {
    /**/ display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
    margin: 0 0 12px;
    padding: 10px;
    /**/ background: linear-gradient(180deg, var(--badge-symbol-bg), var(--surface-cream)), var(--badge-symbol-bg);
    border: 1px solid var(--plot-border);
    border-radius: 8px;
}
.avatar-plot-tags .forum-current-date {
    color: var(--plot-blue);
}
/**/ .avatar-plot-menu {
    /**/ position: sticky;
    top: 57px;
    z-index: 20;
    display: flex;
    margin: var(--padding1);
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    margin-bottom: 10px;
    padding: 10px;
    /**/ border: 1px solid var(--plot-border);
    border-radius: 8px;
    backdrop-filter: blur(6px);
}
.avatar-plot-menu a:hover {
    color: var(--plot-white);
    text-decoration: none;
    background: var(--plot-accent);
    border-color: var(--plot-accent);
}
/**/ .avatar-plot-block {
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 24px;
    background: linear-gradient(180deg, var(--badge-symbol-bg), var(--surface-cream)), var(--badge-symbol-bg);
    border: 1px solid var(--plot-border);
    border-radius: 10px;
    scroll-margin-top: 90px;
}
.avatar-plot-block--danger {
    background: linear-gradient(180deg, var(--badge-symbol-bg), var(--surface-cream)), var(--badge-symbol-bg);
}
.avatar-plot-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--plot-border);
}
/**/ .avatar-plot-note {
    margin: 18px 0;
    padding: 14px 16px;
    color: var(--amscolor);
    background: color-mix(in srgb, var(--plot-accent-light) 45%, var(--plot-card));
    border-left: 4px solid var(--plot-accent);
    border-radius: 5px;
    box-shadow: inset 0 1px 0 rgb(from var(--ulinki) r g b / 0.35);
}
.avatar-plot-note--danger {
    border-left-color: var(--plot-blue);
}
/**/ .avatar-plot-img {
    /**/ position: relative;
    display: block;
    width: 100%;
    height: 190px;
    margin-top: 18px;
    overflow: hidden;
    /**/ background: linear-gradient(135deg, rgb(from var(--ulinki) r g b / 0.35), rgb(from var(--redcolor) r g b / 0.08)), var(--plot-soft);
    border: 1px solid var(--plot-border-dark);
    border-radius: 6px;
}
.avatar-plot-img--wide {
    height: 180px;
}
.avatar-plot-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
}
/**/ .avatar-plot-up {
    /**/ display: inline-flex;
    margin-top: 12px;
    padding: 4px 9px;
    /**/ color: var(--plot-white) !important;
    font: 700 11px var(--rus);
    text-transform: uppercase;
    letter-spacing: 1px;
    /**/ background: var(--plot-accent);
    border-radius: 3px;
}
.avatar-plot-up:hover {
    color: var(--plot-white) !important;
    text-decoration: none;
    background: var(--plot-blue);
}
/**/ .game-chron {
    width: 100%;
    margin: 0 auto;
    color: var(--amscolor);
    font-family: var(--font-base, Verdana, Arial, sans-serif);
    line-height: 1.65;
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 24px;
    background: linear-gradient(180deg, var(--badge-symbol-bg), var(--surface-cream)), var(--badge-symbol-bg);
    border: 1px solid var(--wiki-border);
    border-radius: 10px;
    scroll-margin-top: 85px;
}
.game-chron, .game-chron * {
    box-sizing: border-box;
}
/**/ .game-chron__head {
    position: relative;
    display: block;
    box-sizing: border-box;
    min-height: 210px;
    margin-bottom: 22px;
    padding: 34px 36px;
    overflow: hidden;
    background: var(--anketa-bg);
    border: 1px solid var(--wiki-border);
    border-radius: var(--radius-medium);
}
.game-chron__text {
    position: relative;
    width: 58%;
    min-width: 420px;
    z-index: 5;
}
.game-chron__kicker {
    margin-bottom: 8px;
    color: var(--accentcolor2);
    font: 700 10px var(--eng, Georgia, serif);
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
}
.game-chron__head h1 {
    margin: 0 0 10px !important;
    padding: 0 !important;
    color: var(--accentcolor1) !important;
    font-family: var(--rus, Georgia, serif) !important;
    font-size: 32px !important;
    line-height: 1.1 !important;
    text-transform: uppercase;
}
.game-chron__head p {
    max-width: 760px;
    margin: 0;
    color: var(--accentcolor2);
}
.game-chron__image {
    position: absolute;
    inset: 0 0 0 auto;
    width: 52%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
    border: none;
    border-radius: 0;
    background: transparent;
}
.game-chron__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.game-chron__image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, var(--anketa-bg) -1%, var(--anketa-bg) 15%, rgb(from var(--telo) r g b / 0.08) 100% );
    pointer-events: none;
}
@media (max-width: 640px) {
    .game-chron__head {
        padding: 24px 20px;
    }
    .game-chron__text {
        width: 100%;
        min-width: 0;
    }
    .game-chron__image {
        width: 100%;
        opacity: 0.25;
    }
    .game-chron__head h1 {
        font-size: 26px !important;
    }
}
/**/ .game-chron__menu {
    /**/ position: sticky;
    margin: var(--padding1);
    top: 98px;
    z-index: 20;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    padding: 10px;
    /**/ border: 1px solid var(--wiki-border);
    border-radius: 8px;
    backdrop-filter: blur(6px);
}
.game-chron__menu a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 68px;
    padding: 7px 13px;
    color: var(--wiki-accent);
    font: 700 11px var(--eng, Georgia, serif);
    text-decoration: none;
    letter-spacing: .7px;
    background: var(--anketa-bg);
    border: 1px solid var(--wiki-border);
    border-radius: 3px;
    transition: .2s ease;
}
.game-chron__menu a:hover {
    color: var(--wiki-white);
    text-decoration: none;
    background: var(--wiki-accent);
    border-color: var(--wiki-accent);
}
/**/ .game-chron__year {
    margin: 0 0 38px;
    scroll-margin-top: 20px;
}
.game-chron__year-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}
.game-chron__year-title > span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    color: var(--white);
    font: 700 12px var(--eng, Georgia, serif);
    background: var(--accentcolor1);
    border-radius: 50%;
}
.game-chron__year-title small {
    display: block;
    margin-bottom: 1px;
    color: var(--wordcolor);
    font: 700 9px var(--eng, Georgia, serif);
    text-transform: uppercase;
    letter-spacing: 1px;
}
.game-chron__year-title h2 {
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--accentcolor1) !important;
    font: 700 25px/1 var(--rus, Georgia, serif) !important;
    text-transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}
/**/ .game-chron__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left: 25px;
    margin-left: 25px;
    border-left: 1px solid var(--wiki-border);
}
/**/ .game-chron__episode {
    position: relative;
    padding: 15px 17px;
    background: var(--anketa-bg);
    border: 1px solid var(--wiki-border);
    border-radius: var(--radius-medium);
}
.game-chron__episode::before {
    content: "";
    position: absolute;
    top: 15px;
    left: -34px;
    width: 9px;
    height: 9px;
    background: var(--accentcolor2);
    border: 3px solid var(--telo2);
    border-radius: 50%;
}
.game-chron__quest {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    margin-left: 2px;
    -webkit-mask: url("https://forumstatic.ru/files/0015/28/00/91980.svg") center / contain no-repeat !important;
    mask: url("https://forumstatic.ru/files/0015/28/00/91980.svg") center / contain no-repeat !important;
    background-color: var(--linkcolor) !important;
    opacity: 1;
    vertical-align: -2px;
}
/**/ @media (max-width: 700px) {
    .game-chron__quest {
        grid-column: 1 / -1;
        width: fit-content;
        height: 20px;
        margin: 3px 0 1px;
        padding: 0 7px 0 22px;
        position: relative;
        color: var(--anketa-blue);
        font: 700 8px/20px var( --eng, Georgia, serif);
        text-transform: uppercase;
        letter-spacing: .8px;
        background: var( --anketa-border)!important;
        border: 1px solid var( --wiki-border);
        border-radius: 3px;
        -webkit-mask: none !important;
        mask: none !important;
    }
    .game-chron__quest::before {
        content: "";
        position: absolute;
        left: 6px;
        top: 50%;
        transform: translateY(-50%);
        width: 11px;
        height: 11px;
        -webkit-mask: url("https://forumstatic.ru/files/0015/28/00/91980.svg") center / contain no-repeat;
        mask: url("https://forumstatic.ru/files/0015/28/00/91980.svg") center / contain no-repeat;
        background: var(--linkcolor);
    }
    .game-chron__quest::after {
        content: "Êâåñò";
    }
    /**/ .game-chron__quest + .game-chron__sep {
        display: none;
    }
}
/**/ .game-chron__meta {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 5px 8px;
    line-height: 1.45;
}
.game-chron__meta time {
    color: var(--accentcolor2);
    font: 700 11px var(--eng, Georgia, serif);
    white-space: nowrap;
}
.game-chron__meta > a {
    color: var(--accentcolor1);
    font-family: var(--eng, Georgia, serif);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    transition: .2s ease;
}
.game-chron__meta > a:hover {
    color: var(--wordcolor1);
}
.game-chron__sep {
    color: var(--wordcolor);
    opacity: .65;
}
.game-chron__players {
    color: var(--wordcolor);
    font-size: 11px;
}
/**/ .game-chron__description {
    margin-top: 10px;
    padding-top: 10px;
    color: var(--amscolor);
    border-top: 1px solid var(--wiki-border);
}
.game-chron__description:empty {
    display: none;
}
/**/ .game-chron__up {
    /**/ display: inline-flex;
    margin-top: 12px;
    padding: 4px 9px;
    /**/ color: var(--wiki-white) !important;
    font: 400 13px var(--eng);
    text-transform: uppercase;
    letter-spacing: 1px;
    /**/ background: var(--anketa-border);
    border-radius: 3px;
}
.game-chron__up:hover {
    color: var(--wiki-white) !important;
    text-decoration: none;
    background: var(--wiki-blue);
}
/**/ @media (max-width: 700px) {
    .game-chron__head {
        padding: 18px;
    }
    .game-chron__head h1 {
        font-size: 25px !important;
    }
    /**/ .game-chron__menu {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 5px;
        scrollbar-width: thin;
    }
    .game-chron__menu a {
        flex: 0 0 auto;
    }
    .game-chron__year-title > span {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
        font-size: 10px;
    }
    .game-chron__year-title h2 {
        font-size: 22px !important;
    }
    /**/ .game-chron__list {
        margin-left: 12px;
        padding-left: 17px;
    }
    .game-chron__episode {
        padding: 13px 14px;
    }
    .game-chron__episode::before {
        left: -25px;
    }
    /**/ .game-chron__meta {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 3px 8px;
    }
    .game-chron__meta time {
        grid-column: 1;
        grid-row: 1;
    }
    .game-chron__meta time + .game-chron__sep {
        grid-column: 2;
        grid-row: 1;
    }
    .game-chron__meta > a {
        grid-column: 1 / -1;
        font-size: 14px;
    }
    .game-chron__meta > a + .game-chron__sep {
        display: none;
    }
    .game-chron__players {
        grid-column: 1 / -1;
        margin-top: 2px;
    }
    .game-chron__description {
        margin-top: 9px;
        padding-top: 9px;
    }
}
/**/ .avatar-roles-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin: 18px 0;
}
.avatar-role-card {
    padding: 14px;
    background: var(--anketa-bg);
    border: 1px solid var(--admin-border);
    border-radius: 6px;
}
.avatar-role-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}
.avatar-role-card h3 a {
    color: var(--wiki-accent);
    text-decoration: none;
}
.avatar-role-card h3 a:hover {
    color: var(--wiki-blue);
}
.avatar-role-info {
    display: grid;
    gap: 5px;
    font-size: 11px;
    line-height: 1.45;
}
.avatar-role-info span {
    display: block;
}
.avatar-role-location {
    color: var(--wordcolor, var(--wanted-ams-accent));
    font: 700 10px var(--eng);
    text-transform: uppercase;
    text-align: right;
    letter-spacing: .6px;
}
.avatar-role-card.wanted {
    border-color: var(--blackmax2);
    background: linear-gradient(to bottom, color-mix(in srgb, var(--white) 73%, transparent) 0%, color-mix(in srgb, var(--bg-light) 79%, transparent) 21%, color-mix(in srgb, var(--telo2) 80%, transparent) 100%), var(--new-main);
}
.avatar-role-card.wanted h3 a {
    color: var(--redcolor);
}
.avatar-role-card.wanted .avatar-role-top {
    border-color: color-mix(in srgb, var(--yellow) 85%, transparent);
}
.avatar-role-card.wanted::before {
    background: var(--redcolor);
}
/**/ /**/ /**/ .avatar-roles-filters {
    /**/ display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
    margin: 0 0 10px;
    padding: 10px;
    /**/ background: linear-gradient(180deg, var(--badge-symbol-bg), var(--surface-cream)), var(--badge-symbol-bg);
    border: 1px solid var(--tablichka-border, var(--wanted-ams-light));
    border-radius: 6px;
}
/**/ .avatar-roles-filters--small {
    padding: 8px;
    gap: 6px;
}
/**/ .avatar-roles-filters button:hover {
    color: var(--buttontextcolor);
    background: linear-gradient( 180deg, rgb(from var(--ulinki) r g b / 0.1), rgb(from var(--textcolor) r g b / 0.06) ), var(--menucolor, var(--accentcolor1));
    border-color: var(--menucolor, var(--accentcolor1));
    transform: translateY(-1px);
}
/**/ .avatar-roles-filters button.is-active {
    color: var(--white, var(--telo));
    background: linear-gradient( 180deg, rgb(from var(--ulinki) r g b / 0.12), rgb(from var(--textcolor) r g b / 0.08) ), var(--menucolor, var(--accentcolor1));
    border-color: var(--menucolor, var(--accentcolor1));
    box-shadow: inset 0 1px 0 rgb(from var(--ulinki) r g b / 0.18), 0 3px 10px rgb(from var(--redcolor) r g b / 0.18);
}
/**/ .avatar-roles-filters button:active {
    transform: scale(.98);
}
/**/ /**/ .ep-container {
    /**/ position: relative;
    display: flex;
    width: 760px;
    max-width: 100%;
    margin: 0 auto 20px;
    overflow: hidden;
    /**/ color: var(--plot-text);
    font-family: var(--font-base);
    /**/ border-radius: 5px;
    background: linear-gradient( 180deg, color-mix(in srgb, var(--plot-card) 50%, transparent), color-mix(in srgb, var(--plot-soft) 52%, transparent) ), var(--fon-banner) center / cover no-repeat;
    border: 1px solid var(--plot-border);
    box-shadow: 0 8px 5px var(--plot-shadow);
    /**/ isolation: isolate;
}
.ep-img {
    /**/ position: relative;
    flex: 0 0 150px;
    min-height: 290px;
    overflow: hidden;
    /**/ background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: saturate(.9) contrast(.94) brightness(.96);
}
.ep-img::after {
    /**/ content: "";
    position: absolute;
    top: -15%;
    bottom: -15%;
    width: 120px;
    z-index: 2;
    /**/ filter: blur(28px);
    opacity: .96;
    /**/ pointer-events: none;
}
.ep-img-left::after {
    right: -52px;
    background: linear-gradient( 90deg, transparent 0%, color-mix(in srgb, var(--plot-card) 20%, transparent) 30%, color-mix(in srgb, var(--plot-card) 55%, transparent) 62%, var(--plot-card) 100% );
}
.ep-img-right::after {
    left: -52px;
    background: linear-gradient( 270deg, transparent 0%, color-mix(in srgb, var(--plot-card) 20%, transparent) 30%, color-mix(in srgb, var(--plot-card) 55%, transparent) 62%, var(--plot-card) 100% );
}
.ep-content {
    position: relative;
    z-index: 3;
    flex: 1;
    min-width: 0;
    padding: 14px 18px !important;
    display: flex;
    flex-direction: column;
    gap: 7px !important;
    text-align: center;
    color: var(--plot-text) !important;
    /**/
}
.ep-type {
    /**/ position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: fit-content;
    margin: 0 auto;
    padding: 4px 10px;
    /**/ color: var(--plot-muted);
    font: 400 8px/1 var(--font-base);
    letter-spacing: 1px;
    text-transform: uppercase;
    /**/ border-radius: 30px;
    /**/ transition: background .25s ease, border-color .25s ease, color .25s ease, box-shadow .25s ease;
}
.ep-type::before {
    content: "";
    flex-shrink: 0;
    width: 7px;
    height: 7px;
    background: currentColor;
}
.ep-title {
    /**/ position: relative;
    display: inline-block;
    margin: 0 auto !important;
    padding: 0 28px 2px !important;
    /**/ color: var(--plot-accent) !important;
    font: 700 21px/1.2 var(--rus) !important;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.ep-title::before, .ep-title::after {
    /**/ content: "";
    position: absolute;
    top: 44%;
    width: 14px;
    height: 14px;
    /**/ background: var(--anketa-border);
    -webkit-mask: url("https://forumstatic.ru/files/001c/25/f9/18906.svg") center / contain no-repeat;
    mask: url( "https://forumstatic.ru/files/001c/25/f9/18906.svg") center / contain no-repeat;
    /**/ transform: translateY(-50%);
}
.ep-title::before {
    left: 4px;
}
.ep-title::after {
    right: 4px;
}
.ep-description {
    /**/ width: 100%;
    max-height: 105px;
    overflow-y: auto;
    margin: 0 auto !important;
    padding: 9px 11px !important;
    /**/ color: var(--amscolor);
    font-size: 11px !important;
    line-height: 1.55 !important;
    text-align: justify;
    /**/ border: 1px solid color-mix(in srgb, var(--plot-border) 68%, transparent) !important;
    border-radius: 7px !important;
    background: color-mix(in srgb, var(--plot-soft) 78%, transparent) !important;
}
.ep-section {
    /**/ display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 7px 12px;
    margin: 0 !important;
    padding: 6px 10px !important;
    /**/ color: var(--plot-muted) !important;
    font-size: 10px !important;
    line-height: 1.4;
    /**/ border: 1px solid color-mix(in srgb, var(--plot-border) 62%, transparent);
    border-radius: 7px;
    background: color-mix(in srgb, var(--plot-soft) 70%, transparent);
}
.ep-section i {
    margin-right: 4px;
    color: var(--anketa-text);
}
.ep-tags .ep-tag {
    /**/ padding: 3px 8px;
    /**/ color: var(--plot-muted);
    font-size: 9px;
    font-weight: 500 !important;
    text-transform: lowercase;
    letter-spacing: .4px;
    /**/ border-radius: 20px;
    border: 1px solid color-mix(in srgb, var(--plot-border) 55%, transparent);
    background: color-mix(in srgb, var(--plot-accent) 13%, transparent);
}
.ep-container a {
    color: var(--plot-accent) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
.ep-container a:hover {
    color: var(--plot-blue) !important;
}
/**/ .ep-active {
    border-color: color-mix(in srgb, var(--plot-accent) 35%, var(--plot-border));
}
.ep-active .ep-title {
    color: var(--plot-accent) !important;
    text-shadow: 0 0 10px color-mix(in srgb, var(--plot-accent) 25%, transparent);
}
.ep-active .ep-type {
    color: var(--plot-accent);
    background: color-mix(in srgb, var(--plot-accent) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--plot-accent) 22%, transparent);
}
.ep-active .ep-type::before {
    border-radius: 50%;
    box-shadow: 0 0 8px color-mix(in srgb, var(--plot-accent) 35%, transparent);
}
/**/ .ep-flashback {
    border-color: color-mix(in srgb, var(--plot-blue) 22%, var(--plot-border));
    filter: saturate(.88);
}
.ep-flashback .ep-title {
    color: color-mix(in srgb, var(--yellow) 15%, var(--wordcolor1)) !important;
    text-shadow: none;
}
.ep-flashback .ep-type {
    color: color-mix(in srgb, var(--hover-light) 25%, var(--wordcolor1));
    background: color-mix(in srgb, var(--white) 58%, transparent);
    border: 1px solid color-mix(in srgb, var(--blue-deep) 16%, transparent);
    opacity: .92;
}
.ep-flashback .ep-type::before {
    border-radius: 1px;
    opacity: .72;
    transform: rotate(45deg);
}
.ep-flashback .ep-description, .ep-flashback .ep-section {
    background: color-mix(in srgb, var(--plot-soft) 60%, var(--element-air-nomads-color) 8%) !important;
}
/**/ .ep-au {
    border-color: color-mix(in srgb, var(--redcolor) 38%, var(--plot-border));
    box-shadow: 0 0 20px color-mix(in srgb, var(--redcolor) 12%, transparent), 0 8px 18px var(--plot-shadow);
}
.ep-au .ep-title {
    color: var(--redcolor) !important;
    text-shadow: 0 0 12px color-mix(in srgb, var(--redcolor) 18%, transparent);
}
.ep-au .ep-type {
    color: var(--redcolor);
    background: color-mix(in srgb, var(--redcolor) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--redcolor) 24%, transparent);
    box-shadow: 0 0 14px color-mix(in srgb, var(--redcolor) 10%, transparent);
}
.ep-au .ep-type::before {
    width: 9px;
    height: 9px;
    background: currentColor;
    -webkit-mask: url("https://forumstatic.ru/files/001c/25/f9/18906.svg") center / contain no-repeat;
    mask: url("https://forumstatic.ru/files/001c/25/f9/18906.svg") center / contain no-repeat;
}
.ep-au .ep-description, .ep-au .ep-section {
    border-color: color-mix(in srgb, var(--redcolor) 20%, var(--plot-border));
}
/**/ /**/ .wanted-card p {
    margin: 0 0 10px;
}
.wanted-card p:last-child {
    margin-bottom: 0;
}
/**/ .wanted-head {
    display: grid;
    grid-template-columns: 235px minmax(0, 1fr);
    gap: 18px;
    align-items: stretch;
}
.wanted-img {
    /**/ position: relative;
    width: 235px;
    height: 235px;
    padding: 5px;
    box-sizing: border-box;
    overflow: hidden;
    /**/ background: var(--wanted-soft);
    border: 1px solid color-mix( in srgb, var(--wanted-accent) 25%, transparent );
    border-radius: 5px;
}
.wanted-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2px;
}
.wanted-main {
    min-width: 0;
    padding: 16px 18px;
    box-sizing: border-box;
    background: linear-gradient( 180deg, color-mix(in srgb, var(--wanted-soft) 52%, transparent), color-mix(in srgb, var(--wanted-card) 56%, transparent) ), var(--fon-banner) center repeat;
    border: 1px solid color-mix( in srgb, var(--wanted-accent) 18%, transparent );
    border-radius: 5px;
}
/**/ .wanted-kicker {
    /**/ width: auto;
    max-width: 100%;
    margin: 0 0 10px;
    padding: 0;
    overflow-wrap: anywhere;
    /**/ color: var(--bordercolor);
    font: 600 9px/1.5 var(--eng);
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1.3px;
    /**/ background: none;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
/**/ .wanted-name {
    /**/ margin: 0 0 12px;
    padding: 0 0 14px;
    overflow-wrap: anywhere;
    /**/ color: var(--wanted-accent);
    font: 600 26px/1.15 var(--rus);
    text-align: center;
    /**/ border: 0;
    background: linear-gradient( 90deg, transparent, color-mix(in srgb, var(--wanted-accent) 40%, transparent), transparent ) center bottom / 75% 1px no-repeat;
}
.wanted-name em {
    display: block;
    margin-top: 5px;
    color: var(--bordercolor);
    font: 600 13px/1.4 var(--rus);
    text-transform: uppercase;
    letter-spacing: 2px;
}
/**/ .wanted-info {
    display: grid;
    gap: 0;
    color: var(--text-color);
    font: 400 12px/1.5 var(--eng);
}
.wanted-info div {
    min-width: 0;
    padding: 8px 0;
    overflow-wrap: anywhere;
    background: none;
    border: 0;
    border-radius: 0;
}
.wanted-info div + div {
    border-top: 1px solid color-mix( in srgb, var(--wanted-accent) 14%, transparent );
}
.wanted-info b {
    color: var(--wanted-accent);
    font-weight: 600;
}
/**/ .wanted-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 14px 0;
    justify-content: center;
}
.wanted-tags span {
    /**/ padding: 4px 9px;
    /**/ color: var(--wanted-accent);
    font: 400 8px/1.4 var(--fontosnovnoe);
    text-transform: uppercase;
    letter-spacing: .8px;
    /**/ background: color-mix( in srgb, var(--wanted-soft) 65%, transparent );
    border: 1px solid color-mix( in srgb, var(--wanted-accent) 18%, transparent );
    border-radius: var(--radius-medium);
}
/**/ .wanted-card--ams {
    --wanted-accent: var(--redcolor);
    --wanted-light: var(--redcolor);
    --wanted-shadow: var(--buttoncol);
}
.wanted-card--player {
    --wanted-accent: var(--textcolor);
    --wanted-light: var(--buttoncolor);
    --wanted-shadow: var(--buttoncol);
}
/**/ .wanted-text, .wanted-request {
    padding: 16px 18px;
    box-sizing: border-box;
    max-height: 300px;
    overflow-y: auto;
    overflow-wrap: anywhere;
    color: var(--text-color);
    line-height: 1.65;
    background: color-mix(in srgb, var(--anketa-bg) 88%, transparent);
    border: 1px solid color-mix(in srgb, var(--wanted-accent) 18%, transparent);
    border-radius: 5px;
    text-align: justify;
}
.wanted-request {
    margin-top: 12px;
    background: color-mix( in srgb, var(--markcolor) 10%, var(--wanted-soft) );
    border-left: 2px solid color-mix( in srgb, var(--wanted-accent) 45%, transparent );
}
/**/ /**/ .wanted-generator input + input {
    margin-top: 6px;
}
.wanted-generator button:hover {
    background: var(--amscolor, var(--accentcolor2));
}
/**/ .avatar-map-box {
    max-width: 1200px;
}
.avatar-map {
    max-width: 1200px;
    margin: 0 auto;
    line-height: 0;
}
.avatar-map-img {
    box-sizing: border-box;
    border: 1px solid var(--bordercolor, var(--wanted-ams-light));
}
/**/ .avatar-map-legend span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.avatar-map-legend i {
    display: inline-block;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgb(from var(--ulinki) r g b / 0.65), 0 2px 5px rgb(from var(--textcolor) r g b / 0.25);
}
.avatar-map-legend i.water {
    background: var(--textcolor);
    border: 2px solid var(--accentcolor2);
}
.avatar-map-legend i.fire {
    background: var(--element-water-color);
    border: 2px solid var(--accent-light);
}
.avatar-map-legend i.earth {
    background: var(--element-earth-color);
    border: 2px solid var(--element-air-nomads-color);
}
.avatar-map-legend i.air {
    background: var(--redcolor);
    border: 2px solid var(--wanted-ams-light);
}
.avatar-map-legend i.neutral {
    background: var(--anketa-bg);
    border: 2px solid var(--element-fire-color);
}
.avatar-map-legend i.republic {
    /**/ width: 12px;
    height: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    /**/ background: var(--anketa-bg);
    border: 1px solid var(--wordcolor);
    border-radius: 50%;
}
.avatar-map-legend i.republic::after {
    content: "";
    width: 14px;
    height: 14px;
    background: var(--wordcolor);
    -webkit-mask: url("https://forumstatic.ru/files/0015/28/00/28789.svg") no-repeat center / contain;
    mask: url("https://forumstatic.ru/files/0015/28/00/28789.svg") no-repeat center / contain;
}
#post-order-box {
    margin: 0 0 15px;
    padding: 8px 12px;
    color: var(--textcolor);
    font-family: var(--font-base);
    font-size: 12px;
    background: var(--bg-light);
    border: 1px solid var(--bordercolor);
}
.post-order-next-name {
    font-weight: 700;
    color: var(--linkcolor);
}
#post-order-refresh {
    margin-left: 8px;
    cursor: pointer;
}
.character-profile {
    display: inline-block;
    padding: 0;
    font: inherit;
    color: inherit;
    background: transparent;
    border: none;
}
.character-profile .birth-date {
    display: none;
}
.character-profile .character-age {
    color: var(--bordercolor);
}
.character-profile .character-age::before {
    content: "";
}
.eg-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.eg-wide, .eg-full {
    grid-column: 1 / -1;
}
#eg-tags {
    min-height: 56px;
}
.eg-result-box {
    /**/ min-height: 160px;
    max-height: 360px;
    margin-top: 6px;
    overflow: auto;
    padding: 12px;
    /**/ white-space: pre-wrap;
    color: var(--infocolor);
    font: 11px/1.45 monospace;
    /**/ background: color-mix(in srgb, var(--plot-soft) 82%, transparent);
    border: 1px solid color-mix(in srgb, var(--plot-border) 70%, transparent);
    border-radius: 6px;
}
.eg-copy-note {
    margin-top: 8px;
    text-align: center;
    color: var(--plot-muted);
    font-size: 10px;
}
.eg-copy-note.is-bad {
    color: var(--redcolor);
}
/**/ .ag-title {
    margin-bottom: 18px;
    position: relative;
    text-align: center;
    color: var(--infocolor);
    font: 700 24px/1 var(--rus);
    text-transform: uppercase;
}
.ag-title::after {
    content: "";
    display: block;
    width: 70%;
    height: 1px;
    margin: 10px auto 0;
    background: linear-gradient( to right, transparent, var(--menucolor), transparent );
}
/**/ .ag-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 14px;
}
.ag-field {
    min-width: 0;
}
.ag-full {
    grid-column: 1 / -1;
}
/**/ #ag-desc1 {
    min-height: 140px;
}
#ag-desc2 {
    min-height: 180px;
}
#ag-contact, #ag-plans {
    min-height: 100px;
}
.ag-grid .ag-field:has(#ch-img) {
    grid-column: 1 / -1;
}
/**/ .ag-age-preview {
    margin-top: 5px;
    text-align: right;
    color: var(--menucolor);
    font-size: 11px;
}
.ag-age-preview.is-bad {
    color: var(--wanted-ams-accent);
}
/**/ #ag-count {
    margin-left: 4px;
}
#ag-count.is-bad {
    color: var(--redcolor2);
}
#ag-desc1.is-bad {
    border-color: var(--redcolor2);
    box-shadow: inset 0 0 0 1px var(--redcolor2);
}
/**/ .ag-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 18px;
}
#ag-generate, #ch-generate, .ag-copy, #ag-clear-draft, #ch-clear-draft {
    /**/ padding: 7px 12px;
    /**/ color: var(--amscolor);
    font: 700 10px var(--font-base);
    text-transform: lowercase;
    border: 0;
    border-radius: 5px;
    /**/ cursor: pointer;
    transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}
/**/ #ag-generate, #ch-generate, .ag-copy {
    color: var(--amscolor);
    background: var(--accent-color2);
}
#ag-generate:hover, #ch-generate:hover, .ag-copy:hover {
    background: var(--plot-blue);
    transform: translateY(-1px);
}
#ag-generate:active, #ch-generate:active, .ag-copy:active {
    transform: translateY(0);
}
/**/ #ag-clear-draft, #ch-clear-draft {
    background: var(--accent-color2);
    color: var(--anketa-bg);
    /**/ box-shadow: inset 0 0 0 1px rgb(from var(--ulinki) r g b / 0.04);
}
#ag-clear-draft:hover, #ch-clear-draft:hover {
    opacity: .94;
    border-color: var(--accentcolor2);
    box-shadow: inset 0 0 0 1px rgb(from var(--ulinki) r g b / 0.06), 0 4px 10px rgb(from var(--textcolor) r g b / 0.12);
    transform: translateY(-1px);
}
#ag-clear-draft:active, #ch-clear-draft:active {
    transform: translateY(0);
}
/**/ .ag-result-wrap {
    margin-top: 14px;
}
.ag-result-box {
    /**/ width: 100%;
    min-height: 260px;
    max-height: 320px;
    padding: 12px;
    overflow-y: auto;
    overflow-wrap: break-word;
    /**/ white-space: pre-wrap;
    color: var(--infocolor);
    font: 11px/1.55 monospace;
    /**/ background: var(--anketa-bg);
    border: 1px solid var(--quotecolor);
    box-shadow: inset 0 0 0 1px var(--accent-color-light);
}
/**/ .ag-copy-note {
    min-height: 18px;
    margin-top: 6px;
    text-align: center;
    color: var(--menucolor);
    font: 11px/1.4 var(--font-base);
}
.ag-copy-note.is-bad {
    color: var(--wanted-ams-accent);
}
/**/ .ruleswrap {
    /**/ position: relative;
    width: 100%;
    margin: 0px auto;
    padding: 25px;
    box-sizing: border-box;
    overflow: hidden;
    /**/ color: var(--infocolor);
    /**/ border: 1px solid var(--admin-border);
    background: linear-gradient(180deg, var(--badge-symbol-bg), var(--surface-cream)), var(--badge-symbol-bg);
    border-radius: 5px;
}
/**/ .ruleswrap::before {
    content: "";
    position: absolute;
    inset: 10px;
    pointer-events: none;
}
/**/ .ruleshead {
    position: relative;
    margin-bottom: 10px;
    text-align: center;
    font: 700 24px var(--rus);
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--menucolor);
}
/**/ .ruleshead::after {
    content: "";
    display: block;
    width: 280px;
    height: 2px;
    margin: 14px auto 0 auto;
    background: linear-gradient( 90deg, transparent, var(--bordercolor), transparent );
    opacity: 0.7;
}
/**/ .rulessection {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
/**/ .rulessection:not(:last-child)::after {
    /**/ content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 80%;
    height: 1px;
    /**/ background: linear-gradient( 90deg, transparent, rgb(from var(--wanted-ams-accent) r g b / 0.4), transparent );
    /**/ transform: translateX(-50%);
}
/**/ .rulestitle {
    position: relative;
    margin-bottom: 18px;
    text-align: center;
    font: 700 16px var(--eng);
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--accentcolor1);
}
/**/ .rulessection p {
    margin-bottom: 10px;
    font: 11px/170% var(--font-base);
    color: var(--amscolor);
    text-align: justify;
}
/**/ .rulessection b {
    color: var(--menucolor);
}
/**/ .ruleswarn {
    /**/ position: relative;
    margin: 16px 0 18px;
    padding: 12px;
    /**/ color: var(--accent-color);
    font: 400 11px/1.65 var(--font-base);
    text-align: justify;
    /**/ background: linear-gradient( 180deg, color-mix(in srgb, var(--wiki-white) 30%, transparent), color-mix(in srgb, var(--wiki-accent-light) 38%, transparent) ), var(--wiki-card);
    border: 1px solid var(--wiki-border);
    border-left: 4px solid var(--wiki-accent);
    border-radius: 6px;
    box-shadow: inset 0 1px 0 rgb(from var(--ulinki) r g b / 0.35), 0 2px 8px var(--wiki-shadow);
}
/**/ .rulessection:hover .rulestitle {
    color: var(--menucolor);
    transition: .3s ease;
}
/**/ .role-element::before {
    /**/ content: "";
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    /**/ background: var(--element-color);
    opacity: .9;
    -webkit-mask: var(--element-icon) center / contain no-repeat;
    mask: var(--element-icon) center / contain no-repeat;
}
/**/ .role-element--avatar::before {
    background: url("https://forumstatic.ru/files/001c/b8/a2/41828.webp") center / contain no-repeat;
    -webkit-mask: none;
    mask: none;
    opacity: 1;
}
/**/ .role-element--fire {
    --element-color: var(--element-fire-color);
    --element-icon: url("https://forumstatic.ru/files/0015/28/00/27953.webp");
}
/**/ .role-element--water {
    --element-color: var(--infocolor);
    --element-icon: url("https://forumstatic.ru/files/0015/28/00/56228.webp");
}
/**/ .role-element--earth {
    --element-color: var(--textcolor);
    --element-icon: url("https://forumstatic.ru/files/0015/28/00/83571.webp");
}
/**/ .role-element--air {
    --element-color: var(--element-air-color);
    --element-icon: url("https://forumstatic.ru/files/0015/28/00/25187.webp");
}
/**/ .role-element--air-nomads {
    --element-color: var(--element-air-nomads-color);
    --element-icon: url("https://forumstatic.ru/files/0015/28/00/80827.webp");
}
/**/ .role-element--none {
    --element-color: var(--element-none-color);
    --element-icon: url("https://forumstatic.ru/files/0015/28/00/59043.webp");
}
.wg-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 10px;
}
#wg-build {
    margin: 18px auto;
    color: var(--white, var(--telo));
    background: var(--menucolor, var(--accentcolor1));
    border: 1px solid var(--menucolor, var(--accentcolor1));
}
#wg-build:hover {
    filter: brightness(1.05);
}
#wg-copy:hover {
    background: color-mix(in srgb, var(--bg-light, var(--telo)) 70%, var(--ulinki));
}
#wg-copy {
    color: var(--menucolor, var(--accentcolor1));
    background: var(--bg-light, var(--telo));
    border: 1px solid var(--tablichka-border, var(--wanted-ams-light));
}
.wg-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
}
.wg-row {
    min-width: 0;
    margin: 0;
}
.wg-wide, .wg-full {
    grid-column: 1 / -1;
}
.wg-edit {
    min-height: 90px;
}
.wanted-generator .wg-buttons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 16px 0 0;
}
#wg-build, #wg-copy {
    margin: 0;
}
.wg-result-wrap {
    margin-top: 14px;
    padding: 12px;
    background: color-mix(in srgb, var(--bg-light, var(--telo)) 78%, transparent);
    border: 1px solid var(--tablichka-border, var(--wanted-ams-light));
    border-radius: 7px;
}
#wg-result {
    /**/ min-height: 180px;
    max-height: 260px;
    overflow: auto;
    margin: 6px 0 0;
    padding: 12px;
    /**/ white-space: pre-wrap;
    word-break: break-word;
    color: var(--infocolor, var(--redcolor));
    font: 11px/1.45 Consolas, monospace;
    /**/ background: var(--bg-light, var(--telo));
    border: 1px solid var(--tablichka-border, var(--wanted-ams-light));
    border-radius: 5px;
}
.map-point {
    box-sizing: border-box;
    background: var(--ulinki);
    border: 1px solid rgb(from var(--textcolor) r g b / 0.55);
    cursor: pointer;
}
.map-point:hover {
    z-index: 30;
    box-shadow: 0 0 0 3px rgb(from var(--ulinki) r g b / 0.75), 0 3px 10px rgb(from var(--textcolor) r g b / 0.45);
    transform: translate(-50%, -50%) scale(1.45);
}
/**/ .map-point::after {
    /**/ content: attr(data-title);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 8px);
    min-width: max-content;
    max-width: 220px;
    padding: 6px 9px;
    box-sizing: border-box;
    /**/ color: var(--ulinki);
    font: 11px/1.3 var(--font-base, Arial, sans-serif);
    text-align: center;
    white-space: normal;
    /**/ border-radius: 4px;
    background: rgb(from var(--textcolor) r g b / 0.94);
    opacity: 0;
    /**/ transform: translateX(-50%) scale(.95);
    pointer-events: none;
    transition: opacity .2s ease, transform .2s ease;
}
.map-point::before {
    /**/ content: "";
    position: absolute;
    left: 50%;
    bottom: calc(100% + 3px);
    /**/ border: 5px solid transparent;
    border-top-color: rgb(from var(--textcolor) r g b / 0.94);
    opacity: 0;
    /**/ transform: translateX(-50%);
    pointer-events: none;
    transition: opacity .2s ease;
}
.map-point:hover::after, .map-point:hover::before {
    opacity: 1;
}
/**/ .map-point.water {
    background: var(--textcolor);
    border: 2px solid var(--accentcolor2);
}
.map-point.fire {
    background: var(--element-water-color);
    border: 2px solid var(--accent-light);
}
.map-point.earth {
    background: var(--element-earth-color);
    border: 2px solid var(--element-air-nomads-color);
}
.map-point.air {
    background: var(--redcolor);
    border: 2px solid var(--wanted-ams-light);
}
.map-point.neutral {
    background: var(--anketa-bg);
    border: 2px solid var(--element-fire-color);
}
/**/ .map-point.has-card::after, .map-point.has-card::before {
    display: none;
}
/**/ .map-point.card-bottom .map-card {
    top: calc(100% + 12px);
    bottom: auto;
    transform: translateX(-50%) translateY(-6px);
}
.map-card {
    /**/ position: absolute;
    left: 50%;
    bottom: calc(100% + 12px);
    z-index: 100;
    width: 220px;
    padding: 8px;
    box-sizing: border-box;
    /**/ color: var(--ulinki);
    text-align: center;
    font: 9px/1.35 var(--eng);
    line-height: 1.35;
    /**/ background: rgb(from var(--textcolor) r g b / 0.96);
    border: 1px solid rgb(from var(--ulinki) r g b / 0.25);
    border-radius: 8px;
    box-shadow: 0 6px 18px rgb(from var(--textcolor) r g b / 0.35);
    opacity: 0;
    /**/ pointer-events: none;
    transform: translateX(-50%) translateY(6px);
    transition: .2s ease;
}
.map-card img {
    display: block;
    width: 100%;
    height: 90px;
    object-fit: cover;
    margin-bottom: 6px;
    border-radius: 6px;
}
.map-card b {
    display: block;
    margin-bottom: 4px;
    line-height: 1.2;
    font: 700 10px var(--eng);
}
.map-card em {
    display: block;
    font-style: normal;
    font: 100 9px Calibri;
    opacity: .9;
}
.map-point.has-card:hover .map-card {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}
/**/ .map-point.republic {
    /**/ width: 16px;
    height: 16px;
    overflow: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    /**/ background: var(--anketa-bg);
    border: 2px solid var(--wordcolor);
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgb(from var(--ulinki) r g b / 0.5), 0 2px 5px rgb(from var(--textcolor) r g b / 0.35);
}
.map-point.republic:hover {
    transform: translate(-50%, -50%) scale(1.3);
}
.map-point.republic::before {
    /**/ content: "";
    position: static;
    display: block;
    width: 16px;
    height: 16px;
    /**/ background: var(--wordcolor);
    -webkit-mask: url("https://forumstatic.ru/files/0015/28/00/28789.svg") no-repeat center / contain;
    mask: url("https://forumstatic.ru/files/0015/28/00/28789.svg") no-repeat center / contain;
    border: none;
    opacity: 1;
    /**/ transform: none;
    pointer-events: none;
}
.map-point.republic::after {
    /**/ content: attr(data-title);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 8px);
    min-width: max-content;
    max-width: 220px;
    padding: 6px 9px;
    box-sizing: border-box;
    /**/ color: var(--ulinki);
    font: 11px/1.3 var(--font-base, Arial, sans-serif);
    text-align: center;
    white-space: normal;
    /**/ border-radius: 4px;
    background: rgb(from var(--textcolor) r g b / 0.94);
    opacity: 0;
    /**/ transform: translateX(-50%) scale(.95);
    pointer-events: none;
    transition: opacity .2s ease, transform .2s ease;
}
.map-point.republic:hover::after {
    opacity: 1;
}
/**/ .arc-guestwiki {
    margin: -1em auto;
    color: var(--plot-text);
    font-family: var(--font-base, verdana, arial, sans-serif);
    line-height: 1.65;
}
/**/ .arc-guestwiki__hero {
    /**/ position: relative;
    min-height: 360px;
    margin-bottom: 12px;
    padding: 190px 30px 30px;
    overflow: hidden;
    /**/ background: linear-gradient( 180deg, color-mix(in srgb, var(--badge-symbol-bg) 5%, transparent) 0%, color-mix(in srgb, var(--badge-symbol-bg) 20%, transparent) 42%, var(--surface-cream) 100% ), linear-gradient( 90deg, color-mix(in srgb, var(--badge-symbol-bg) 96%, transparent) 0%, color-mix(in srgb, var(--surface-cream) 78%, transparent) 46%, transparent 100% ), url("https://i.imgur.com/rxcjnDJ.jpeg") center / cover no-repeat, var(--badge-symbol-bg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    border: 1px solid var(--wiki-border);
    border-radius: 10px;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--wiki-white) 45%, transparent), 0 8px 24px var(--wiki-shadow);
}
.arc-guestwiki__hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 120px;
    background: linear-gradient( 180deg, transparent, var(--anketa-bg) );
    pointer-events: none;
}
.arc-guestwiki__intro {
    position: relative;
    z-index: 2;
    max-width: 560px;
}
.arc-guestwiki__kicker {
    margin-bottom: 8px;
    color: var(--wiki-muted);
    font: 700 10px var(--eng);
    text-transform: uppercase;
    letter-spacing: 2px;
}
.arc-guestwiki__intro h1 {
    margin: 0 0 12px;
    padding: 0;
    color: var(--wiki-accent) !important;
    font: 700 38px/1.1 var(--rus);
    text-align: left;
    text-transform: uppercase;
}
.arc-guestwiki__intro p {
    margin: 0;
    color: var(--accentcolor2);
    font: 400 12px/1.75 var(--font-base);
    text-align: justify;
}
/**/ .arc-guestwiki__admins {
    position: absolute;
    top: 158px;
    right: 160px;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
/**/ .arc-guestwiki__links {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 18px;
}
.arc-guestwiki__link {
    /**/ display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    /**/ color: var(--wiki-white) !important;
    font: 700 11px/1 var(--eng);
    text-transform: uppercase;
    letter-spacing: .5px;
    text-decoration: none !important;
    /**/ background: var(--wiki-accent);
    border: 1px solid color-mix(in srgb, var(--wiki-border) 75%, transparent);
    border-radius: 4px;
    /**/ transition: color .25s ease, background .25s ease, border-color .25s ease, transform .25s ease;
}
.arc-guestwiki__link:hover {
    color: var(--wiki-white) !important;
    background: var(--wiki-blue);
    border-color: var(--wiki-blue);
    transform: translateY(-1px);
}
.arc-guestwiki__link--nav {
    min-width: 105px;
}
/**/ .arc-guestwiki__menu {
    /**/ position: sticky;
    top: 57px;
    z-index: 20;
    margin: var(--padding1);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
    margin-bottom: 10px;
    padding: 10px;
    /**/ border: 1px solid var(--plot-border);
    border-radius: 8px;
    backdrop-filter: blur(6px);
}
.arc-guestwiki__menu a {
    /**/ display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    /**/ color: var(--wiki-accent);
    font: 700 11px var(--eng);
    text-transform: uppercase;
    letter-spacing: .6px;
    text-decoration: none !important;
    /**/ background: var(--wiki-soft);
    border: 1px solid var(--wiki-border);
    border-radius: 3px;
}
.arc-guestwiki__menu a:hover {
    color: var(--wiki-white);
    background: var(--wiki-accent);
}
/**/ .arc-guestwiki__block {
    margin-bottom: 10px;
    padding: 24px;
    background: linear-gradient(180deg, var(--badge-symbol-bg), var(--surface-cream)), var(--badge-symbol-bg);
    border: 1px solid var(--wiki-border);
    border-radius: 10px;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--wiki-white) 45%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--wiki-border-dark) 20%, transparent), 0 4px 16px var(--wiki-shadow);
    scroll-margin-top: 95px;
}
.arc-guestwiki__block p {
    margin: 0 0 12px;
    color: var(--accent-color);
    font: 11px/1.5 var(--font-base);
    text-align: justify;
}
.arc-guestwiki__block p:last-child {
    margin-bottom: 0;
}
/**/ .arc-guestwiki__title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--wiki-border);
}
.arc-guestwiki__title span {
    /**/ display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    /**/ color: var(--wiki-white);
    font: 700 16px var(--rus);
    /**/ background: var(--wiki-accent);
    border-radius: 50%;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--wiki-white) 25%, transparent), 0 2px 8px color-mix(in srgb, var(--wiki-accent) 35%, transparent);
}
.arc-guestwiki__title h2 {
    /**/ display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    /**/ color: var(--wiki-accent) !important;
    font: 700 24px/1.2 var(--rus) !important;
    text-transform: uppercase !important;
    text-align: left !important;
    /**/ visibility: visible !important;
}
/**/ .arc-guestwiki__note {
    /**/ margin-bottom: 12px;
    padding: 14px 16px;
    /**/ color: var(--accent-color);
    font: 400 12px/1.6 var(--font-base);
    /**/ background: color-mix(in srgb, var(--wiki-accent-light) 45%, var(--wiki-card));
    border-left: 4px solid var(--wiki-accent);
    border-radius: 5px;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--wiki-white) 35%, transparent);
}
.arc-guestwiki__note strong, .arc-guestwiki__format b {
    color: var(--wiki-accent);
}
/**/ .arc-guestwiki__format {
    padding: 12px 14px;
    color: var(--accentcolor1);
    font: 400 11px/1.65 var(--font-base);
    background: var(--wiki-soft);
    border: 1px solid var(--wiki-border);
    border-radius: 6px;
}
/**/ .arc-guestwiki__reserve {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 8px;
}
.arc-guestwiki__reserve > div, .arc-guestwiki__reserve--faces > div {
    /**/ display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 6px;
    min-height: 0;
    padding: 8px 10px;
    /**/ font: 400 10px/1.35 var(--font-base);
    /**/ background: linear-gradient( 180deg, color-mix(in srgb, var(--wiki-white) 18%, transparent), color-mix(in srgb, var(--anketa-bg) 88%, transparent) );
    border: 1px solid var(--wiki-border);
    border-radius: 5px;
    box-shadow: none;
}
.arc-guestwiki__reserve b {
    overflow: hidden;
    font: 700 12px/1.25 var(--eng);
    letter-spacing: .2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--wiki-accent);
    font-weight: 700;
}
.arc-guestwiki__reserve > div:hover {
    border-color: color-mix(in srgb, var(--wiki-accent) 35%, var(--anketa-bg));
    transform: none;
}
.arc-guestwiki__reserve span, .arc-guestwiki__reserve em, .arc-guestwiki__reserve time {
    font: 400 10px/1.5 var(--font-base);
    color: var(--wiki-muted);
    font-style: normal;
    white-space: nowrap;
}
.arc-guestwiki__reserve--faces > div {
    grid-template-columns: minmax(0, 1fr) auto auto auto;
}
/**/ .arc-newsroom {
    /**/ position: relative;
    margin: -1em auto;
    padding: 22px;
    overflow: hidden;
    /**/ color: var(--amscolor);
    font: 400 12px/1.65 var(--font-base);
    /**/ background-image: linear-gradient( 180deg, color-mix(in srgb, var(--wiki-white) 72%, transparent), color-mix(in srgb, var(--wiki-card) 92%, transparent) ), linear-gradient( 90deg, color-mix(in srgb, var(--wiki-card) 96%, transparent) 0%, color-mix(in srgb, var(--wiki-card) 72%, transparent) 38%, transparent 100% ), url("https://i.pinimg.com/1200x/7e/27/33/7e27334107e520403173db5ade8a5781.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid var(--wiki-border);
    border-radius: 10px;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--wiki-white) 45%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--wiki-border-dark) 20%, transparent), 0 4px 16px var(--wiki-shadow);
}
.arc-newsroom::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient( circle at 0 0, color-mix(in srgb, var(--wiki-accent-light) 42%, transparent), transparent 36% );
    opacity: .7;
    pointer-events: none;
}
/**/ .arc-newsroom__header {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 14px;
    align-items: stretch;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--wiki-border);
}
.arc-newsroom__date {
    /**/ display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 74px;
    /**/ color: var(--wiki-white);
    /**/ background: linear-gradient( 180deg, color-mix(in srgb, var(--wiki-accent) 88%, var(--wiki-blue)), var(--wiki-accent) );
    border-radius: 8px;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--wiki-white) 28%, transparent), 0 4px 10px color-mix(in srgb, var(--wiki-accent) 24%, transparent);
}
.arc-newsroom__date span {
    font: 700 10px/1 var(--eng);
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: .8;
}
.arc-newsroom__date b {
    margin-top: 5px;
    font: 700 24px/1 var(--rus);
    letter-spacing: .5px;
}
.arc-newsroom__title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}
.arc-newsroom__title span {
    color: var(--wiki-muted);
    font: 700 10px/1 var(--eng);
    text-transform: uppercase;
    letter-spacing: 2px;
}
.arc-newsroom__title h2 {
    /**/ display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 6px 0 0 !important;
    padding: 0 !important;
    /**/ color: var(--wiki-accent) !important;
    font: 700 28px/1.1 var(--rus) !important;
    text-align: left !important;
    text-transform: uppercase !important;
    /**/ visibility: visible !important;
}
/**/ .arc-newsroom__stats {
    /**/ display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    padding: 7px 10px;
    /**/ color: var(--wiki-accent);
    font: 700 10px/1 var(--rus);
    text-transform: lowercase;
    letter-spacing: .4px;
    /**/ background: var(--wiki-soft);
    border: 1px solid var(--wiki-border);
    border-radius: 5px;
}
.arc-newsroom__stats b {
    /**/ min-width: 24px;
    height: 20px;
    padding: 0 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /**/ color: var(--wiki-white);
    font: 700 11px/1 var(--font-base);
    /**/ background: var(--wiki-accent);
    border-radius: 20px;
}
/**/ .arc-newsroom__content {
    padding: 16px;
    background: linear-gradient( 180deg, color-mix(in srgb, var(--wiki-white) 57%, transparent), color-mix(in srgb, var(--wiki-soft) 88%, transparent) );
    border: 1px solid var(--wiki-border);
    border-radius: 8px;
}
.arc-newsroom__content p {
    margin: 0 0 12px;
    color: var(--amscolor);
    font: 400 11px/1.55 var(--font-base);
    text-align: justify;
}
.arc-newsroom__content p:last-child {
    margin-bottom: 0;
}
.arc-newsroom__content strong, .arc-newsroom__content b {
    color: var(--wiki-accent);
    font-family: var(--rus);
    font-size: 16px;
}
.arc-newsroom__content a {
    color: var(--wiki-accent);
    font-weight: 700;
    text-decoration: none;
}
.arc-newsroom__content a:hover {
    color: var(--wiki-blue);
}
/**/ .arc-newsroom__footer {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(220px, .6fr);
    gap: 12px;
    margin-top: 12px;
}
.arc-newsroom__best-post, .arc-newsroom__best-episode {
    padding: 14px;
    background: var(--wiki-soft);
    border: 1px solid var(--wiki-border);
    border-radius: 8px;
}
.arc-newsroom__footer-title {
    margin-bottom: 8px;
    color: var(--wiki-accent);
    font: 700 17px/1.2 var(--eng);
    text-transform: uppercase;
    letter-spacing: .8px;
}
.arc-newsroom__best-text {
    max-height: 92px;
    overflow: auto;
    padding-right: 6px;
}
.arc-newsroom__best-text p {
    margin: 0;
    color: var(--amscolor);
    font: 400 11px/1.55 var(--font-base);
    text-align: justify;
}
.arc-newsroom__author, .arc-newsroom__episode-name {
    margin-top: 10px;
    padding-top: 8px;
    font: 700 22px/1.4 var(--eng);
    text-transform: capitalize;
    border-top: 1px solid var(--wiki-border);
}
.arc-newsroom__author a:hover, .arc-newsroom__episode-name a:hover {
    color: var(--wiki-blue);
}
/**/ /**/ .arc-newsroom {
    margin: 0 auto;
}
.arc-newsroom__header, .arc-newsroom__content {
    position: relative;
    z-index: 1;
}
/**/ .arc-newsroom > br, .arc-newsroom__header > br, .arc-newsroom__date > br, .arc-newsroom__title > br, .arc-newsroom__content > br {
    display: none;
}
/**/ .arc-newsroom__subtitle {
    margin: 18px 0 12px;
    color: var(--wiki-accent);
    font: 700 16px/1.35 var(--rus);
    text-align: center;
}
.arc-newsroom__subtitle:first-child {
    margin-top: 0;
}
/**/ .arc-newsroom .arc-newsroom__content > p {
    margin: 0 0 12px;
    color: var(--amscolor);
    font: 400 11px/1.55 var(--font-base);
    text-align: justify;
}
.arc-newsroom .arc-newsroom__content > p:last-of-type {
    margin-bottom: 0;
}
/**/ .arc-newsroom .arc-newsroom__date > p, .arc-newsroom .arc-newsroom__title > p, .arc-newsroom .arc-newsroom__title h2 > p, .arc-newsroom .arc-newsroom__subtitle > p {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-indent: 0 !important;
    color: inherit !important;
    font: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
}
/**/ .arc-newsroom .arc-newsroom__date > p {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center !important;
}
/**/ .arc-newsroom .arc-newsroom__title > p, .arc-newsroom .arc-newsroom__title h2 > p {
    text-align: left !important;
}
/**/ .arc-newsroom .arc-newsroom__subtitle > p {
    text-align: center !important;
}
/**/ .arc-newsroom__date > p > br, .arc-newsroom__title > p > br, .arc-newsroom__title h2 > p > br {
    display: none !important;
}
/**/ @media (max-width: 480px) {
    .arc-newsroom {
        padding: 12px;
    }
    .arc-newsroom__header {
        grid-template-columns: 80px minmax(0, 1fr);
        gap: 10px;
    }
    .arc-newsroom__title h2 {
        font-size: 22px !important;
        overflow-wrap: anywhere;
    }
    .arc-newsroom__title span {
        line-height: 1.4;
        letter-spacing: 1px;
    }
    .arc-newsroom__content {
        padding: 12px;
    }
}
/**/ .arc-faces {
    /**/ position: relative;
    overflow: hidden;
    margin: -1em auto;
    padding: 22px;
    /**/ background: linear-gradient( 180deg, color-mix(in srgb, var(--wiki-white) 24%, transparent), color-mix(in srgb, var(--wiki-soft) 92%, transparent) ), var(--wiki-card);
    border: 1px solid var(--wiki-border);
    border-radius: 10px;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--wiki-white) 40%, transparent), 0 4px 16px var(--wiki-shadow);
}
.arc-faces::before {
    /**/ content: "";
    position: absolute;
    inset: 0;
    /**/ background-image: linear-gradient( 180deg, rgb(from var(--ulinki) r g b / 0.06), rgb(from var(--ulinki) r g b / 0) ), url("https://i.pinimg.com/1200x/3c/c0/74/3cc074aa05d07de913002a6aad86e034.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: .13;
    /**/ pointer-events: none;
}
/**/ .arc-faces__header {
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--wiki-border);
}
.arc-faces__title {
    color: var(--wiki-accent);
    font: 700 24px/1 var(--rus);
    text-transform: uppercase;
}
.arc-faces__subtitle {
    margin-top: 8px;
    color: var(--wiki-muted);
    font: 400 10px/1.5 var(--font-base);
}
/**/ .arc-faces__columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
/**/ .arc-faces__section {
    min-width: 0;
    max-height: 520px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 6px;
    scrollbar-width: thin;
    scrollbar-color: var(--wiki-accent) transparent;
}
.arc-faces__section-title {
    margin-bottom: 12px;
    color: var(--wiki-accent);
    font: 700 13px var(--rus);
    text-transform: uppercase;
    letter-spacing: .5px;
}
/**/ .arc-faces__group {
    margin-bottom: 14px;
}
.arc-faces__letter {
    /**/ position: sticky;
    top: 0;
    margin-bottom: 6px;
    padding: 4px 8px;
    /**/ color: var(--wiki-white);
    font: 700 9px var(--rus);
    text-transform: uppercase;
    letter-spacing: 1px;
    /**/ background: var(--wiki-accent);
    border-radius: 3px;
}
/**/ .arc-faces__list {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.arc-faces__list div {
    padding: 6px 8px;
    color: var(--wiki-text);
    font: 400 10px/1.45 var(--font-base);
    background: color-mix(in srgb, var(--wiki-soft) 82%, transparent);
    border: 1px solid color-mix(in srgb, var(--wiki-border) 70%, transparent);
    border-radius: 4px;
    transition: border-color .2s ease, background .2s ease;
}
.arc-faces__list div:hover {
    border-color: color-mix(in srgb, var(--wiki-accent) 45%, var(--wiki-border));
    background: color-mix(in srgb, var(--wiki-accent-light) 55%, var(--wiki-card));
}
.arc-faces__list a {
    color: var(--wiki-accent);
    font-weight: 700;
}
/**/ .arc-faq {
    /**/ position: relative;
    margin: -1em auto;
    overflow: hidden;
    padding: 24px;
    /**/ color: var(--wiki-text);
    /**/ background: linear-gradient( 180deg, color-mix(in srgb, var(--wiki-white) 24%, transparent), color-mix(in srgb, var(--wiki-soft) 92%, transparent) ), var(--wiki-card);
    border: 1px solid var(--wiki-border);
    border-radius: 10px;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--wiki-white) 40%, transparent), 0 4px 16px var(--wiki-shadow);
}
.arc-faq::before {
    /**/ content: "";
    position: absolute;
    inset: 0;
    /**/ background-image: linear-gradient( 180deg, rgb(from var(--ulinki) r g b / 0.1), rgb(from var(--ulinki) r g b / 0) ), url("https://i.pinimg.com/1200x/1a/dd/80/1add80e90c4a7da482263f9a16fe27d0.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    opacity: .12;
    /**/ pointer-events: none;
}
/**/ .arc-faq__header {
    margin-bottom: 18px;
    padding-bottom: 14px;
    text-align: center;
    border-bottom: 1px solid var(--wiki-border);
}
.arc-faq__kicker {
    margin-bottom: 6px;
    color: var(--wiki-muted);
    font: 700 10px/1 var(--eng);
    text-transform: uppercase;
    letter-spacing: 2px;
}
.arc-faq__title {
    color: var(--wiki-accent);
    font: 700 28px/1.1 var(--rus);
    text-transform: uppercase;
}
.arc-faq__subtitle {
    max-width: 620px;
    margin: 8px auto 0;
    color: var(--wiki-muted);
    font: 400 11px/1.6 var(--font-base);
}
/**/ .arc-faq__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    align-items: start;
}
.arc-faq__item:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}
.arc-faq__item:last-child:nth-child(odd) summary {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
/**/ .arc-faq__item {
    min-width: 0;
    overflow: hidden;
    align-self: start;
    height: auto;
    background: color-mix(in srgb, var(--wiki-soft) 86%, transparent);
    border: 1px solid color-mix(in srgb, var(--wiki-border) 75%, transparent);
    border-radius: 6px;
}
.arc-faq__item summary {
    /**/ position: relative;
    display: block;
    padding: 9px 34px 9px 12px;
    /**/ color: var(--accent-color2);
    font: 700 12px/1.35 var(--eng);
    text-transform: uppercase;
    letter-spacing: .3px;
    list-style: none;
    /**/ background: linear-gradient( 180deg, color-mix(in srgb, var(--wiki-white) 20%, transparent), color-mix(in srgb, var(--wiki-soft) 92%, transparent) );
    /**/ cursor: pointer;
    transition: color .25s ease, background .25s ease;
}
.arc-faq__item summary::-webkit-details-marker {
    display: none;
}
.arc-faq__item summary::after {
    content: "+";
    position: absolute;
    right: 12px;
    top: 50%;
    color: var(--wiki-muted);
    font: 700 16px/1 var(--rus);
    transform: translateY(-50%);
}
.arc-faq__item[open] summary::after {
    content: "–";
}
.arc-faq__item summary:hover {
    color: var(--wiki-blue);
}
.arc-faq__item div {
    padding: 10px 12px 12px;
    color: var(--amscolor);
    font: 400 11px/1.7 var(--font-base);
    text-align: justify;
    border-top: 1px solid color-mix(in srgb, var(--wiki-border) 60%, transparent);
}
.arc-faq__item a {
    color: var(--wiki-accent);
    font-weight: 700;
    text-decoration: none;
}
.arc-faq__item a:hover {
    color: var(--wiki-blue);
}
/**/ /**/ @media (max-width: 700px) {
    .ep-generator {
        width: 100%;
        padding: 14px;
    }
    .ep-generator-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .eg-wide, .eg-full {
        grid-column: auto;
    }
    .ep-generator-buttons {
        flex-direction: column;
    }
    .ep-generator button {
        width: 100%;
    }
}
/**/ @media (max-width: 700px) {
    .anketa-generator {
        padding: 14px;
    }
    .ag-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .ag-full {
        grid-column: auto;
    }
    .ag-title {
        font-size: 21px;
    }
    .anketa-generator label {
        font-size: 12px;
    }
    .anketa-generator input, .anketa-generator textarea {
        padding: 8px 9px;
        font-size: 11px;
    }
    .anketa-generator textarea {
        min-height: 100px;
    }
    .ag-buttons {
        flex-direction: column;
    }
    #ag-generate, #ch-generate, .ag-copy, #ag-clear-draft, #ch-clear-draft {
        width: 100%;
    }
    .ag-result-box {
        min-height: 220px;
        max-height: 280px;
        font-size: 10px;
    }
}
/**/ @media (max-width: 700px) {
    .avatar-wiki-page {
        width: 100%;
        max-width: 100%;
        margin: 10px auto;
        padding: 0;
        overflow: visible;
    }
    .avatar-wiki-grid, .avatar-card-grid, .avatar-list-block, .avatar-republic-box, .avatar-card-grid--small {
        display: grid;
        grid-template-columns: 1fr !important;
        gap: 14px;
    }
    .avatar-wiki-grid .avatar-wiki-img, .avatar-wiki-grid .avatar-wiki-text, .avatar-wiki-grid .avatar-wiki-img:first-child, .avatar-wiki-grid .avatar-wiki-img:first-child + .avatar-wiki-text {
        grid-column: auto;
    }
    .avatar-wiki-page .avatar-wiki-menu {
        position: sticky !important;
        position: -webkit-sticky !important;
        top: 63px !important;
        z-index: 99999 !important;
    }
    .avatar-wiki-page .avatar-wiki-menu a {
        flex: 0 0 auto !important;
        padding: 6px 10px !important;
        white-space: nowrap !important;
        font-size: 10px !important;
    }
    .avatar-wiki-page .avatar-wiki-block {
        scroll-margin-top: 118px !important;
    }
    .avatar-wiki-hero {
        position: relative;
        display: block;
        min-height: 0;
        margin-bottom: 16px;
        padding: 18px;
        overflow: hidden;
    }
    .avatar-wiki-hero__text {
        width: 100%;
        min-width: 0;
        position: relative;
        z-index: 2;
    }
    .avatar-wiki-hero h1 {
        font-size: 26px;
        line-height: 1.15;
    }
    .avatar-wiki-hero__image {
        position: relative;
        inset: auto;
        width: 100%;
        height: 135px;
        margin-top: 14px;
        border-radius: 6px;
    }
    .avatar-wiki-hero__image::after {
        display: none;
    }
    .avatar-wiki-title {
        gap: 10px;
        align-items: center;
    }
    .avatar-wiki-title span {
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
        font-size: 16px;
    }
    .avatar-wiki-title h2 {
        font-size: 22px;
        line-height: 1.15;
        text-align: left;
    }
    .avatar-wiki-img, .avatar-wiki-grid .avatar-wiki-img {
        width: 100%;
        height: 165px;
    }
    .avatar-card__img {
        height: 130px;
    }
    .avatar-cycle {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .avatar-wiki-img--wide {
        height: 165px;
    }
    .avatar-republic-box, .avatar-list-block, .avatar-card-grid {
        gap: 12px;
    }
    .avatar-tags {
        gap: 6px;
    }
    .avatar-tags span {
        padding: 5px 8px;
        font-size: 9px;
    }
    .avatar-wiki-up {
        font-size: 9px;
    }
}
/**/ @media (max-width: 700px) {
    .avatar-time-item {
        grid-template-columns: 24px minmax(0, 1fr);
        gap: 10px;
        padding: 14px;
    }
    .avatar-time-year {
        grid-column: 2;
        grid-row: 1;
        text-align: left;
        font-size: 11px;
    }
    .avatar-time-line {
        grid-column: 1;
        grid-row: 1 / span 2;
        width: 24px;
    }
    .avatar-time-line::before {
        top: -14px;
        bottom: -14px;
    }
    .avatar-time-line::after {
        top: 2px;
    }
    .avatar-time-content, .avatar-time-text {
        grid-column: 2;
        grid-row: 2;
        font-size: 11px;
        line-height: 1.55;
        text-align: left;
    }
    .avatar-future-note {
        padding: 12px;
        font-size: 11px;
        line-height: 1.55;
    }
    .avatar-future-toggle summary {
        padding: 9px 12px;
        margin-bottom: 14px;
        font-size: 10px;
        line-height: 1.3;
    }
    .avatar-future-toggle[open] summary {
        margin-bottom: 16px;
    }
    .avatar-wiki-block--future {
        opacity: 1;
    }
}
/**/ @media (max-width: 700px) {
    .avatar-mech-page {
        width: 100%;
        max-width: 100%;
        margin: 10px auto;
        padding: 0;
        overflow: visible;
    }
    .avatar-mech-menu {
        /**/ position: sticky !important;
        position: -webkit-sticky !important;
        top: 63px !important;
        z-index: 99999 !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        max-width: 100% !important;
        width: calc(100% - 28px) !important;
        margin: 0 auto 16px !important;
        padding: 8px 10px !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        /**/ background: color-mix(in srgb, var(--wiki-card) 96%, transparent) !important;
        border: 1px solid var(--wiki-border) !important;
        border-radius: 6px !important;
        box-shadow: 0 4px 12px rgb(from var(--redcolor) r g b / 0.18) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
    .avatar-mech-menu a {
        flex: 0 0 auto !important;
        padding: 6px 10px !important;
        white-space: nowrap !important;
        font-size: 10px !important;
    }
    .avatar-mech-block {
        padding: 18px;
        scroll-margin-top: 118px !important;
    }
    .avatar-mech-hero {
        min-height: 0;
        margin-bottom: 16px;
        padding: 18px;
    }
    .avatar-mech-hero__text {
        width: 100%;
        min-width: 0;
    }
    .avatar-mech-hero h1 {
        font-size: 26px;
        line-height: 1.15;
    }
    .avatar-mech-hero__image {
        position: relative;
        inset: auto;
        width: 100%;
        height: 135px;
        margin-top: 14px;
        border-radius: 6px;
    }
    .avatar-mech-hero__image::after {
        display: none;
    }
    .avatar-mech-title {
        gap: 10px;
        align-items: center;
    }
    .avatar-mech-title span {
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
        font-size: 16px;
    }
    .avatar-mech-page .avatar-mech-title h2 {
        font-size: 17px !important;
        line-height: 1.15 !important;
    }
    .avatar-mech-action-grid, .avatar-mech-list {
        grid-template-columns: 1fr !important;
        gap: 12px;
    }
    .avatar-mech-img, .avatar-mech-img--wide {
        height: 165px;
    }
    .avatar-mech-up {
        font-size: 9px;
    }
}
/**/ @media (max-width: 700px) {
    .avatar-plot-page {
        width: 100%;
        max-width: 100%;
        margin: 10px auto;
        padding: 0;
        overflow: visible;
    }
    .avatar-plot-hero {
        min-height: 0;
        margin-bottom: 12px;
        padding: 18px;
    }
    .avatar-plot-hero__text {
        width: 100%;
        min-width: 0;
    }
    .avatar-plot-hero h1 {
        font-size: 26px;
        line-height: 1.15;
    }
    .avatar-plot-hero__image {
        position: relative;
        inset: auto;
        width: 100%;
        height: 135px;
        margin-top: 14px;
        border-radius: 6px;
    }
    .avatar-plot-hero__image::after {
        display: none;
    }
    .avatar-plot-tags {
        gap: 5px;
        padding: 8px;
    }
    .avatar-plot-tags > span {
        padding: 5px 8px;
        font-size: 9px;
    }
    .avatar-plot-menu {
        position: sticky !important;
        position: -webkit-sticky !important;
        top: 63px !important;
        z-index: 99999 !important;
    }
    .avatar-plot-menu a {
        flex: 0 0 auto !important;
        padding: 6px 10px !important;
        white-space: nowrap !important;
        font-size: 10px !important;
    }
    .avatar-plot-block {
        padding: 18px;
        scroll-margin-top: 118px !important;
    }
    .avatar-plot-title {
        gap: 10px;
        align-items: center;
    }
    .avatar-plot-title span {
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
        font-size: 16px;
    }
    .avatar-plot-page .avatar-plot-title h2 {
        font-size: 17px !important;
        line-height: 1.15 !important;
    }
    .avatar-plot-img, .avatar-plot-img--wide {
        height: 165px;
    }
    .avatar-plot-up {
        font-size: 9px;
    }
}
/**/ @media (max-width: 700px) {
    .avatar-roles-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .avatar-role-card {
        padding: 12px;
    }
    .avatar-role-top {
        align-items: center;
    }
    .avatar-role-card h3 {
        font-size: 16px;
    }
    .role-element::before {
        width: 24px;
        height: 24px;
    }
    .role-element, .avatar-role-location {
        font-size: 9px;
    }
}
/**/ @media (max-width: 700px) {
    .avatar-roles-filters {
        gap: 5px;
        padding: 7px;
        margin-bottom: 8px;
    }
    .avatar-roles-filters button {
        min-height: 28px;
        padding: 6px 9px;
        font-size: 9px;
        letter-spacing: .6px;
    }
}
/**/ @media (max-width: 700px) {
    .ep-container {
        flex-direction: column;
        width: calc(100% - 0px);
        margin: 0 auto 20px;
    }
    .ep-img {
        flex: none;
        width: 100%;
        height: 145px;
        min-height: 145px;
        background-position: center 35%;
    }
    .ep-img-left {
        order: 1;
    }
    .ep-content {
        order: 2;
        padding: 10px 14px 13px !important;
        gap: 6px !important;
    }
    .ep-img-right {
        order: 3;
    }
    .ep-img-left::after {
        /**/ left: -12%;
        right: -12%;
        top: auto;
        bottom: -44px;
        width: auto;
        height: 95px;
        /**/ background: linear-gradient( 180deg, transparent 0%, color-mix(in srgb, var(--plot-card) 24%, transparent) 35%, var(--plot-card) 100% );
        filter: blur(24px);
    }
    .ep-img-right::after {
        /**/ left: -12%;
        right: -12%;
        top: -44px;
        bottom: auto;
        width: auto;
        height: 95px;
        /**/ background: linear-gradient( 0deg, transparent 0%, color-mix(in srgb, var(--plot-card) 24%, transparent) 35%, var(--plot-card) 100% );
        filter: blur(24px);
    }
    .ep-type {
        padding: 4px 9px;
        font-size: 7.5px;
    }
    .ep-title {
        padding: 0 22px 2px !important;
        font-size: 13px !important;
    }
    .ep-title::before, .ep-title::after {
        width: 9px;
        height: 9px;
    }
    .ep-description {
        max-height: 145px;
        font-size: 10.5px !important;
    }
    .ep-section {
        gap: 6px;
        font-size: 9.5px !important;
    }
}
/**/ @media (max-width: 700px) {
    .wanted-card {
        width: 100%;
        max-width: 100%;
        padding: 14px;
        border-radius: 5px;
    }
    .wanted-head {
        grid-template-columns: 1fr;
    }
    .wanted-img {
        width: 200px;
        height: 200px;
        margin: 0 auto;
    }
    .wanted-name span {
        font-size: 21px;
    }
    .wg-buttons {
        grid-template-columns: 1fr;
    }
}
/**/ @media (max-width: 600px) {
    .anketa-info {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }
    .anketa-info > div {
        padding: 8px 6px;
        width: 100%;
        box-sizing: border-box;
        font-size: 10px;
        text-align: center;
        border: 1px solid color-mix(in srgb, var(--bordercolor) 65%, transparent);
    }
    /**/ .anketa-info > div:nth-child(1), .anketa-info > div:nth-child(2) {
        grid-column: span 1;
        order: 1;
    }
    /**/ .anketa-info > div:nth-child(4) {
        grid-column: 1 / -1;
        order: 2;
    }
    /**/ .anketa-info > div:nth-child(3) {
        grid-column: 1 / -1;
        order: 3;
    }
    .anketa-img {
        /**/ float: none;
        display: block;
        width: 100%;
        max-width: 295px;
        height: auto;
        margin: 0 auto 12px;
        /**/ border-radius: 10px;
        /**/ image-rendering: auto;
        transform: translateZ(0);
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        will-change: transform;
    }
    .anketa-block {
        max-height: 500px;
        overflow-y: auto;
        overflow-x: hidden;
        text-align: justify;
    }
}
/**/ @media (max-width: 600px) {
    .anketa-chrono-current {
        grid-template-columns: 1fr;
    }
    .anketa-chrono-img {
        width: 100%;
        max-width: 295px;
        height: auto;
        margin: 0 auto;
    }
    .anketa-chrono-line {
        grid-template-columns: 24px minmax(0, 1fr);
        gap: 10px;
    }
    .anketa-chrono-date {
        grid-column: 2;
        grid-row: 1;
        text-align: left;
    }
    .anketa-chrono-dot {
        grid-column: 1;
        grid-row: 1 / span 2;
    }
    .anketa-chrono-text {
        grid-column: 2;
        grid-row: 2;
    }
    .anketa-skills {
        grid-template-columns: 1fr;
    }
    .anketa-chrono-title {
        font: 700 20px/1 var(--rus);
    }
}
/**/ @media (max-width: 700px) {
    .avatar-wiki-page {
        overflow: visible !important;
    }
    .avatar-wiki-page .avatar-wiki-menu {
        /**/ position: sticky !important;
        position: -webkit-sticky !important;
        top: 63px !important;
        z-index: 99999 !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        gap: 6px !important;
        max-width: 100% !important;
        width: calc(100% - 28px) !important;
        margin: 0 auto 16px !important;
        padding: 8px 10px !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        /**/ background: color-mix(in srgb, var(--wiki-card) 96%, transparent) !important;
        border: 1px solid var(--wiki-border) !important;
        border-radius: 6px !important;
        box-shadow: 0 4px 12px rgb(from var(--redcolor) r g b / 0.18) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
    .avatar-wiki-page .avatar-wiki-menu a {
        flex: 0 0 auto !important;
        padding: 6px 10px !important;
        white-space: nowrap !important;
        font-size: 10px !important;
    }
}
/**/ @media (max-width: 700px) {
    .avatar-role-card.wanted {
        padding: 12px;
    }
    .avatar-role-card.wanted .avatar-role-top {
        align-items: center;
    }
    .avatar-role-card.wanted h3 {
        font-size: 16px;
    }
    .avatar-role-card.wanted .role-element::before {
        width: 24px;
        height: 24px;
    }
    .avatar-role-card.wanted .role-element, .avatar-role-card.wanted .avatar-role-location {
        font-size: 9px;
    }
}
/**/ @media (max-width: 700px) {
    .wanted-generator {
        padding: 14px;
    }
    .wg-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .wg-wide, .wg-full {
        grid-column: auto;
    }
    .wg-buttons {
        flex-direction: column;
    }
    .wanted-generator button {
        width: 100%;
    }
}
/**/ @media (max-width: 540px) {
    .avatar-map-box {
        /**/ width: 100%;
        max-width: 100%;
        margin: 12px auto;
        padding: 8px 8px 210px;
        box-sizing: border-box;
        overflow-x: auto;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
    }
    .avatar-map {
        width: 900px;
        min-width: 900px;
        max-width: none;
        margin: 0;
        overflow: visible;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .avatar-map-img {
        width: 900px;
        max-width: none;
        height: auto;
    }
    .map-point {
        width: 12px;
        height: 12px;
    }
    .map-point.republic {
        width: 18px;
        height: 18px;
    }
    .map-point.republic::before {
        width: 18px;
        height: 18px;
    }
    .map-card {
        /**/ bottom: auto;
        top: calc(100% + 12px);
        width: 180px;
        max-width: 180px;
        padding: 7px;
        z-index: 9999;
        /**/ font-size: 9px;
        line-height: 1.3;
    }
    .map-card img {
        height: 70px;
    }
    .map-card b {
        font-size: 11px;
    }
    .map-point.has-card:hover .map-card, .map-point.has-card:focus .map-card, .map-point.has-card:active .map-card {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
    .map-point:hover, .map-point:focus, .map-point:active {
        z-index: 50;
    }
    .avatar-map-legend {
        /**/ position: sticky;
        left: 0;
        width: 100%;
        margin-top: 8px;
        padding: 6px;
        gap: 6px 10px;
        box-sizing: border-box;
        /**/ font-size: 10px;
    }
}
/**/ @media (max-width: 700px) {
    .arc-guestwiki {
        width: 100%;
        max-width: 100%;
        margin: 10px auto;
    }
    .arc-guestwiki__hero {
        min-height: 0;
        padding: 150px 16px 22px;
        background-position: center top;
        border-radius: 8px;
    }
    .arc-guestwiki__intro {
        max-width: 100%;
    }
    .arc-guestwiki__intro h1 {
        font-size: 27px;
        line-height: 1.1;
    }
    .arc-guestwiki__intro p {
        font-size: 11px;
        line-height: 1.65;
        text-align: left;
    }
    .arc-guestwiki__copyright {
        top: 80px;
        right: 10px;
        width: 110px;
        font-size: 7px;
    }
    .arc-guestwiki__admins {
        top: 114px;
        right: 10px;
        left: 10px;
        justify-content: center;
    }
    .arc-guestwiki__links {
        gap: 5px;
    }
    .arc-guestwiki__link {
        padding: 5px 8px;
        font-size: 9px;
    }
    .arc-guestwiki__link--nav {
        min-width: 0;
    }
    .arc-guestwiki__menu {
        /**/ position: sticky !important;
        position: -webkit-sticky !important;
        top: 63px !important;
        z-index: 99999 !important;
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 8px;
        /**/ scrollbar-width: thin;
    }
    .arc-guestwiki__menu a {
        flex: 0 0 auto;
        padding: 6px 10px;
        white-space: nowrap;
        font-size: 10px;
    }
    .arc-guestwiki__block {
        padding: 18px;
        border-radius: 8px;
        scroll-margin-top: 118px;
    }
    .arc-guestwiki__title {
        gap: 10px;
    }
    .arc-guestwiki__title span {
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
    }
    .arc-guestwiki__title h2 {
        font-size: 15px !important;
    }
    .arc-guestwiki__block p {
        font-size: 11px;
        line-height: 1.65;
        text-align: left;
    }
    .arc-guestwiki__note, .arc-guestwiki__format {
        font-size: 10px;
    }
    .arc-guestwiki__reserve > div, .arc-guestwiki__reserve--faces > div {
        grid-template-columns: 1fr;
        gap: 4px;
        font-size: 10px;
    }
    .arc-guestwiki__reserve span, .arc-guestwiki__reserve em, .arc-guestwiki__reserve time {
        white-space: normal;
    }
    .arc-guestwiki__reserve {
        grid-template-columns: 1fr;
    }
}
/**/ @media (max-width: 700px) {
    .arc-newsroom {
        /**/ width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 12px !important;
        padding: 12px !important;
        box-sizing: border-box !important;
        /**/ border-radius: 8px !important;
        background-position: center top !important;
        background-size: cover !important;
    }
    .arc-newsroom__header {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        margin-bottom: 10px !important;
        padding-bottom: 10px !important;
    }
    .arc-newsroom__date {
        width: 100% !important;
        min-height: 42px !important;
        flex-direction: row !important;
        gap: 8px !important;
        border-radius: 6px !important;
    }
    .arc-newsroom__date span {
        font-size: 8px !important;
    }
    .arc-newsroom__date b {
        margin-top: 0 !important;
        font-size: 18px !important;
    }
    .arc-newsroom__title {
        align-items: center !important;
        text-align: center !important;
    }
    .arc-newsroom__title span {
        font-size: 8px !important;
        line-height: 1.25 !important;
        text-align: center !important;
        letter-spacing: 1.4px !important;
    }
    .arc-newsroom__title h2 {
        margin-top: 5px !important;
        font-size: 20px !important;
        line-height: 1.1 !important;
        text-align: center !important;
    }
    .arc-newsroom__stats {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin-bottom: 10px !important;
        padding: 7px 8px !important;
        box-sizing: border-box !important;
    }
    .arc-newsroom__content {
        padding: 10px !important;
        border-radius: 6px !important;
    }
    .arc-newsroom__content p {
        font-size: 14px !important;
        line-height: 1.6 !important;
        text-align: justify !important;
    }
    .arc-newsroom__footer {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        margin-top: 8px !important;
    }
    .arc-newsroom__best-post, .arc-newsroom__best-episode {
        padding: 10px !important;
        border-radius: 6px !important;
    }
    .arc-newsroom__footer-title {
        margin-bottom: 6px !important;
        font-size: 12px !important;
        text-align: center !important;
    }
    .arc-newsroom__best-text {
        max-height: 120px !important;
        padding-right: 4px !important;
    }
    .arc-newsroom__best-text p {
        font-size: 13px !important;
        line-height: 1.55 !important;
        text-align: left !important;
    }
    .arc-newsroom__author, .arc-newsroom__episode-name {
        margin-top: 8px !important;
        padding-top: 7px !important;
        font-size: 14px !important;
        text-align: center !important;
    }
}
/**/ @media (max-width: 700px) {
    .arc-faces {
        padding: 16px;
    }
    .arc-faces__columns {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .arc-faces__title {
        font-size: 19px;
    }
    .arc-faces__section {
        max-height: 380px;
        overflow-y: auto;
        overflow-x: hidden;
        padding-right: 6px;
    }
    .arc-faces__letter {
        top: 0;
        z-index: 3;
    }
}
/**/ @media (max-width: 700px) {
    .arc-faq {
        width: 100%;
        max-width: 100%;
        padding: 16px;
        border-radius: 8px;
    }
    .arc-faq__header {
        margin-bottom: 14px;
        padding-bottom: 12px;
    }
    .arc-faq__title {
        font-size: 22px;
    }
    .arc-faq__subtitle {
        font-size: 10px;
        line-height: 1.5;
    }
    .arc-faq__list {
        grid-template-columns: 1fr;
        gap: 7px;
    }
    .arc-faq__item summary {
        padding: 9px 32px 9px 10px;
        font-size: 10px;
    }
    .arc-faq__item div {
        padding: 9px 10px 11px;
        font-size: 10px;
        line-height: 1.65;
        text-align: left;
    }
}
/**/ @media (max-width: 700px) {
    .arc-faq {
        width: calc(100% - 16px) !important;
        max-width: calc(100% - 16px) !important;
        margin: 10px auto !important;
        padding: 14px 10px !important;
        box-sizing: border-box !important;
    }
    .arc-faq__header {
        margin-bottom: 12px !important;
        padding-bottom: 10px !important;
    }
    .arc-faq__kicker {
        font-size: 9px !important;
        letter-spacing: 3px !important;
    }
    .arc-faq__title {
        font-size: 24px !important;
        line-height: 1.05 !important;
        letter-spacing: .5px !important;
    }
    .arc-faq__subtitle {
        max-width: 100% !important;
        font-size: 10px !important;
        line-height: 1.45 !important;
    }
    .arc-faq__list {
        grid-template-columns: 1fr !important;
        gap: 7px !important;
    }
    .arc-faq__item {
        border-radius: 6px !important;
    }
    .arc-faq__item summary {
        padding: 9px 30px 9px 10px !important;
        overflow-wrap: anywhere !important;
        font-size: 10px !important;
        line-height: 1.35 !important;
        letter-spacing: .2px !important;
    }
    .arc-faq__item summary::after {
        right: 10px !important;
        font-size: 14px !important;
    }
    .arc-faq__item div {
        padding: 9px 10px 11px !important;
        font-size: 11px !important;
        line-height: 1.6 !important;
        text-align: left !important;
    }
}
/**/ .arc-factions__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.arc-factions__group {
    padding: 12px;
    margin-bottom: 10px;
    background: linear-gradient(180deg, var(--badge-symbol-bg), var(--surface-cream)), var(--badge-symbol-bg);
    border: 1px solid var(--wiki-border);
    border-radius: 8px;
}
.arc-factions__group--major {
    grid-column: span 1;
}
/**/ .arc-factions__grid > .arc-factions__group:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}
/**/ .arc-factions__header {
    margin-bottom: 10px;
    padding: 8px 10px;
    color: var(--white);
    text-align: center;
    background: var(--accentcolor1);
    border-radius: 5px;
}
.arc-factions__header h2 {
    margin: 0;
    padding: 0;
    color: inherit !important;
    font: 700 15px/1.2 var(--rus) !important;
    text-transform: lowercase;
}
.arc-factions__group--government .arc-factions__header, .arc-factions__group--major .arc-factions__header {
    background: var(--menucolor);
}
.arc-factions__group--official .arc-factions__header {
    background: var(--accentcolor1);
}
.arc-factions__group--middle .arc-factions__header {
    background: color-mix( in srgb, var(--accentcolor1) 72%, var(--menucolor) );
}
.arc-factions__group--criminal .arc-factions__header {
    background: linear-gradient( 135deg, var(--textcolor), var(--redcolor) );
    border: 1px solid rgb(from var(--ulinki) r g b / 0.08);
}
/**/ .arc-factions__section {
    margin-bottom: 14px;
    text-align: center;
}
.arc-factions__title {
    color: var(--white);
    font: 700 21px/1 var(--rus);
    text-transform: uppercase;
    letter-spacing: 1px;
}
.arc-factions__title::after {
    /**/ content: "";
    display: block;
    width: 60px;
    height: 2px;
    margin: 10px auto 0;
    /**/ background: var(--anketa-accent-light);
    border-radius: 10px;
    opacity: .6;
}
/**/ .arc-factions__subtitle {
    margin-bottom: 3px;
    font: 600 12px var(--eng);
    text-transform: uppercase;
    letter-spacing: .8px;
    opacity: .75;
}
.arc-factions__desc {
    margin-bottom: 8px;
    font-size: 10px;
    line-height: 1.35;
    text-align: center;
    opacity: .8;
}
/**/ .arc-factions__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}
.arc-factions__list--scroll {
    max-height: 245px;
    padding-right: 4px;
    overflow-y: auto;
    scrollbar-width: thin;
}
.arc-factions__list--scroll::-webkit-scrollbar {
    width: 5px;
}
.arc-factions__list--scroll::-webkit-scrollbar-thumb {
    background: var(--menucolor);
    border-radius: 10px;
}
.arc-factions__list--scroll::-webkit-scrollbar-track {
    background: var(--blackmore);
}
/**/ .arc-factions__item {
    min-height: 54px;
    padding: 7px 8px;
    background: var(--anketa-bg);
    border: 1px solid var(--wiki-border);
    border-radius: 5px;
}
.arc-factions__item--leader {
    grid-column: 1 / -1;
    padding: 12px 18px;
    text-align: center;
    background: var(--badge-symbol-bg);
    border-color: var(--admin-border);
}
.arc-factions__item--leader b, .arc-factions__item--leader span, .arc-factions__item--leader small, .arc-factions__item--leader .character-profile {
    display: inline-block;
    vertical-align: middle;
}
.arc-factions__item--leader b, .arc-factions__item--leader span {
    margin-right: 14px;
}
.arc-factions__item b {
    display: block;
    margin-bottom: 2px;
    color: var(--menucolor);
    font: 700 11px var(--eng);
    text-transform: uppercase;
}
.arc-factions__item span {
    display: block;
    color: var(--amscolor);
    font-size: 10px;
    line-height: 1.35;
}
.arc-factions__item small {
    display: block;
    margin-top: 3px;
    color: var(--wordcolor);
    font-size: 9px;
    line-height: 1.2;
}
.arc-factions__item a {
    color: inherit;
}
/**/ .arc-factions__list > .arc-factions__item:not(.arc-factions__item--leader):last-child:nth-child(even) {
    grid-column: 1 / -1;
}
/**/ @media (max-width: 700px) {
    .arc-factions__grid, .arc-factions__list {
        grid-template-columns: 1fr;
    }
    .arc-factions__item--leader {
        grid-column: auto;
        padding: 14px 12px;
    }
    .arc-factions__item--leader b, .arc-factions__item--leader span, .arc-factions__item--leader small, .arc-factions__item--leader .character-profile {
        display: block;
        width: 100%;
        margin-right: 0;
        text-align: center;
    }
    .arc-factions__item--leader b {
        margin-bottom: 6px;
    }
    .arc-factions__item--leader span {
        margin-bottom: 6px;
    }
}
/**/ .avatar-map-box, .avatar-map-box * {
    box-sizing: border-box;
}
.avatar-map-box {
    width: 100%;
    margin: 0 auto;
    padding: 14px;
    overflow: visible;
    color: var(--template-text);
}
.avatar-map {
    position: relative;
    width: 100%;
    overflow: visible;
}
.avatar-map-img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 5px;
}
/**/ .map-point {
    /**/ position: absolute;
    z-index: 20;
    display: block;
    width: 13px;
    height: 13px;
    overflow: visible;
    /**/ border-radius: 50%;
    box-shadow: 0 0 0 2px rgb(from var(--ulinki) r g b / 0.78), 0 3px 10px rgb(from var(--textcolor) r g b / 0.35);
    /**/ transform: translate(-50%, -50%);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.map-point:hover, .map-point:focus, .map-point:active {
    z-index: 999;
    box-shadow: 0 0 0 3px rgb(from var(--ulinki) r g b / 0.88), 0 4px 14px rgb(from var(--textcolor) r g b / 0.45);
    filter: brightness(1.08);
    transform: translate(-50%, -50%) scale(1.25);
}
/**/ .map-point.downtown, .avatar-map-legend .downtown {
    background: var(--accentcolor2);
}
.map-point.uptown, .avatar-map-legend .uptown {
    background: var(--element-none-color);
}
.map-point.dragon, .avatar-map-legend .dragon {
    background: var(--infocolor);
}
.map-point.bay, .avatar-map-legend .bay {
    background: var(--infocolor);
}
.map-point.industrial, .avatar-map-legend .industrial {
    background: var(--accentcolor2);
}
.map-point.phoenix, .avatar-map-legend .phoenix {
    background: var(--wanted-player-light);
}
.map-point.river, .avatar-map-legend .river {
    background: var(--wanted-ams-light);
}
.map-point.spirit, .avatar-map-legend .spirit {
    background: var(--wanted-ams-accent);
}
.map-point.probending, .avatar-map-legend .probending {
    background: var(--gray-dark);
}
.map-point.harmonypark, .avatar-map-legend .harmonypark {
    background: var(--wanted-ams-light);
}
.map-point.downtown {
    border: 2px solid var(--telo-posta);
}
.map-point.uptown {
    border: 2px solid var(--telo2);
}
.map-point.dragon {
    border: 2px solid var(--telo-posta);
}
.map-point.bay {
    border: 2px solid var(--accent-light);
}
.map-point.industrial {
    border: 2px solid var(--wanted-ams-light);
}
.map-point.phoenix {
    border: 2px solid var(--element-air-nomads-color);
}
.map-point.probending {
    border: 2px solid var(--gray-dark);
}
.map-point.river {
    border: 2px solid var(--wanted-ams-light);
}
.map-point.spirit {
    border: 2px solid var(--telo-posta);
}
/**/ .map-point.harmony-tower {
    width: 18px !important;
    height: 18px !important;
    overflow: visible !important;
    background: url("https://forumstatic.ru/files/001c/b8/a2/31031.svg?v=1") center / 13px 13px no-repeat, var(--anketa-bg) !important;
    border: 2px solid var(--accentcolor2) !important;
    border-radius: 50% !important;
}
.map-point.harmony-tower:hover, .map-point.harmony-tower:focus, .map-point.harmony-tower:active {
    transform: translate(-50%, -50%) scale(1.25) !important;
}
.map-point.harmony-tower:hover::before, .map-point.harmony-tower:focus::before, .map-point.harmony-tower:active::before {
    transform: scale(.8) !important;
}
/**/ .map-point.harmony-tower .map-card {
    font-size: 12px !important;
}
.map-point.harmony-tower .map-card b {
    font-size: 13px !important;
}
/**/ .map-point.police-hq {
    width: 18px !important;
    height: 18px !important;
    overflow: visible !important;
    background: url("https://forumstatic.ru/files/001c/b8/a2/34793.svg") center / 13px 13px no-repeat, var(--anketa-bg) !important;
    border: 2px solid var(--gray-dark) !important;
    border-radius: 50% !important;
}
/**/ .map-point.republic-port {
    width: 18px !important;
    height: 18px !important;
    overflow: visible !important;
    background: url("https://forumstatic.ru/files/001c/b8/a2/79461.svg") center / 13px 13px no-repeat, var(--anketa-bg) !important;
    border: 2px solid var(--element-water-color) !important;
    border-radius: 50% !important;
}
/**/ .map-point.united-forces-barracks {
    width: 18px !important;
    height: 18px !important;
    overflow: visible !important;
    background: url("https://forumstatic.ru/files/001c/b8/a2/36991.svg") center / 13px 13px no-repeat, var(--anketa-bg) !important;
    border: 2px solid var(--element-water-color) !important;
    border-radius: 50% !important;
}
/**/ .avatar-map-legend {
    /**/ display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px 16px;
    margin-top: 12px;
    padding: 10px 14px;
    box-sizing: border-box;
    /**/ background: color-mix( in srgb, var(--anketa-bg) 92%, transparent );
    border: 1px solid var(--tablichka-border);
    border-radius: var(--radius-medium);
}
.avatar-map-legend > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    color: var(--text-color);
    font: 500 11px/1.4 var(--eng);
}
.avatar-map-legend > span > i {
    display: inline-block;
    flex: 0 0 10px;
    width: 10px;
    height: 10px;
    box-sizing: border-box;
    border-radius: 50%;
    box-shadow: 0 0 0 2px var(--anketa-bg), 0 0 0 3px color-mix( in srgb, var(--tablichka-border) 45%, transparent );
}
/**/ @media screen and (max-width: 540px) {
    .avatar-map-legend {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px 8px;
        padding: 12px;
    }
    .avatar-map-legend > span {
        justify-content: center;
        font-size: 10px;
    }
}
/**/ /**/ @media (max-width: 540px) {
    .avatar-map-box {
        width: 100%;
        max-width: 100%;
        margin: 12px auto;
        padding: 8px 8px 150px;
        overflow-x: auto;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
    }
    .avatar-map {
        width: 900px;
        min-width: 900px;
        max-width: none;
        overflow: visible;
    }
    .avatar-map-img {
        width: 900px;
        max-width: none;
    }
    /**/ .map-point:not(.harmony-tower) {
        width: 12px;
        height: 12px;
    }
    /**/ .map-point.harmony-tower {
        width: 12px !important;
        height: 12px !important;
        overflow: visible !important;
    }
    /**/ .map-point:active .map-card, .map-point:focus .map-card {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
}
/**/ .npc-page, .npc-page * {
    box-sizing: border-box;
}
.npc-page {
    width: 100%;
    margin: 0 auto;
    color: var(--wiki-text);
    font-family: var(--font-base, Verdana, Arial, sans-serif);
}
/**/ .npc-head {
    /**/ position: relative;
    margin-bottom: 14px;
    padding: 20px 24px 18px;
    overflow: hidden;
    /**/ text-align: center;
    /**/ background: var(--anketa-bg);
    border: 1px solid var(--anketa-muted);
    border-radius: 8px;
}
.npc-head::before {
    /**/ content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 110px;
    height: 3px;
    /**/ background: var(--wiki-accent);
    /**/ transform: translateX(-50%);
}
.npc-head__eyebrow {
    margin-bottom: 5px;
    color: var(--wiki-muted);
    font: 700 9px var(--eng, Georgia, serif);
    text-transform: uppercase;
    letter-spacing: 2px;
}
.npc-head__title {
    color: var(--wiki-accent);
    font: 700 24px/1.15 var(--rus, Georgia, serif);
    text-transform: uppercase;
    letter-spacing: .8px;
}
.npc-head__text {
    max-width: 650px;
    margin: 9px auto 0;
    color: var(--accentcolor1);
    font: 11px/1.6 var(--font-base, Verdana, sans-serif);
}
/**/ .npc-filters {
    /**/ display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 14px;
    padding: 9px;
    /**/ background: var(--anketa-bg);
    border: 1px solid var(--wiki-border);
    border-radius: 6px;
}
.npc-filters button {
    /**/ position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 31px;
    padding: 7px 13px;
    /**/ color: var(--accentcolor1);
    font: 700 11px var(--eng);
    text-transform: uppercase;
    letter-spacing: .8px;
    /**/ background: var(--anketa-bg);
    border: 1px solid var(--accent-light);
    border-radius: 4px;
    /**/ cursor: pointer;
    transition: .25s background ease, .25s color ease, .25s border-color ease, .18s transform ease;
}
.npc-filters button:hover, .npc-filters button.is-active {
    color: var(--white);
    background: var(--anketa-blue);
    border-color: var(--menucolor);
}
.npc-filters button:hover {
    transform: translateY(-1px);
}
/**/ .npc-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
/**/ .npc-card {
    /**/ position: relative;
    display: grid;
    grid-template-columns: 145px minmax(0, 1fr);
    min-height: 330px;
    overflow: hidden;
    /**/ background: var(--anketa-bg);
    border: 1px solid var(--wiki-border);
    border-radius: 8px;
}
/**/ .npc-card::before {
    /**/ content: "";
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    width: calc(100% - 145px);
    height: 3px;
    /**/ background: var(--accentcolor1);
}
.npc-card--restricted::before {
    background: var(--wanted-ams-accent, var(--redcolor));
}
/**/ .npc-card__portrait {
    position: relative;
    min-width: 0;
    overflow: hidden;
    background: var(--wiki-soft);
}
.npc-card__portrait img {
    /**/ display: block;
    width: 100%;
    height: 100%;
    min-height: 330px;
    object-fit: cover;
    object-position: center;
    /**/ filter: saturate(.88) contrast(.96) brightness(.97);
    /**/ transition: transform .5s ease, filter .5s ease;
}
.npc-card:hover .npc-card__portrait img {
    filter: saturate(.98) contrast(.98) brightness(1);
    transform: scale(1.025);
}
/**/ .npc-card__portrait::after {
    /**/ content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    height: 90px;
    /**/ background: linear-gradient( to top, rgb(from var(--textcolor) r g b / 0.86), rgb(from var(--textcolor) r g b / 0) );
    /**/ pointer-events: none;
}
/**/ .npc-card__source {
    /**/ position: absolute;
    z-index: 2;
    left: 9px;
    right: 9px;
    bottom: 9px;
    /**/ color: rgb(from var(--ulinki) r g b / 0.78);
    font: 8px/1.35 var(--font-base, Verdana, sans-serif);
    text-align: center;
}
.npc-card__source span {
    display: block;
    margin-bottom: 2px;
    color: var(--ulinki);
    font: 700 9px var(--rus, Georgia, serif);
    text-transform: uppercase;
    letter-spacing: .5px;
}
/**/ .npc-card__content {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 15px 14px 13px;
}
/**/ .npc-card__status {
    /**/ display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    /**/ color: var(--wiki-muted);
    font: 700 8px var(--eng, Georgia, serif);
    text-transform: uppercase;
    letter-spacing: .8px;
}
.npc-card__status > span {
    display: block;
    width: 6px;
    height: 6px;
    flex: 0 0 6px;
    border-radius: 50%;
}
.npc-card__status--free > span {
    background: var(--accentcolor1);
    box-shadow: 0 0 0 3px color-mix( in srgb, var(--accentcolor1) 14%, transparent );
}
.npc-card__status--restricted {
    color: var(--wanted-ams-accent, var(--redcolor));
}
.npc-card__status--restricted > span {
    background: var(--wanted-ams-accent, var(--redcolor));
    box-shadow: 0 0 0 3px rgb(from var(--redcolor) r g b / 0.12);
}
/**/ .npc-card__name {
    color: var(--anketa-text);
    font: 700 24px/1.1 var( --rus, Georgia, serif);
    text-transform: uppercase;
    letter-spacing: .3px;
}
/**/ .npc-card .character-profile {
    margin-top: 5px;
    color: var(--wiki-muted);
    font: 9px var(--font-base, Verdana, sans-serif);
}
.npc-card__meta i {
    display: block;
    width: 3px;
    height: 3px;
    background: var(--wiki-border-dark);
    border-radius: 50%;
}
/**/ .npc-card__role {
    margin-top: 8px;
    padding: 6px 8px;
    color: var(--amscolor);
    font: 700 11px/1.4 var( --eng, Georgia, serif);
    text-transform: lowercase;
    background: var(--anketa-soft);
    border-left: 2px solid var(--wiki-accent);
}
/**/ .npc-card__section {
    margin-top: 12px;
}
.npc-card__label {
    /**/ display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 5px;
    /**/ color: var(--wiki-accent);
    font: 700 8px var(--rus, Georgia, serif);
    text-transform: uppercase;
    letter-spacing: 1px;
}
.npc-card__label::after {
    content: "";
    height: 1px;
    flex: 1;
    background: linear-gradient( to right, var(--wiki-border), transparent );
}
.npc-card__description {
    /**/ max-height: 150px;
    padding-right: 6px;
    overflow-y: auto;
    overflow-x: hidden;
    /**/ color: var(--amscolor);
    font: 10px / 1.55 var(--font-base);
    text-align: justify;
    /**/ scrollbar-width: thin;
    scrollbar-color: var(--wiki-border-dark) transparent;
}
.npc-card__description::-webkit-scrollbar {
    width: 5px;
}
.npc-card__description::-webkit-scrollbar-track {
    background: transparent;
}
.npc-card__description::-webkit-scrollbar-thumb {
    background: var(--wiki-border-dark);
    border-radius: 5px;
}
/**/ .npc-card__bottom {
    display: grid;
    gap: 7px;
    margin-top: auto;
    padding-top: 12px;
}
.npc-card__fact {
    padding-top: 6px;
    border-top: 1px solid color-mix( in srgb, var(--wiki-border) 65%, transparent );
}
.npc-card__fact b {
    display: block;
    margin-bottom: 2px;
    color: var(--wiki-accent);
    font: 700 9px var(--eng, Georgia, serif);
    text-transform: uppercase;
    letter-spacing: .5px;
}
.npc-card__fact span {
    display: block;
    color: var(--amscolor);
    font: 9px/1.4 var( --font-base, Verdana, sans-serif);
}
/**/ .npc-card.is-hidden {
    display: none;
}
/**/ @media (max-width: 850px) {
    .npc-grid {
        grid-template-columns: 1fr;
    }
    .npc-card {
        grid-template-columns: 160px minmax(0, 1fr);
    }
    .npc-card::before {
        width: calc(100% - 160px);
    }
}
@media (max-width: 520px) {
    .npc-card {
        display: block;
    }
    .npc-card::before {
        width: 100%;
    }
    .npc-card__portrait {
        height: 250px;
    }
    .npc-card__portrait img {
        min-height: 0;
        height: 250px;
    }
    .npc-head {
        padding: 17px 14px;
    }
    .npc-head__title {
        font-size: 22px;
    }
    .npc-filters button {
        flex: 1 1 auto;
    }
}
/**/ html:root body #planner-wrapper {
    /**/ width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
    /**/ color: var(--text-color) !important;
    font: 400 12px/1.5 var(--eng) !important;
    /**/ scrollbar-width: thin !important;
    scrollbar-color: var(--accent-color2) transparent !important;
}
html:root body #planner-wrapper button, html:root body #planner-settings input, html:root body #planner-settings select {
    font-family: var(--eng) !important;
}
/**/ html:root body #planner-controls {
    margin-bottom: 6px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}
html:root body #planner-wrapper button {
    /**/ margin: 0 !important;
    padding: 4px 8px !important;
    min-height: 32px !important;
    box-sizing: border-box !important;
    float: none !important;
    position: static !important;
    /**/ font-size: 12px !important;
    color: inherit !important;
    text-shadow: none !important;
    font-family: var(--eng) !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    /**/ border-radius: var(--radius-medium) !important;
    border: 1px solid var(--tablichka-border) !important;
    background: var(--anketa-bg) !important;
    box-shadow: none !important;
    /**/ cursor: pointer !important;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}
html:root body #planner-wrapper button:hover {
    color: var(--text-color) !important;
    background: color-mix(in srgb, var(--accent-light) 18%, transparent) !important;
}
/**/ html:root body #planner-wrapper table {
    /**/ border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 0 0 0.75rem !important;
    border-radius: var(--radius-medium) !important;
    overflow: hidden !important;
    border: 1px solid var(--tablichka-border) !important;
    min-width: 520px !important;
    float: none !important;
    position: static !important;
    table-layout: auto !important;
    width: 100% !important;
    /**/ background: var(--anketa-bg) !important;
    box-shadow: none !important;
    background-image: none !important;
}
html:root body #planner-wrapper th, html:root body #planner-wrapper td {
    /**/ padding: 0.4rem 0.5rem !important;
    position: static !important;
    float: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    vertical-align: middle !important;
    /**/ text-align: left !important;
    font-size: 13px !important;
    color: var(--text-color) !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    text-shadow: none !important;
    /**/ border: none !important;
    box-shadow: none !important;
}
html:root body #planner-wrapper th {
    font-weight: 600 !important;
    white-space: nowrap !important;
    background: color-mix(in srgb, var(--accent-color2) 16%, var(--anketa-bg)) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--tablichka-border) 65%, transparent) !important;
}
html:root body #planner-wrapper td {
    border-bottom: 1px solid color-mix(in srgb, var(--accent-light) 18%, transparent) !important;
}
html:root body #planner-wrapper tr:last-child td {
    border-bottom: 0 !important;
}
html:root body #planner-wrapper th:nth-child(3), html:root body #planner-wrapper td:nth-child(3) {
    width: 1% !important;
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
    text-align: center !important;
    white-space: nowrap !important;
}
html:root body #planner-wrapper .ps-group-row td {
    font-weight: 600 !important;
    background: color-mix(in srgb, var(--accent-light) 12%, var(--anketa-bg)) !important;
    border-bottom: 1px solid color-mix(in srgb, var(--tablichka-border) 65%, transparent) !important;
}
html:root body #planner-wrapper .ps-group-label {
    cursor: pointer !important;
}
html:root body #planner-wrapper tr.my-turn td {
    background: color-mix(in srgb, var(--accent-color2) 16%, var(--anketa-bg)) !important;
}
html:root body #planner-wrapper a {
    /**/ text-decoration: none !important;
    color: var(--link-color) !important;
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    text-shadow: none !important;
    /**/ background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}
html:root body #planner-wrapper a:hover {
    text-decoration: underline !important;
    color: var(--text-color) !important;
}
html:root body #planner-wrapper .ps-sortable {
    white-space: nowrap !important;
    cursor: pointer !important;
    user-select: none !important;
}
html:root body #planner-wrapper .ps-sort-arrow {
    margin-left: 4px !important;
    font-size: 11px !important;
    opacity: .8 !important;
}
/**/ html:root body #planner-wrapper .ps-status {
    display: inline-block !important;
    min-width: 1.2em !important;
    text-align: center !important;
    font-size: 13px !important;
}
html:root body #planner-wrapper .ps-status-my {
    color: var(--accent-color2) !important;
    font-weight: 600 !important;
    text-shadow: 0 0 5px color-mix(in srgb, var(--accent-color2) 30%, transparent) !important;
}
/**/ html:root body #planner-wrapper th.ps-move-header {
    width: 1% !important;
    text-align: center !important;
    white-space: nowrap !important;
}
html:root body #planner-wrapper .ps-move-cell {
    vertical-align: middle !important;
    width: 1% !important;
    text-align: center !important;
    white-space: nowrap !important;
}
html:root body #planner-wrapper .ps-move-controls {
    display: inline-flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}
/**/ html:root body #planner-wrapper .ps-move-cell button {
    /**/ padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    min-height: 24px !important;
    /**/ font-size: 11px !important;
    line-height: 1 !important;
    color: var(--accent-color2) !important;
    /**/ background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
}
html:root body #planner-wrapper .ps-move-cell button:hover {
    color: var(--text-color) !important;
    background: transparent !important;
}
/**/ html:root body #planner-wrapper .ps-reset-order-btn {
    margin-left: 6px !important;
    padding: 2px 6px !important;
    font-size: 11px !important;
    border-radius: var(--radius-medium) !important;
    border: 1px solid var(--tablichka-border) !important;
    background: var(--anketa-bg) !important;
}
html:root body #planner-wrapper .ps-reset-order-btn:hover {
    background: color-mix(in srgb, var(--accent-light) 18%, transparent) !important;
}
/**/ html:root body #planner-settings {
    margin-bottom: 8px !important;
    box-sizing: border-box !important;
    padding: 12px !important;
    color: var(--text-color) !important;
    border: 1px solid var(--tablichka-border) !important;
    border-radius: var(--radius-medium) !important;
    background: linear-gradient( color-mix(in srgb, var(--anketa-bg) 94%, transparent), color-mix(in srgb, var(--anketa-bg) 94%, transparent) ), var(--new-main) center / cover no-repeat !important;
}
html:root body #planner-settings h4 {
    /**/ position: static !important;
    margin: 0 0 8px !important;
    inset: auto !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    /**/ font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--text-color) !important;
    font: 400 20px/1.3 var(--rus) !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
    text-shadow: none !important;
    text-align: left !important;
    /**/ background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    /**/ transform: none !important;
}
html:root body #planner-settings .ps-hint {
    margin: 0 0 6px 0 !important;
    font-size: 11px !important;
    opacity: .75 !important;
}
html:root body #planner-settings .ps-row {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    margin-bottom: 6px !important;
    flex-wrap: wrap !important;
}
html:root body #planner-settings label {
    font-size: 12px !important;
    opacity: .9 !important;
}
html:root body #planner-settings select, html:root body #planner-settings input[type="text"] {
    /**/ padding: 5px 9px !important;
    flex: 1 1 auto !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 36px !important;
    /**/ font-size: 13px !important;
    color: inherit !important;
    /**/ border-radius: var(--radius-medium) !important;
    border: 1px solid var(--tablichka-border) !important;
    background: var(--anketa-bg) !important;
    outline: none !important;
}
html:root body #planner-settings select:focus, html:root body #planner-settings input[type="text"]:focus {
    border-color: var(--accent-light) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent-light) 25%, transparent) !important;
    background: var(--anketa-bg) !important;
}
html:root body #planner-settings .ps-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    margin-top: 4px !important;
}
html:root body #planner-settings .ps-chip {
    /**/ display: inline-flex !important;
    align-items: center !important;
    padding: 2px 6px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    gap: 4px !important;
    overflow-wrap: anywhere !important;
    /**/ font-size: 12px !important;
    color: var(--text-color) !important;
    /**/ border-radius: var(--radius-medium) !important;
    border: 1px solid var(--tablichka-border) !important;
    background: color-mix(in srgb, var(--accent-light) 12%, var(--anketa-bg)) !important;
}
html:root body #planner-settings .ps-chip button {
    /**/ padding: 0 0 0 4px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    /**/ font-size: 12px !important;
    color: var(--text-color) !important;
    /**/ border: none !important;
    background: transparent !important;
    /**/ cursor: pointer !important;
}
/**/ html:root body #planner-wrapper button:hover {
    border-color: var(--accent-light) !important;
}
html:root body #planner-wrapper button:disabled {
    opacity: .45 !important;
    cursor: default !important;
}
html:root body #planner-wrapper button:focus-visible, html:root body #planner-wrapper a:focus-visible {
    outline: 2px solid var(--accent-light) !important;
    outline-offset: 2px !important;
}
html:root body #planner-wrapper tr.my-turn td:first-child {
    box-shadow: inset 3px 0 0 var(--accent-color2) !important;
}
html:root body #planner-settings option {
    color: var(--text-color) !important;
    background: var(--anketa-bg) !important;
}
/**/ @media (max-width: 600px) {
    html:root body #planner-controls {
        gap: 6px !important;
    }
    html:root body #planner-controls button {
        flex: 1 1 auto !important;
        min-height: 44px !important;
    }
    html:root body #planner-wrapper th, html:root body #planner-wrapper td {
        padding: 8px !important;
        font-size: 12px !important;
    }
    html:root body #planner-settings {
        padding: 10px !important;
    }
    html:root body #planner-settings .ps-row {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    html:root body #planner-settings select, html:root body #planner-settings input[type="text"] {
        flex: 0 1 auto !important;
        width: 100% !important;
        min-height: 44px !important;
        font-size: 16px !important;
    }
    html:root body #planner-wrapper .ps-move-cell button {
        width: 36px !important;
        min-height: 36px !important;
    }
    html:root body #planner-wrapper .ps-reset-order-btn {
        min-height: 36px !important;
    }
    html:root body #planner-settings .ps-chip button {
        min-width: 36px !important;
        min-height: 36px !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    html:root body #planner-wrapper button {
        transition: none !important;
    }
}
/**/ html:root body #planner-wrapper th, html:root body #planner-wrapper td {
    font-family: var(--eng) !important;
    line-height: 1.5 !important;
    border-radius: 0 !important;
    background-image: none !important;
}
html:root body #planner-wrapper tbody tr {
    background: transparent !important;
    box-shadow: none !important;
}
html:root body #planner-wrapper tbody tr:not(.my-turn):not(.ps-group-row) > td {
    background: var(--anketa-bg) !important;
}
html:root body #planner-wrapper table::before, html:root body #planner-wrapper table::after, html:root body #planner-wrapper tr::before, html:root body #planner-wrapper tr::after, html:root body #planner-wrapper th::before, html:root body #planner-wrapper th::after, html:root body #planner-wrapper td::before, html:root body #planner-wrapper td::after, html:root body #planner-settings h4::before, html:root body #planner-settings h4::after {
    content: none !important;
    display: none !important;
}
html:root body #planner-wrapper button {
    height: auto !important;
    max-width: 100% !important;
}
/**/ :is(.bendercard, .bb-bendercard), :is(.bendercard, .bb-bendercard) * {
    box-sizing: border-box;
}
:is(.bendercard, .bb-bendercard) {
    --bc-bg: var(--anketa-bg);
    --bc-panel: var(--anketa-card);
    --bc-soft: var(--anketa-soft);
    --bc-text: var(--textcolor);
    --bc-muted: var(--wordcolor);
    --bc-line: var(--anketa-border);
    --bc-accent: var(--accentcolor1);
    --bc-accent2: var(--accentcolor2);
    --bc-blue: var(--accent-light);
    position: relative;
    /**/ padding: var(--padding1);
    color: var(--bc-text);
    background: linear-gradient( 145deg, color-mix(in srgb, var(--bc-blue) 10%, transparent), transparent 32%, color-mix(in srgb, var(--bc-accent2) 8%, transparent) ), var(--bc-bg);
    border-radius: var(--radius-large);
    box-shadow: inset 0 0 0 4px color-mix(in srgb, var(--white) 25%, transparent), 0 6px 20px color-mix(in srgb, var(--bc-text) 10%, transparent);
    font: 14px/1.65 var(--eng);
    overflow: hidden;
    overflow-wrap: anywhere;
}
:is(.bendercard, .bb-bendercard)::before {
    content: "";
    position: absolute;
    inset: 8px;
    z-index: 0;
    border: 1px solid color-mix(in srgb, var(--bc-accent2) 18%, transparent);
    border-radius: calc(var(--radius-large) - 2px);
    pointer-events: none;
}
:is(.bendercard, .bb-bendercard) > * {
    position: relative;
    z-index: 1;
}
:is(.bendercard, .bb-bendercard) :is(.bc-kicker, .bb-bckicker) {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 3px;
    color: var(--bc-accent2);
    font: 600 9px/1.4 var(--eng);
    text-transform: uppercase;
    letter-spacing: 2.5px;
}
:is(.bendercard, .bb-bendercard) h1 {
    margin: 0px;
    color: var(--bc-accent);
    font: 700 35px/1.1 var(--eng);
    letter-spacing: 0.3px;
}
:is(.bendercard, .bb-bendercard) h2 {
    position: relative;
    margin: 0px 0px 12px;
    padding-bottom: 7px;
    color: var(--bc-accent);
    font: 700 20px/1.2 var(--eng);
}
:is(.bendercard, .bb-bendercard) h2::after {
    content: "";
    display: block;
    width: 45px;
    height: 1px;
    margin-top: 7px;
    background: linear-gradient( 90deg, var(--bc-accent2), transparent );
}
:is(.bendercard, .bb-bendercard) :is(.bc-tabs, .bb-bctabs) {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 25px 0px 22px;
    padding: 6px;
    background: color-mix(in srgb, var(--bc-panel) 70%, transparent);
    border: 1px solid color-mix(in srgb, var(--bc-line) 30%, transparent);
    border-radius: var(--radius-large);
}
:is(.bendercard, .bb-bendercard) :is(.bc-tabs, .bb-bctabs) label {
    position: relative;
    flex: 1 1 130px;
    cursor: pointer;
}
:is(.bendercard, .bb-bendercard) :is(.bc-tabs, .bb-bctabs) input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}
:is(.bendercard, .bb-bendercard) :is(.bc-tabs, .bb-bctabs) span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 39px;
    padding: 8px 12px;
    color: var(--bc-muted);
    border: 1px solid transparent;
    border-radius: var(--radius-medium);
    font: 600 10px/1.2 var(--eng);
    text-transform: uppercase;
    letter-spacing: 0.7px;
    transition: color 0.2s, background 0.2s, border-color 0.2s, box-shadow 0.2s;
}
:is(.bendercard, .bb-bendercard) :is(.bc-tabs, .bb-bctabs) span:hover {
    color: var(--bc-accent);
    background: color-mix(in srgb, var(--bc-bg) 95%, transparent);
    border: 1px solid var(--blackmax2);
}
:is(.bendercard, .bb-bendercard) :is(.bc-tabs, .bb-bctabs) input:checked + span {
    color: var(--textcolor);
    background: linear-gradient( 135deg, color-mix(in srgb, var(--bc-blue) 45%, var(--bc-panel)), color-mix(in srgb, var(--bc-accent2) 18%, var(--bc-panel)) );
    border-color: color-mix(in srgb, var(--bc-accent2) 30%, transparent);
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--white) 20%, transparent), 0 2px 5px color-mix(in srgb, var(--bc-text) 7%, transparent);
}
:is(.bendercard, .bb-bendercard) :is(.bc-tabs, .bb-bctabs) input:focus-visible + span {
    outline: 2px solid var(--bc-accent);
    outline-offset: 2px;
}
:is(.bendercard, .bb-bendercard) > :is(.bc-panel, .bb-bcpanel, .bb-bcpanel2, .bb-bcpanel3, .bb-bcpanel4) {
    display: block;
    min-width: 0px;
}
:is(.bendercard, .bb-bendercard):has(:is(.bc-tabs, .bb-bctabs) input[value="0"]:checked) > :is(#bc-panel-0, .bb-bcpanel), :is(.bendercard, .bb-bendercard):has(:is(.bc-tabs, .bb-bctabs) input[value="1"]:checked) > :is(#bc-panel-1, .bb-bcpanel2), :is(.bendercard, .bb-bendercard):has(:is(.bc-tabs, .bb-bctabs) input[value="2"]:checked) > :is(#bc-panel-2, .bb-bcpanel3), :is(.bendercard, .bb-bendercard):has(:is(.bc-tabs, .bb-bctabs) input[value="3"]:checked) > :is(#bc-panel-3, .bb-bcpanel4) {
    display: block;
}
:is(.bendercard, .bb-bendercard) :is(.bc-intro, .bb-bcintro) {
    display: grid;
    grid-template-columns: 160px minmax(0px, 1fr);
    gap: 18px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-portrait, .bb-bcportrait) {
    position: relative;
    aspect-ratio: 3 / 4;
    padding: 7px;
    display: grid;
    place-items: center;
    color: var(--bc-muted);
    text-align: center;
    background: linear-gradient( 145deg, color-mix(in srgb, var(--bc-blue) 15%, transparent), transparent ), var(--bc-panel);
    border: 1px solid color-mix(in srgb, var(--bc-accent2) 45%, transparent);
    border-radius: var(--radius-medium);
    box-shadow: inset 0 0 0 4px color-mix(in srgb, var(--white) 25%, transparent), 0 3px 10px color-mix(in srgb, var(--bc-text) 8%, transparent);
    overflow: hidden;
}
:is(.bendercard, .bb-bendercard) :is(.bc-portrait, .bb-bcportrait)::after {
    content: "";
    position: absolute;
    inset: 6px;
    border: 1px solid color-mix(in srgb, var(--white) 32%, transparent);
    border-radius: var(--radius-medium);
    pointer-events: none;
}
:is(.bendercard, .bb-bendercard) :is(.bc-portrait, .bb-bcportrait) img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /**/
}
:is(.bendercard, .bb-bendercard) :is(.bc-portrait, .bb-bcportrait):has(img) {
    padding: 0px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-grid, .bb-bcgrid) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    gap: 10px;
    align-content: stretch;
    align-items: stretch;
}
:is(.bendercard, .bb-bendercard) :is(.bc-box, .bb-bcbox, .bb-bcboxbcsection) {
    position: relative;
    min-width: 0px;
    padding: 15px 17px;
    background: linear-gradient( 145deg, color-mix(in srgb, var(--bc-blue) 9%, transparent), transparent 65% ), color-mix(in srgb, var(--white2) 35%, transparent);
    border: 1px solid color-mix(in srgb, var(--bc-line) 35%, transparent);
    border-radius: var(--radius-large);
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--white) 10%, transparent), 0 2px 7px color-mix(in srgb, var(--bc-text) 5%, transparent);
}
:is(.bendercard, .bb-bendercard) :is(.bc-label, .bb-bclabel) {
    margin-bottom: 4px;
    color: var(--bc-accent2);
    font: 600 9px/1.4 var(--eng);
    text-transform: uppercase;
    letter-spacing: 1.2px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-section, .bb-bcboxbcsection, .bb-bcsectionheadbcsection) {
    margin-top: 10px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-collection, .bb-bccollection) :is(.bc-box, .bb-bcbox, .bb-bcboxbcsection):is(.bc-section, .bb-bcboxbcsection, .bb-bcsectionheadbcsection):has(> .bcc-meter) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 16px 24px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-collection, .bb-bccollection) :is(.bc-box, .bb-bcbox, .bb-bcboxbcsection):is(.bc-section, .bb-bcboxbcsection, .bb-bcsectionheadbcsection):has(> .bcc-meter) > h2 {
    grid-column: 1 / -1;
    margin: 0px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-collection, .bb-bccollection) :is(.bc-box, .bb-bcbox, .bb-bcboxbcsection):is(.bc-section, .bb-bcboxbcsection, .bb-bcsectionheadbcsection) > .bcc-meter {
    min-width: 0px;
    margin: 0px;
}
@media (max-width: 560px) {
    :is(.bendercard, .bb-bendercard) :is(.bc-collection, .bb-bccollection) :is(.bc-box, .bb-bcbox, .bb-bcboxbcsection):is(.bc-section, .bb-bcboxbcsection, .bb-bcsectionheadbcsection):has(> .bcc-meter) {
        grid-template-columns: minmax(0px, 1fr);
        gap: 14px;
    }
}
:is(.bendercard, .bb-bendercard) :is(.bc-box, .bb-bcbox, .bb-bcboxbcsection)::after {
    content: "";
    position: absolute;
    right: 7px;
    bottom: 7px;
    width: 13px;
    height: 13px;
    border-right: 1px solid color-mix(in srgb, var(--bc-accent2) 28%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--bc-accent2) 28%, transparent);
    border-radius: 0px 0px 3px;
    pointer-events: none;
}
:is(.bendercard, .bb-bendercard) a {
    color: var(--bc-accent);
    text-decoration-color: color-mix(in srgb, var(--bc-accent) 35%, transparent);
}
:is(.bendercard, .bb-bendercard) a:hover {
    color: var(--linkhover);
}
:is(.bendercard, .bb-bendercard) img {
    max-width: 100%;
}
:is(.bendercard, .bb-bendercard) :is(.bc-history, .bb-bchistory)[data-author] .bc-history-item {
    grid-template-columns: minmax(0px, 1fr) auto;
}
@media (max-width: 560px) {
    :is(.bendercard, .bb-bendercard) {
        padding: 22px 17px;
    }
    :is(.bendercard, .bb-bendercard) :is(.bc-intro, .bb-bcintro) {
        grid-template-columns: minmax(0px, 1fr);
    }
    :is(.bendercard, .bb-bendercard) :is(.bc-portrait, .bb-bcportrait) {
        position: relative;
        width: 100%;
        min-width: 0px;
        aspect-ratio: 16 / 9;
        margin: 0px 0px 5px;
        overflow: hidden;
    }
    :is(.bendercard, .bb-bendercard) :is(.bc-portrait, .bb-bcportrait):has(img) {
        display: block;
        padding: 0px;
    }
    :is(.bendercard, .bb-bendercard) :is(.bc-portrait, .bb-bcportrait) img {
        position: absolute;
        inset: 0px;
        display: block;
        width: 100%;
        height: 100%;
        max-height: none;
        object-fit: cover;
        object-position: center 30%;
    }
    :is(.bendercard, .bb-bendercard) :is(.bc-tabs, .bb-bctabs) {
        gap: 5px;
        padding: 5px;
    }
    :is(.bendercard, .bb-bendercard) :is(.bc-tabs, .bb-bctabs) label {
        flex-basis: calc(50% - 5px);
        min-width: 0px;
    }
    :is(.bendercard, .bb-bendercard) :is(.bc-tabs, .bb-bctabs) span {
        min-height: 38px;
        padding: 7px;
        font-size: 9px;
    }
}
@media (max-width: 360px) {
    :is(.bendercard, .bb-bendercard) :is(.bc-grid, .bb-bcgrid) {
        grid-template-columns: minmax(0px, 1fr);
    }
}
@media (max-width: 560px) {
    #pun-main :is(.bendercard, .bb-bendercard) :is(.bc-portrait, .bb-bcportrait) img {
        margin: 0px;
        padding: 0px;
        border: 0px;
    }
}
:is(.bendercard, .bb-bendercard) :is(.bc-section-head, .bb-bcsectionhead, .bb-bcsectionheadbcsection) {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-subhead, .bb-bcsubhead) {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-section-head, .bb-bcsectionhead, .bb-bcsectionheadbcsection) h2 {
    margin-bottom: 0px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-subhead, .bb-bcsubhead) h2 {
    margin-bottom: 0px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-section-head, .bb-bcsectionhead, .bb-bcsectionheadbcsection) h2::after {
    margin-bottom: 0px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-subhead, .bb-bcsubhead) h2::after {
    margin-bottom: 0px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-subhead, .bb-bcsubhead) > span {
    flex: 0 0 auto;
    color: var(--bc-muted);
    font: 600 9px/1.3 var(--eng);
    text-transform: uppercase;
    letter-spacing: 1px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-level, .bb-bclevel) {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 12px;
    background: color-mix(in srgb, var(--bc-panel) 75%, transparent);
    border: 1px solid color-mix(in srgb, var(--bc-line) 35%, transparent);
    border-radius: var(--radius-large);
}
:is(.bendercard, .bb-bendercard) :is(.bc-level, .bb-bclevel) small {
    /**/ color: var(--bc-muted);
    font: 600 8px/1.3 var(--eng);
    text-transform: uppercase;
    letter-spacing: 0.8px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-level, .bb-bclevel) strong {
    color: var(--bc-accent2);
    font: 700 30px/1 var(--rus);
}
:is(.bendercard, .bb-bendercard) :is(.bc-rank-heading, .bb-bcrankheading) {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    margin-bottom: 18px;
    text-align: center;
}
:is(.bendercard, .bb-bendercard) :is([data-rank-name], .bb-bcstrong2) {
    color: var(--bc-accent);
    font: 700 22px/1.3 var(--eng);
}
:is(.bendercard, .bb-bendercard) :is(.bc-rank-note, .bb-bcranknote) {
    margin: 8px 0px 0px;
    color: var(--bc-muted);
    font-size: 11px;
    line-height: 1.5;
}
:is(.bendercard, .bb-bendercard) :is([data-rank-fill], .bb-bcspan3) {
    transition: width 0.4s;
}
:is(.bendercard, .bb-bendercard) :is(.bc-activity-rank, .bb-bcactivityrank) :is(.bc-progress-bar, .bb-bcprogressbar) {
    display: block;
    width: 100%;
    height: 8px;
    margin-top: 8px;
    padding: 0px;
    overflow: hidden;
    box-sizing: border-box;
    background: var(--anketa-border, #d8ccb4);
    border: 1px solid var(--accentcolor2, #b09a59);
    border-radius: 10px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-activity-rank, .bb-bcactivityrank) :is(.bc-progress-bar, .bb-bcprogressbar) > :is([data-rank-fill], .bb-bcspan3) {
    display: block;
    height: 100%;
    margin: 0px;
    padding: 0px;
    background: linear-gradient( 90deg, var(--accentcolor2, #b09a59), var(--accent-light, #a9cce3) );
    border-radius: inherit;
    transition: width 0.4s;
}
:is(.bendercard, .bb-bendercard) :is(.bc-stats, .bb-bcstats) {
    display: grid;
    grid-template-columns: repeat(4, minmax(0px, 1fr));
    gap: 8px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-stat, .bb-bcstat, .bb-bcstat2, .bb-bcstat3, .bb-bcstat4) {
    position: relative;
    min-height: 80px;
    padding: 15px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: linear-gradient( 145deg, color-mix(in srgb, var(--bc-blue) 9%, transparent), transparent 65% ), color-mix(in srgb, var(--white2) 35%, transparent);
    border: 1px solid color-mix(in srgb, var(--bc-line) 35%, transparent);
    border-radius: var(--radius-large);
    overflow: hidden;
}
:is(.bendercard, .bb-bendercard) :is(.bc-stat, .bb-bcstat, .bb-bcstat2, .bb-bcstat3, .bb-bcstat4)::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 28px;
    height: 2px;
    background: var(--bc-accent2);
    transform: translateX(-50%);
    opacity: 0.45;
}
:is(.bendercard, .bb-bendercard) :is(.bc-stat, .bb-bcstat, .bb-bcstat2, .bb-bcstat3, .bb-bcstat4) strong {
    display: block;
    margin-bottom: 5px;
    color: var(--bc-accent);
    font: 700 25px/1 var(--eng);
}
:is(.bendercard, .bb-bendercard) :is(.bc-stat, .bb-bcstat, .bb-bcstat2, .bb-bcstat3, .bb-bcstat4) span {
    color: var(--bc-muted);
    font: 600 8px/1.35 var(--eng);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-history, .bb-bchistory) {
    display: grid;
}
:is(.bendercard, .bb-bendercard) .bc-history-item {
    display: grid;
    grid-template-columns: 90px minmax(0px, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-width: 0px;
    padding: 9px 0px;
    border-bottom: 1px solid color-mix(in srgb, var(--bc-line) 25%, transparent);
}
:is(.bendercard, .bb-bendercard) .bc-history-item:first-child {
    padding-top: 0px;
}
:is(.bendercard, .bb-bendercard) .bc-history-item:last-child {
    padding-bottom: 0px;
    border-bottom: 0px;
}
:is(.bendercard, .bb-bendercard) .bc-history-item time {
    color: var(--bc-accent2);
    font: 600 9px/1.3 var(--eng);
    letter-spacing: 0.4px;
}
:is(.bendercard, .bb-bendercard) .bc-history-item a {
    min-width: 0px;
    font: 600 13px/1.4 var(--eng);
    text-decoration: none;
}
:is(.bendercard, .bb-bendercard) .bc-history-type {
    padding: 4px 7px;
    color: var(--bc-muted);
    background: color-mix(in srgb, var(--bc-line) 27%, transparent);
    border-radius: var(--radius-small);
    font: 600 8px/1.2 var(--eng);
    text-transform: uppercase;
    letter-spacing: 0.7px;
}
:is(.bendercard, .bb-bendercard) .bc-history-type {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
:is(.bendercard, .bb-bendercard) .bc-history-type :is(.fa, .bb-fafabook, .bb-fafastar, .bb-fafatrophy) {
    color: var(--bc-accent2);
    font-size: 10px;
}
:is(.bendercard, .bb-bendercard) .bc-history-type::before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color: var(--bc-accent2);
}
/**/ :is(.bendercard, .bb-bendercard) .bc-history-type-23::before {
    content: "\f02d";
}
/**/ :is(.bendercard, .bb-bendercard) .bc-history-type-26::before {
    content: "\f005";
}
/**/ :is(.bendercard, .bb-bendercard) .bc-history-type-25::before {
    content: "\f091";
}
:is(.bendercard, .bb-bendercard) :is(.bc-tags, .bb-bctags) {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-tags, .bb-bctags) span {
    padding: 5px 9px;
    color: var(--bc-muted);
    background: color-mix(in srgb, var(--bc-line) 27%, transparent);
    border: 1px solid color-mix(in srgb, var(--bc-line) 25%, transparent);
    border-radius: var(--radius-medium);
    font: 600 9px/1.3 var(--eng);
}
:is(.bendercard, .bb-bendercard) :is(.bc-tags, .bb-bctags) > span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-tags, .bb-bctags) :is(.fa, .bb-fafabook, .bb-fafastar, .bb-fafatrophy) {
    color: var(--bc-accent2);
    font-size: 12px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-achievement-count, .bb-bcachievementcount), :is(.bendercard, .bb-bendercard) .bc-collection-count {
    display: flex;
    align-items: baseline;
    gap: 6px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-achievement-count, .bb-bcachievementcount) strong, :is(.bendercard, .bb-bendercard) .bc-collection-count strong {
    color: var(--bc-accent);
    font: 700 27px/1 var(--eng);
}
:is(.bendercard, .bb-bendercard) :is(.bc-achievement-count, .bb-bcachievementcount) small, :is(.bendercard, .bb-bendercard) .bc-collection-count small {
    color: var(--bc-muted);
    font: 600 8px/1.3 var(--eng);
    text-transform: uppercase;
    letter-spacing: 0.8px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-collection, .bb-bccollection) .bc-card {
    position: relative;
}
:is(.bendercard, .bb-bendercard) :is(.bc-collection, .bb-bccollection) .bc-card > .bc-card-copies {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    padding: 5px;
    border-radius: 20px;
    background: var(--bc-accent2, #ad9656);
    color: var(--bc-bg, #fff);
    font: 700 12px/1 var(--eng, sans-serif);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 6px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-achievements, .bb-bcachievements) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    gap: 10px;
}
:is(.bendercard, .bb-bendercard) .bc-achievement {
    display: grid;
    grid-template-columns: 45px minmax(0px, 1fr);
    align-items: start;
    gap: 10px;
    min-width: 0px;
    padding: 5px;
    background: linear-gradient( 145deg, color-mix(in srgb, var(--bc-blue) 7%, transparent), transparent ), color-mix(in srgb, var(--bc-panel) 88%, transparent);
    border: 1px solid color-mix(in srgb, var(--bc-line) 35%, transparent);
    border-radius: var(--radius-large);
}
:is(.bendercard, .bb-bendercard) .bc-achievement-icon {
    width: 45px;
    height: 45px;
    display: grid;
    place-items: center;
    color: var(--bc-accent2);
    background: color-mix(in srgb, var(--bc-blue) 13%, transparent);
    border: 1px solid color-mix(in srgb, var(--bc-accent2) 35%, transparent);
    border-radius: 50%;
    font-size: 19px;
}
:is(.bendercard, .bb-bendercard) .bc-achievement strong {
    display: block;
    margin-bottom: 2px;
    color: var(--bc-accent);
    font: 600 14px/1.3 var(--eng);
}
:is(.bendercard, .bb-bendercard) .bc-achievement span {
    display: block;
    color: var(--bc-muted);
    font: 10px/1.45 var(--font-base);
}
:is(.bendercard, .bb-bendercard) .bc-achievement.is-locked {
    filter: grayscale(0.8);
    opacity: 0.5;
}
:is(.bendercard, .bb-bendercard) .bc-achievement.is-locked .bc-achievement-icon {
    color: var(--bc-muted);
}
:is(.bendercard, .bb-bendercard) :is(.bc-awards, .bb-bcawards) .bc-achievement {
    grid-template-columns: 60px minmax(0px, 1fr);
}
:is(.bendercard, .bb-bendercard) :is(.bc-awards, .bb-bcawards) .bc-achievement-icon {
    width: 60px;
    height: 60px;
    padding: 5px;
    background: var(--accent-color-light);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: var(--radius-medium);
}
:is(.bendercard, .bb-bendercard) :is(.bc-awards, .bb-bcawards) .bc-achievement-icon img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
:is(.bendercard, .bb-bendercard) :is(.bc-awards, .bb-bcawards) .bc-award-description {
    white-space: pre-line;
    overflow-wrap: anywhere;
}
@media (max-width: 560px) {
    :is(.bendercard, .bb-bendercard) :is(.bc-awards, .bb-bcawards) :is(.bc-achievements, .bb-bcachievements) {
        grid-template-columns: minmax(0px, 1fr);
    }
}
:is(.bendercard, .bb-bendercard) .bc-collection-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 15px;
}
:is(.bendercard, .bb-bendercard) .bc-collection-nav span {
    padding: 5px 9px;
    color: var(--bc-muted);
    background: color-mix(in srgb, var(--bc-panel) 75%, transparent);
    border: 1px solid color-mix(in srgb, var(--bc-line) 30%, transparent);
    border-radius: var(--radius-medium);
    font: 600 8px/1.3 var(--eng);
    text-transform: uppercase;
    letter-spacing: 0.7px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-collection, .bb-bccollection) .bc-collection-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 18px 0px;
    padding: 0px;
    justify-content: center;
}
:is(.bendercard, .bb-bendercard) :is(.bc-collection, .bb-bccollection) .bc-collection-nav button {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    margin: 0px;
    padding: 7px 12px;
    background: var(--bc-soft);
    color: var(--bc-muted, #786b57);
    border: 1px solid var(--bc-line, #d8ccb4);
    border-radius: var(--radius-medium, 8px);
    font: 600 9px/1.3 var(--eng, sans-serif);
    text-transform: uppercase;
    letter-spacing: 0.6px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}
:is(.bendercard, .bb-bendercard) :is(.bc-collection, .bb-bccollection) .bc-collection-nav button:hover {
    color: var(--bc-accent, #826238);
    border-color: var(--bc-accent2, #ad9656);
}
:is(.bendercard, .bb-bendercard) :is(.bc-collection, .bb-bccollection) .bc-collection-nav button[aria-pressed="true"] {
    background: var(--bc-accent2, #ad9656);
    color: var(--bc-bg, #fff);
    border-color: var(--bc-accent2, #ad9656);
    box-shadow: rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset;
}
:is(.bendercard, .bb-bendercard) :is(.bc-collection, .bb-bccollection) .bc-collection-nav button:focus-visible {
    outline: 2px solid var(--bc-accent, #826238);
    outline-offset: 3px;
}
:is(.bendercard, .bb-bendercard) .bc-cards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0px, 1fr));
    gap: 11px;
}
:is(.bendercard, .bb-bendercard) .bc-card {
    position: relative;
    min-width: 0px;
    padding: 7px 7px 12px;
    background: linear-gradient( 145deg, color-mix(in srgb, var(--bc-blue) 8%, transparent), transparent 45%, color-mix(in srgb, var(--bc-accent2) 8%, transparent) ), var(--bc-panel);
    border: 1px solid color-mix(in srgb, var(--bc-accent2) 38%, transparent);
    border-radius: var(--radius-large);
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--white) 13%, transparent), 0 3px 9px color-mix(in srgb, var(--bc-text) 7%, transparent);
    overflow: hidden;
}
:is(.bendercard, .bb-bendercard) .bc-card-image {
    position: relative;
    aspect-ratio: 4 / 3;
    display: grid;
    place-items: center;
    overflow: hidden;
    margin-bottom: 9px;
    color: var(--bc-muted);
    background: linear-gradient( 145deg, color-mix(in srgb, var(--bc-blue) 18%, transparent), color-mix(in srgb, var(--bc-accent2) 10%, transparent) );
    border-radius: var(--radius-small);
}
#pun-main :is(.bendercard, .bb-bendercard) .bc-card-image img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    object-fit: cover;
    transition: transform 0.25s;
}
:is(.bendercard, .bb-bendercard) .bc-card:hover .bc-card-image img {
    transform: scale(1.035);
}
:is(.bendercard, .bb-bendercard) .bc-card-number {
    margin-bottom: 3px;
    color: var(--bc-accent2);
    font: 600 8px/1.3 var(--eng);
    text-transform: uppercase;
    letter-spacing: 1px;
}
:is(.bendercard, .bb-bendercard) .bc-card h3 {
    margin: 0px 0px 4px;
    color: var(--bc-accent);
    font: 600 14px / 1.25 var(--rus);
    text-align: center;
}
:is(.bendercard, .bb-bendercard) .bc-card-rarity {
    margin-bottom: 7px;
    color: var(--bc-accent2);
    font: 600 8px/1.3 var(--eng);
    text-transform: uppercase;
    letter-spacing: 0.6px;
}
:is(.bendercard, .bb-bendercard) .bc-card p {
    margin: 0px 0px 8px;
    color: var(--bc-muted);
    font: 10px/1.45 var(--eng);
}
:is(.bendercard, .bb-bendercard) .bc-card-series {
    padding-top: 7px;
    color: var(--bc-muted);
    border-top: 1px solid color-mix(in srgb, var(--bc-line) 25%, transparent);
    font: 600 8px/1.3 var(--eng);
    text-transform: uppercase;
    letter-spacing: 0.8px;
}
#pun-main :is(.bc-card, .bb-bccard) {
    display: flex;
    flex-direction: column;
}
#pun-main :is(.bc-card, .bb-bccard) > * {
    flex-shrink: 0;
}
#pun-main :is(.bc-card-series, .bb-bccardseries) {
    margin-top: auto;
    padding-top: 7px;
    color: var(--bc-muted);
    border-top: 1px solid color-mix(in srgb, var(--bc-line) 25%, transparent);
    font: 600 8px/1.3 var(--eng);
    text-transform: uppercase;
    letter-spacing: 0.8px;
}
:is(.bendercard, .bb-bendercard) .bc-card.is-locked {
    filter: grayscale(0.8);
    opacity: 0.45;
}
:is(.bendercard, .bb-bendercard) :is([data-rank-icon], .bb-bcspan) {
    display: block;
    color: var(--bc-accent2);
    font-size: 36px;
    line-height: 1.2;
}
:is(.bendercard, .bb-bendercard) :is(.bc-collection, .bb-bccollection) .bcc-meter {
    margin: 16px 0px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-collection, .bb-bccollection) .bcc-meter:last-child {
    margin-bottom: 0px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-collection, .bb-bccollection) .bcc-meter-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 7px;
    color: var(--bc-muted, #786b57);
    font: 600 10px/1.4 var(--eng, sans-serif);
}
:is(.bendercard, .bb-bendercard) :is(.bc-collection, .bb-bccollection) .bcc-meter-info > span {
    text-transform: uppercase;
    letter-spacing: 0.7px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-collection, .bb-bccollection) .bcc-meter-info > strong {
    flex-shrink: 0;
    color: var(--bc-accent, #826238);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}
:is(.bendercard, .bb-bendercard) :is(.bc-collection, .bb-bccollection) .bcc-bar {
    display: block;
    width: 100%;
    height: 8px;
    padding: 0px;
    overflow: hidden;
    box-sizing: border-box;
    background: var(--bc-line, #d8ccb4);
    border: 1px solid var(--bc-line, #d8ccb4);
    border-radius: 10px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-collection, .bb-bccollection) .bcc-bar > span {
    display: block;
    height: 100%;
    margin: 0px;
    padding: 0px;
    background: linear-gradient( 90deg, var(--bc-accent2, #ad9656), var(--bc-blue, #aacdde) );
    border-radius: inherit;
    transition: width 0.4s;
}
/**/ #pun-main :is(.bendercard, .bb-bendercard) .bb-bctreasuryhead {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    min-width: 0;
    margin: 20px 0 14px;
}
#pun-main :is(.bendercard, .bb-bendercard) .bb-bctreasuryhead > :not(.bc-wallet):not(.bb-bcwallet):not(br) {
    min-width: 0;
    margin: 0;
    text-align: left;
}
/**/ #pun-main :is(.bendercard, .bb-bendercard) .bb-bcwalletentry {
    display: block;
    box-sizing: border-box;
    min-width: 0;
    margin: 0;
    padding: 7px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: var(--bc-text);
    font: 400 11px/1.4 var(--eng);
    text-align: left;
    text-transform: none;
    text-indent: 0;
    letter-spacing: normal;
    white-space: normal;
    overflow-wrap: anywhere;
}
/**/ #pun-main :is(.bendercard, .bb-bendercard) .bb-bcwalletentry ~ .bb-bcwalletentry {
    border-top: 1px solid color-mix(in srgb, var(--bc-line) 25%, transparent);
}
/**/ #pun-main :is(.bendercard, .bb-bendercard) .bb-bcwalletentry :is(.bb-bcwalletplus, .bb-bcwalletminus) {
    display: inline;
    margin: 0 6px 0 0;
    padding: 0;
    font: 600 12px/1.4 var(--eng);
    font-variant-numeric: tabular-nums;
}
#pun-main :is(.bendercard, .bb-bendercard) .bb-bcwalletplus {
    color: #527447;
}
#pun-main :is(.bendercard, .bb-bendercard) .bb-bcwalletminus {
    color: #a45144;
}
/**/ #pun-main :is(.bendercard, .bb-bendercard) .bb-bcwalletcomment {
    display: inline;
    margin: 0;
    padding: 0;
    color: var(--bc-text);
    font: 400 11px/1.4 var(--eng);
}
/**/ #pun-main :is(.bendercard, .bb-bendercard) .bb-bcwalletmeta {
    display: block;
    margin: 3px 0 0;
    padding: 0;
    color: var(--bc-muted);
    font: 400 10px/1.4 var(--eng);
}
#pun-main :is(.bendercard, .bb-bendercard) .bb-bcwalletmeta a {
    color: var(--bc-accent);
    font: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
}
#pun-main :is(.bendercard, .bb-bendercard) .bb-bcwalletmeta a:hover {
    color: var(--linkhover);
}
/**/ #pun-main :is(.bendercard, .bb-bendercard) .bb-bcwalletchange {
    display: block;
    margin: 2px 0 0;
    padding: 0;
    border: 0;
    color: var(--bc-muted);
    font: 400 10px/1.4 var(--eng);
    font-variant-numeric: tabular-nums;
}
/**/ #pun-main :is(.bendercard, .bb-bendercard) :is(.bb-bcwalletentry, .bb-bcwalletbody) > br {
    display: none;
}
/**/ #pun-main :is(.bendercard, .bb-bendercard) :is( .bb-bcwalletentry, .bb-bcwalletplus, .bb-bcwalletminus, .bb-bcwalletcomment, .bb-bcwalletmeta, .bb-bcwalletchange ) > p {
    margin: 0;
    padding: 0;
    color: inherit;
    font: inherit;
    text-align: inherit;
    text-indent: 0;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bb-bcwalletplus, .bb-bcwalletminus, .bb-bcwalletcomment) > p {
    display: inline;
}
/**/ #pun-main :is(.bendercard, .bb-bendercard) :is(.bc-wallet, .bb-bcwallet) {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    align-self: start;
    justify-self: end;
    gap: 0 7px;
    width: 300px;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 8px 13px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--bc-blue) 18%, transparent), color-mix(in srgb, var(--bc-accent2) 10%, transparent));
    border: 1px solid color-mix(in srgb, var(--bc-accent2) 35%, transparent);
    border-radius: var(--radius-large);
}
#pun-main :is(.bendercard, .bb-bendercard) .bb-bctreasuryhead > :is(.bc-wallet, .bb-bcwallet) {
    justify-self: center;
}
@media (max-width: 560px) {
    #pun-main :is(.bendercard, .bb-bendercard) .bb-bctreasuryhead > :is(.bc-wallet, .bb-bcwallet) {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        justify-self: stretch;
        box-sizing: border-box;
        margin-inline: 0;
    }
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-wallet, .bb-bcwallet) > :is(span, .bb-bcspan2) {
    grid-column: 1;
    grid-row: 1 / 3;
    color: var(--bc-accent2);
    font-size: 22px;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-wallet, .bb-bcwallet) > :is(strong, .bb-bcstrong4) {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    color: var(--bc-accent);
    font: 700 20px/1 var(--eng);
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-wallet, .bb-bcwallet) > :is(small, .bb-bcsmall) {
    grid-column: 2;
    grid-row: 2;
    color: var(--bc-muted);
    font: 600 7px/1.2 var(--eng);
    text-transform: uppercase;
    letter-spacing: 0.8px;
}
/**/ #pun-main :is(.bendercard, .bb-bendercard) :is(.bc-wallet, .bb-bcwallet) > .bb-bcwalletops {
    grid-column: 1 / -1;
    grid-row: 3;
    width: 100%;
    min-width: 0;
    margin-top: 8px;
    padding-top: 7px;
    border-top: 1px solid color-mix(in srgb, var(--bc-accent2) 25%, transparent);
}
#pun-main :is(.bendercard, .bb-bendercard) .bb-bcwalletops > .bb-bcwalletsummary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0;
    padding: 0;
    color: var(--bc-muted);
    font: 600 10px/1.4 var(--eng);
    list-style: none;
    cursor: pointer;
}
#pun-main :is(.bendercard, .bb-bendercard) .bb-bcwalletsummary::-webkit-details-marker {
    display: none;
}
#pun-main :is(.bendercard, .bb-bendercard) .bb-bcwalletsummary::after {
    content: "\f0da";
    font-family: var(--fa);
    font-weight: 900;
    flex: 0 0 auto;
    color: var(--bc-accent2);
    transition: transform 0.2s ease;
}
#pun-main :is(.bendercard, .bb-bendercard) .bb-bcwalletops[open] > .bb-bcwalletsummary::after {
    transform: rotate(90deg);
}
#pun-main :is(.bendercard, .bb-bendercard) .bb-bcwalletsummary:hover {
    color: var(--bc-accent);
}
#pun-main :is(.bendercard, .bb-bendercard) .bb-bcwalletsummary:focus-visible {
    outline: 2px solid var(--bc-accent2);
    outline-offset: 3px;
    border-radius: 3px;
}
#pun-main :is(.bendercard, .bb-bendercard) .bb-bcwalletops > .bb-bcwalletbody {
    position: static;
    width: 100%;
    min-width: 0;
    max-height: 140px;
    box-sizing: border-box;
    overflow: auto;
    overflow-wrap: anywhere;
    white-space: normal;
    margin: 8px 0 0;
    padding: 8px 0 0;
    border: 0;
    border-top: 1px solid color-mix(in srgb, var(--bc-accent2) 25%, transparent);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: var(--bc-muted);
    font: 400 11px/1.5 var(--eng);
    text-align: left;
    scrollbar-width: thin;
    scrollbar-color: var(--bc-accent2) var(--bc-soft);
}
/**/ #pun-main :is(.bendercard, .bb-bendercard) :is(.bb-bctreasuryhead, .bc-wallet, .bb-bcwallet, .bb-bcwalletops) > br {
    display: none;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bb-bcwalletsummary, .bb-bcwalletbody) > p {
    min-width: 0;
    margin: 0;
    padding: 0;
    color: inherit;
    font: inherit;
    text-align: inherit;
    text-indent: 0;
}
:is(.bendercard, .bb-bendercard) :is(.bc-cosmetics, .bb-bccosmetics) {
    display: grid;
    grid-template-columns: repeat(4, minmax(0px, 1fr));
    gap: 9px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-cosmetic, .bb-bccosmetic) {
    min-width: 0px;
    text-align: center;
}
:is(.bendercard, .bb-bendercard) :is(.bc-cosmetic-preview, .bb-bccosmeticpreview) {
    aspect-ratio: 16 / 10;
    display: grid;
    place-items: center;
    margin-bottom: 7px;
    color: var(--bc-muted);
    background: linear-gradient( 145deg, color-mix(in srgb, var(--bc-blue) 20%, transparent), color-mix(in srgb, var(--bc-accent2) 12%, transparent) );
    border: 1px solid color-mix(in srgb, var(--bc-line) 35%, transparent);
    border-radius: var(--radius-medium);
    overflow: hidden;
}
:is(.bendercard, .bb-bendercard) :is(.bc-cosmetic-preview, .bb-bccosmeticpreview) img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
:is(.bendercard, .bb-bendercard) :is(.bc-cosmetic-preview, .bb-bccosmeticpreview) {
    position: relative;
    display: block;
}
:is(.bendercard, .bb-bendercard) :is(.bc-cosmetic-preview, .bb-bccosmeticpreview) > p {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0;
}
:is(.bendercard, .bb-bendercard) :is(.bc-cosmetic-preview, .bb-bccosmeticpreview) img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: cover;
}
:is(.bendercard, .bb-bendercard) :is(.bc-cosmetic, .bb-bccosmetic) strong {
    display: block;
    color: var(--bc-accent);
    font: 600 11px/1.35 var(--eng);
}
:is(.bendercard, .bb-bendercard) :is(.bc-cosmetic, .bb-bccosmetic) > span {
    display: block;
    margin-top: 2px;
    color: var(--bc-muted);
    font: 8px/1.3 var(--eng);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-gifts, .bb-bcgifts) {
    display: grid;
    grid-template-columns: repeat(6, minmax(0px, 1fr));
    gap: 9px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-gift, .bb-bcgift) {
    min-width: 0px;
    padding: 12px;
    background: color-mix(in srgb, var(--bc-soft) 60%, transparent);
    border: 1px solid color-mix(in srgb, var(--bc-line) 25%, transparent);
    border-radius: var(--radius-large);
    text-align: center;
}
:is(.bendercard, .bb-bendercard) :is(.bc-gift-icon, .bb-bcgifticon) {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    margin: 0px auto 8px;
    background: color-mix(in srgb, var(--bc-bg) 58%, transparent);
    border: 1px solid color-mix(in srgb, var(--bc-accent2) 25%, transparent);
    border-radius: 50%;
    font-size: 22px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-gift-info, .bb-bcgiftinfo) strong {
    display: block;
    color: var(--bc-accent);
    font: 600 12px/1.35 var(--eng);
}
:is(.bendercard, .bb-bendercard) :is(.bc-gift-info, .bb-bcgiftinfo) > span {
    display: block;
    margin-top: 2px;
    color: var(--bc-accent2);
    font: 600 8px/1.3 var(--eng);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-gift-info, .bb-bcgiftinfo) p {
    margin: 7px 0px 0px;
    color: var(--bc-muted);
    font: italic 10px/1.45 var(--eng);
}
:is(.bendercard, .bb-bendercard) :is(.bc-special-items, .bb-bcspecialitems) {
    display: grid;
    grid-template-columns: repeat(4, minmax(0px, 1fr));
    gap: 8px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-special-item, .bb-bcspecialitem) {
    display: grid;
    grid-template-columns: 38px minmax(0px, 1fr);
    align-items: center;
    gap: 10px;
    min-width: 0px;
    padding: 10px;
    background: color-mix(in srgb, var(--bc-soft) 55%, transparent);
    border: 1px solid color-mix(in srgb, var(--bc-line) 25%, transparent);
    border-radius: var(--radius-medium);
}
:is(.bendercard, .bb-bendercard) :is(.bc-special-icon, .bb-bcspecialicon) {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    color: var(--bc-accent2);
    background: color-mix(in srgb, var(--bc-bg) 84%, transparent);
    border-radius: 50%;
    font-size: 32px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-special-item, .bb-bcspecialitem) strong {
    display: block;
    color: var(--bc-accent);
    font: 600 12px/1.35 var(--eng);
}
:is(.bendercard, .bb-bendercard) :is(.bc-special-item, .bb-bcspecialitem) span {
    display: block;
    margin-top: 2px;
    color: var(--bc-muted);
    font: 11px/1.3 var(--eng);
}
@media (max-width: 700px) {
    :is(.bendercard, .bb-bendercard) :is(.bc-stats, .bb-bcstats) {
        grid-template-columns: repeat(4, minmax(0px, 1fr));
    }
    :is(.bendercard, .bb-bendercard) .bc-cards, :is(.bendercard, .bb-bendercard) :is(.bc-cosmetics, .bb-bccosmetics), :is(.bendercard, .bb-bendercard) :is(.bc-gifts, .bb-bcgifts) {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
    }
}
@media (max-width: 560px) {
    :is(.bendercard, .bb-bendercard) :is(.bc-section-head, .bb-bcsectionhead, .bb-bcsectionheadbcsection) {
        align-items: center;
    }
    :is(.bendercard, .bb-bendercard) .bc-history-item {
        grid-template-columns: 1fr auto;
        gap: 4px 10px;
    }
    :is(.bendercard, .bb-bendercard) .bc-history-item time {
        grid-column: 1 / -1;
    }
    :is(.bendercard, .bb-bendercard) :is(.bc-achievements, .bb-bcachievements), :is(.bendercard, .bb-bendercard) :is(.bc-special-items, .bb-bcspecialitems) {
        grid-template-columns: minmax(0px, 1fr);
    }
}
@media (max-width: 420px) {
    :is(.bendercard, .bb-bendercard) :is(.bc-stats, .bb-bcstats) {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
    }
    #pun-main :is(.bc-cards, .bb-bccards) {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
        gap: 8px;
        align-items: start;
    }
    #pun-main :is(.bc-card, .bb-bccard) {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        height: 320px;
        min-height: 320px;
        max-height: 320px;
        align-self: start;
        overflow-x: hidden;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: var(--bc-accent2) var(--bc-soft);
    }
    #pun-main :is(.bc-card, .bb-bccard) > * {
        flex-shrink: 0;
    }
    #pun-main :is(.bc-card-series, .bb-bccardseries) {
        margin-top: auto;
    }
    #pun-main :is(.bc-card, .bb-bccard) :is(h3, .bc-card-title, .bb-bccardtitle) {
        font-size: 13px;
        line-height: 1.25;
        overflow-wrap: anywhere;
    }
    #pun-main :is(.bc-card-description, .bb-bccarddescription) {
        text-align: left;
    }
    :is(.bendercard, .bb-bendercard) :is(.bc-gifts, .bb-bcgifts) {
        grid-template-columns: minmax(0px, 1fr);
    }
    :is(.bendercard, .bb-bendercard) :is(.bc-section-head, .bb-bcsectionhead, .bb-bcsectionheadbcsection) {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }
    :is(.bendercard, .bb-bendercard) :is(.bc-subhead, .bb-bcsubhead) {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }
    :is(.bendercard, .bb-bendercard) :is(.bc-level, .bb-bclevel) {
        align-self: flex-start;
    }
    /**/ #pun-main :is(.bc-card, .bb-bccard) > :is(.bc-card-description, .bb-bccarddescription) {
        flex: 0 1 auto;
        min-height: 0;
        overflow-y: auto !important;
    }
    /**/ #pun-main :is(.bc-card, .bb-bccard) > :is(.bc-card-description, .bb-bccarddescription) {
        flex: 0 1 auto;
        min-height: 0;
        overflow: hidden !important;
    }
    /**/ #pun-main :is(.bc-card, .bb-bccard):has( > button[data-bc-description][aria-expanded="true"] ) {
        height: auto;
        min-height: 320px;
        max-height: none;
        overflow: hidden;
    }
    #pun-main :is(.bc-card, .bb-bccard):has( > button[data-bc-description][aria-expanded="true"] ) > :is(.bc-card-description, .bb-bccarddescription) {
        flex-shrink: 0;
    }
    /**/ #pun-main :is(.bc-card, .bb-bccard) > button[data-bc-description] {
        position: static;
        flex: 0 0 20px;
        align-self: center;
        display: grid;
        place-items: center;
        width: 28px;
        height: 20px;
        min-height: 20px;
        margin: 2px auto 6px;
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
    }
    #pun-main :is(.bc-card, .bb-bccard) > button[data-bc-description][hidden] {
        display: none;
    }
    /**/ #pun-main :is(.bc-card, .bb-bccard) > :is(.bc-card-series, .bb-bccardseries) {
        flex-shrink: 0;
        margin-top: auto;
    }
}
/**/ #pun-main :is(.bendercard, .bb-bendercard) .bc-cards > .bc-card > p {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
    margin-bottom: 4px;
}
#pun-main :is(.bendercard, .bb-bendercard) .bc-cards > .bc-card > .bc-card-series {
    flex-shrink: 0;
    margin-top: auto;
}
/**/ #pun-main :is(.bendercard, .bb-bendercard) .bc-cards > .bc-card:has( > button[data-bc-description][aria-expanded="true"] ) {
    height: auto;
    min-height: 300px;
}
#pun-main :is(.bendercard, .bb-bendercard) .bc-cards > .bc-card:has( > button[data-bc-description][aria-expanded="true"] ) > p {
    flex: 0 0 auto;
    overflow: visible;
}
:is(.bendercard, .bb-bendercard) > :is(.bc-panel, .bb-bcpanel, .bb-bcpanel2, .bb-bcpanel3, .bb-bcpanel4) {
    margin-top: 20px;
}
:is(.bendercard, .bb-bendercard).bb-tabs-ready > :is(.bc-panel, .bb-bcpanel, .bb-bcpanel2, .bb-bcpanel3, .bb-bcpanel4) {
    display: none;
}
:is(.bendercard, .bb-bendercard).bb-tabs-ready:has(:is(.bc-tabs, .bb-bctabs) input[value="0"]:checked) > :is(#bc-panel-0, .bb-bcpanel), :is(.bendercard, .bb-bendercard).bb-tabs-ready:has(:is(.bc-tabs, .bb-bctabs) input[value="1"]:checked) > :is(#bc-panel-1, .bb-bcpanel2), :is(.bendercard, .bb-bendercard).bb-tabs-ready:has(:is(.bc-tabs, .bb-bctabs) input[value="2"]:checked) > :is(#bc-panel-2, .bb-bcpanel3), :is(.bendercard, .bb-bendercard).bb-tabs-ready:has(:is(.bc-tabs, .bb-bctabs) input[value="3"]:checked) > :is(#bc-panel-3, .bb-bcpanel4) {
    display: block;
}
:is(.bendercard, .bb-bendercard) > br, :is(.bendercard, .bb-bendercard) :is(:is(.bc-panel, .bb-bcpanel, .bb-bcpanel2, .bb-bcpanel3, .bb-bcpanel4), :is(.bc-tabs, .bb-bctabs), :is(.bc-intro, .bb-bcintro), :is(.bc-grid, .bb-bcgrid), :is(.bc-stats, .bb-bcstats), :is(.bc-section-head, .bb-bcsectionhead, .bb-bcsectionheadbcsection), :is(.bc-subhead, .bb-bcsubhead), :is(.bc-cosmetics, .bb-bccosmetics), :is(.bc-gifts, .bb-bcgifts), :is(.bc-special-items, .bb-bcspecialitems), :is(.bc-tags, .bb-bctags), :is(.bc-box, .bb-bcbox, .bb-bcboxbcsection), :is(.bc-rank-heading, .bb-bcrankheading), :is(.bc-progress, .bb-bcprogress), :is(.bc-progress-info, .bb-bcprogressinfo), :is(.bc-activity-rank, .bb-bcactivityrank), :is(.bc-stat, .bb-bcstat, .bb-bcstat2, .bb-bcstat3, .bb-bcstat4), :is(.bc-level, .bb-bclevel), .bb-bcdiv, :is(.bc-cosmetic, .bb-bccosmetic), :is(.bc-gift, .bb-bcgift), :is(.bc-gift-info, .bb-bcgiftinfo)) > br {
    display: none;
}
:is(.bendercard, .bb-bendercard) :is(.bc-progress-info, .bb-bcprogressinfo) {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-activity-rank, .bb-bcactivityrank) {
    margin-bottom: 10px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-tabs, .bb-bctabs):empty {
    display: none;
}
:is(.bendercard, .bb-bendercard) :is(.bc-tags, .bb-bctags) p {
    margin: 0px;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-tags, .bb-bctags) > span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 0px;
    height: auto;
    padding: 5px 9px;
    line-height: 14px;
    font-size: 9px;
    text-transform: uppercase;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-tags, .bb-bctags) > span > p {
    display: block;
    flex: 0 1 auto;
    min-width: 0px;
    min-height: 0px;
    margin: 0px;
    padding: 0px;
    font: inherit;
    text-indent: 0px;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-tags, .bb-bctags) > span > i {
    display: inline-block;
    flex: 0 0 auto;
    margin: 0px;
    padding: 0px;
    line-height: 1;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-gifts, .bb-bcgifts) {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr));
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-special-items, .bb-bcspecialitems) {
    grid-template-columns: repeat(auto-fit, minmax(0, 225px));
    justify-content: start;
}
:is(.bendercard, .bb-bendercard) :is(.bc-special-item, .bb-bcspecialitem) {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}
@media (max-width: 480px) {
    #pun-main :is(.bendercard, .bb-bendercard) :is(.bc-special-items, .bb-bcspecialitems) {
        grid-template-columns: minmax(0, 1fr);
    }
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-gift, .bb-bcgift, .bc-special-item, .bb-bcspecialitem) p {
    margin: 0px;
    padding: 0px;
    min-height: 0px;
    font: inherit;
    text-align: inherit;
    text-indent: 0px;
    letter-spacing: normal;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-gift, .bb-bcgift) {
    text-align: center;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-special-item, .bb-bcspecialitem) {
    text-align: left;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-gift-info, .bb-bcgiftinfo) > p {
    margin: 7px 0px 0px;
    font: italic 10px/1.45 var(--eng);
    color: var(--bc-muted);
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-special-item, .bb-bcspecialitem, .bc-special-icon, .bb-bcspecialicon, .bc-gift-icon, .bb-bcgifticon) > br {
    display: none;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(h1.custom_tag, h2.custom_tag, h3.custom_tag, strong.custom_tag, small.custom_tag, span.custom_tag, i.custom_tag, .bc-kicker, .bb-bckicker, .bc-label, .bb-bclabel, .bc-portrait, .bb-bcportrait, .bc-cosmetic-preview, .bb-bccosmeticpreview, .bc-gift-icon, .bb-bcgifticon, .bc-special-icon, .bb-bcspecialicon) > p:not(.custom_tag), #pun-main :is(.bendercard, .bb-bendercard) :is(.bc-grid, .bb-bcgrid) > :is(.bc-box, .bb-bcbox) > p:not(.custom_tag) {
    margin: 0px;
    padding: 0px;
    min-width: 0px;
    min-height: 0px;
    width: auto;
    height: auto;
    color: inherit;
    font: inherit;
    text-align: inherit;
    text-indent: 0px;
    text-transform: inherit;
    letter-spacing: inherit;
    word-spacing: normal;
}
@media (max-width: 560px) {
    #pun-main :is(.bendercard, .bb-bendercard) :is(.bc-gifts, .bb-bcgifts) {
        display: grid;
        gap: 8px;
        align-items: stretch;
    }
    #pun-main :is(.bendercard, .bb-bendercard) :is(.bc-gifts, .bb-bcgifts) > :is(.bc-gift, .bb-bcgift) {
        min-width: 0px;
        padding: 10px 8px;
        grid-column: auto;
    }
}
#pun-main :is(.bendercard, .bb-bendercard) .bc-header {
    padding: 15px 15px;
    margin-bottom: 15px;
    border-radius: var(--radius-large);
    background: color-mix( in srgb, var(--bc-blue) 18%, var(--bc-panel) );
    color: var(--bc-text);
    text-align: left;
}
#pun-main :is(.bendercard, .bb-bendercard) .bc-header > br {
    display: none;
}
#pun-main :is(.bendercard, .bb-bendercard) .bc-header > :is(.bc-kicker, .bb-bckicker) {
    margin: 0px 0px 7px;
    padding: 0px;
    background: none;
    border: 0px;
}
#pun-main .post-content :is(.bendercard, .bb-bendercard) .bc-header > h1 {
    display: block;
    width: auto;
    min-width: 0px;
    max-width: none;
    height: auto;
    min-height: 0px;
    margin: 0px 0px 9px;
    padding: 0px;
    border: 0px;
    border-radius: 0px;
    background: none;
    box-shadow: none;
    color: var(--bc-accent);
    font: 700 34px/1.15 var(--rus);
    text-align: left;
    text-transform: none;
    letter-spacing: normal;
}
#pun-main .post-content :is(.bendercard, .bb-bendercard) .bc-header > h1::before, #pun-main .post-content :is(.bendercard, .bb-bendercard) .bc-header > h1::after {
    content: none;
    display: none;
}
#pun-main .post-content :is(.bendercard, .bb-bendercard) .bc-header > h1 > p {
    margin: 0px;
    padding: 0px;
    color: inherit;
    font: inherit;
    text-align: inherit;
    text-transform: inherit;
    letter-spacing: inherit;
    text-indent: 0px;
}
#pun-main .post-content :is(.bendercard, .bb-bendercard) .bc-header > p {
    margin: 0px;
    padding: 0px;
    color: var(--bc-muted);
    font: 13px/1.5 var(--eng);
    text-align: left;
    text-indent: 0px;
}
@media (max-width: 560px) {
    #pun-main :is(.bendercard, .bb-bendercard) .bc-header {
        padding: 18px 16px;
    }
    #pun-main .post-content :is(.bendercard, .bb-bendercard) .bc-header > h1 {
        font-size: 28px;
    }
}
#pun-main :is(.bendercard, .bb-bendercard) {
    padding: var(--padding1);
    background: var(--bc-bg);
    border-radius: calc(var(--radius-medium)*2);
    box-shadow: none;
}
#pun-main :is(.bendercard, .bb-bendercard)::before {
    content: none;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-tabs, .bb-bctabs) {
    margin: 14px 0px 20px;
    padding: 4px;
    gap: 6px;
    border: 0px;
    border-radius: var(--radius-large);
    background: color-mix(in srgb, var(--bc-soft) 55%, transparent);
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-tabs, .bb-bctabs) span {
    border-radius: var(--radius-medium);
    min-height: 38px;
    letter-spacing: 0.4px;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-tabs, .bb-bctabs) input:checked + span {
    background: color-mix(in srgb, var(--bc-accent2) 25%, var(--bc-panel));
    color: var(--bc-accent);
    border-color: color-mix(in srgb, var(--bc-accent2) 50%, transparent);
    box-shadow: none;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-intro, .bb-bcintro) {
    grid-template-columns: 130px minmax(0px, 1fr);
    gap: 10px;
    align-items: stretch;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-portrait, .bb-bcportrait) {
    /**/ box-shadow: none;
    border: 1px solid color-mix(in srgb, var(--bc-line) 40%, transparent);
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-portrait, .bb-bcportrait)::after {
    content: none;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-portrait, .bb-bcportrait) img {
    /**/ margin: 0px;
    padding: 0px;
    border: 0px;
}
:is(.bendercard, .bb-bendercard) :is(.bc-header, .bb-bcheader) > :is(.bb-bcp, p) {
    box-sizing: border-box;
    position: relative;
    padding: 8px 28px !important;
}
:is(.bendercard, .bb-bendercard) :is(.bc-header, .bb-bcheader) > :is(.bb-bcp, p)::before, :is(.bendercard, .bb-bendercard) :is(.bc-header, .bb-bcheader) > :is(.bb-bcp, p)::after {
    position: absolute;
    color: color-mix( in srgb, var(--accent-color2, var(--accentcolor2)) 86%, transparent );
    font-family: Georgia, serif;
    font-size: 28px;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    pointer-events: none;
}
:is(.bendercard, .bb-bendercard) :is(.bc-header, .bb-bcheader) > :is(.bb-bcp, p)::before {
    content: "\201C";
    top: 0;
    left: 0;
}
:is(.bendercard, .bb-bendercard) :is(.bc-header, .bb-bcheader) > :is(.bb-bcp, p)::after {
    content: "\201D";
    right: 0;
    bottom: 0;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-portrait, .bb-bcportrait):has(img) {
    display: block !important;
    align-self: start;
    aspect-ratio: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-portrait, .bb-bcportrait) > p {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-portrait, .bb-bcportrait) > p > img.postimg {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: contain !important;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-box, .bb-bcbox, .bb-bcboxbcsection) {
    padding: 10px;
    background: var(--bc-soft);
    border-radius: var(--radius-medium);
    box-shadow: none;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-box, .bb-bcbox, .bb-bcboxbcsection)::after {
    content: none;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-grid, .bb-bcgrid) {
    gap: 4px;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-grid, .bb-bcgrid) > :is(.bc-box, .bb-bcbox) {
    padding: 5px 5px;
    font-size: 12px;
    text-align: center;
    border: 0px;
    background: color-mix(in srgb, var(--bc-soft) 90%, transparent);
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-label, .bb-bclabel) {
    margin-bottom: 6px;
    font-size: 9px;
    letter-spacing: 0.8px;
}
#pun-main :is(.bendercard, .bb-bendercard) h2 {
    padding: 0px;
    margin: 0px 0px 14px;
    color: var(--bc-accent);
    font: 700 19px/1.3 var(--rus);
    text-align: left;
    background: none;
    border: 0px;
    box-shadow: none;
}
#pun-main :is(.bendercard, .bb-bendercard) h2::before, #pun-main :is(.bendercard, .bb-bendercard) h2::after {
    content: none;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-section-head, .bb-bcsectionhead, .bb-bcsectionheadbcsection) {
    margin-top: 10px;
    margin-bottom: 10px;
    align-items: center;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-section-head, .bb-bcsectionhead, .bb-bcsectionheadbcsection) h2 {
    margin-bottom: 0px;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-subhead, .bb-bcsubhead) h2 {
    margin-bottom: 0px;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-activity-rank, .bb-bcactivityrank) {
    margin-bottom: 10px;
    padding: 10px;
    border-radius: var(--radius-large);
    background: var(--bc-soft);
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-rank-heading, .bb-bcrankheading) {
    flex-direction: row;
    justify-content: flex-start;
    gap: 12px;
    margin-bottom: 14px;
    text-align: left;
}
#pun-main :is(.bendercard, .bb-bendercard) [data-rank-icon] {
    font-size: 25px;
}
#pun-main :is(.bendercard, .bb-bendercard) [data-rank-name] {
    font-size: 18px;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-progress-info, .bb-bcprogressinfo), #pun-main :is(.bendercard, .bb-bendercard) .bcc-meter-info {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 6px;
    font-size: 11px;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-progress-bar, .bb-bcprogressbar, .bcc-bar) {
    height: 6px;
    margin-top: 0px;
    border: 0px;
    border-radius: 999px;
    overflow: hidden;
    background: color-mix(in srgb, var(--bc-blue) 45%, var(--bc-panel));
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-progress-bar, .bb-bcprogressbar, .bcc-bar) > span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--bc-accent2);
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-stat, .bb-bcstat, .bb-bcstat2, .bb-bcstat3, .bb-bcstat4) {
    min-height: 70px;
    border: 0px;
    border-radius: var(--radius-large);
    background: color-mix(in srgb, var(--bc-soft) 55%, transparent);
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-stat, .bb-bcstat, .bb-bcstat2, .bb-bcstat3, .bb-bcstat4)::after {
    content: none;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-gift, .bb-bcgift, .bc-special-item, .bb-bcspecialitem, .bc-achievement, .bc-card) {
    border-radius: var(--radius-small);
    border: 1px solid color-mix(in srgb, var(--bc-line) 29%, transparent);
    background: color-mix(in srgb, var(--bc-soft) 94%, var(--accent-color));
    box-shadow: none;
}
#pun-main :is(.bendercard, .bb-bendercard) .bc-cards > .bc-card {
    box-sizing: border-box;
    height: 310px;
    min-height: 0;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-gift, .bb-bcgift, .bc-special-item, .bb-bcspecialitem, .bc-achievement, .bc-card) {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    transform: perspective(900px) scale(1) rotateY(0deg);
    transition: transform .75s cubic-bezier(.22, 1, .36, 1), box-shadow .6s ease, border-color .6s ease;
}
#pun-main :is(.bendercard, .bb-bendercard) :is(.bc-gift, .bb-bcgift, .bc-special-item, .bb-bcspecialitem, .bc-achievement, .bc-card)::after {
    content: "";
    position: absolute;
    inset: -50% -80%;
    background: linear-gradient( 110deg, transparent 42%, rgb(255 255 255 / 28%) 50%, transparent 58% );
    transform: translateX(-65%);
    opacity: 0;
    pointer-events: none;
    z-index: 2;
}
@media (hover: hover) and (pointer: fine) {
    #pun-main :is(.bendercard, .bb-bendercard) :is(.bc-gift, .bb-bcgift, .bc-special-item, .bb-bcspecialitem, .bc-achievement, .bc-card):hover {
        transform: perspective(900px) scale(.97) rotateY(7deg);
        border-color: var(--bc-accent2, var(--accentcolor2));
        box-shadow: 0 8px 13px rgb(64 48 34 / 14%);
    }
    #pun-main :is(.bendercard, .bb-bendercard) :is(.bc-gift, .bb-bcgift, .bc-special-item, .bb-bcspecialitem, .bc-achievement, .bc-card):hover::after {
        animation: bc-card-shine 1s ease-in-out both;
    }
}
@keyframes bc-card-shine {
    0% {
        transform: translateX(-65%);
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    100% {
        transform: translateX(65%);
        opacity: 0;
    }
}
@media (prefers-reduced-motion: reduce) {
    #pun-main :is(.bendercard, .bb-bendercard) :is(.bc-gift, .bb-bcgift, .bc-special-item, .bb-bcspecialitem, .bc-achievement, .bc-card), #pun-main :is(.bendercard, .bb-bendercard) :is(.bc-gift, .bb-bcgift, .bc-special-item, .bb-bcspecialitem, .bc-achievement, .bc-card):hover {
        transition: none;
        transform: none;
    }
    #pun-main :is(.bendercard, .bb-bendercard) :is(.bc-gift, .bb-bcgift, .bc-special-item, .bb-bcspecialitem, .bc-achievement, .bc-card)::after {
        display: none;
    }
}
#pun-main :is(.bendercard, .bb-bendercard) .bc-cards {
    max-height: 450px;
    overflow: hidden auto;
    align-content: start;
    scrollbar-width: thin;
    scrollbar-color: var(--bc-accent2) var(--bc-soft);
}
@media (max-width: 560px) {
    #pun-main :is(.bendercard, .bb-bendercard) {
        padding: 16px;
        border-radius: 20px;
    }
    #pun-main :is(.bendercard, .bb-bendercard) :is(.bc-intro, .bb-bcintro) {
        grid-template-columns: minmax(0px, 1fr);
    }
    #pun-main :is(.bendercard, .bb-bendercard) :is(.bc-portrait, .bb-bcportrait) {
        width: 100%;
        aspect-ratio: 16 / 9;
        margin: 0px;
    }
    #pun-main :is(.bendercard, .bb-bendercard) :is(.bc-portrait, .bb-bcportrait):has(img) {
        display: block;
        padding: 0px;
    }
    #pun-main :is(.bendercard, .bb-bendercard) :is(.bc-portrait, .bb-bcportrait) img {
        position: absolute;
        inset: 0px;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center 30%;
        max-height: none;
    }
    #pun-main :is(.bendercard, .bb-bendercard) :is(.bc-portrait, .bb-bcportrait):has(img) {
        width: 100% !important;
        aspect-ratio: 16 / 9 !important;
        height: auto !important;
    }
    #pun-main :is(.bendercard, .bb-bendercard) :is(.bc-portrait, .bb-bcportrait) > p {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }
    #pun-main :is(.bendercard, .bb-bendercard) :is(.bc-portrait, .bb-bcportrait) > p > img.postimg {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center !important;
    }
    #pun-main :is(.bendercard, .bb-bendercard) :is(.bc-portrait, .bb-bcportrait) > p > img.postimg {
        object-fit: cover !important;
        object-position: 50% 20% !important;
    }
    #pun-main :is(.bendercard, .bb-bendercard) :is(.bc-box, .bb-bcbox, .bb-bcboxbcsection) {
        padding: 13px;
    }
    #pun-main :is(.bendercard, .bb-bendercard) :is(.bc-gifts, .bb-bcgifts) {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
    }
}
/**/ /**/ #pun-main :is(.bendercard,.bb-bendercard) .bc-gift-collection {
    min-width: 0;
    margin-top: 12px;
}
#pun-main :is(.bendercard,.bb-bendercard) .bc-gift-collection [hidden] {
    display: none !important;
}
#pun-main :is(.bendercard,.bb-bendercard) .bc-gift-collection > br {
    display: none;
}
#pun-main :is(.bendercard,.bb-bendercard) .bc-gift-collection .bc-collection-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    margin: 0 0 10px;
    justify-content: flex-start;
}
#pun-main :is(.bendercard,.bb-bendercard) .bc-gift-collection .bc-collection-nav button {
    appearance: none;
    width: auto;
    min-height: 34px;
    margin: 0;
    padding: 6px 6px;
    border: 1px solid color-mix(in srgb, var(--bc-line) 50%, transparent);
    border-radius: var(--radius-medium);
    background: var(--anketa-bg);
    color: var(--bc-muted);
    font: 600 10px/1.3 var(--eng);
    text-transform: none;
    cursor: pointer;
    box-shadow: none;
}
#pun-main :is(.bendercard,.bb-bendercard) .bc-gift-collection .bc-collection-nav button[aria-pressed="true"] {
    background: color-mix(in srgb, var(--bc-accent2) 25%, var(--bc-panel));
    color: var(--bc-accent);
    border-color: color-mix(in srgb, var(--bc-accent2) 50%, transparent);
    box-shadow: none;
}
#pun-main :is(.bendercard,.bb-bendercard) .bc-gift-collection button:focus-visible {
    outline: 2px solid var(--bc-accent2);
    outline-offset: 2px;
}
#pun-main :is(.bendercard,.bb-bendercard) .bc-gift-collection [data-bc-gift-count], #pun-main :is(.bendercard,.bb-bendercard) .bc-gift-collection [data-bc-gift-empty] {
    margin: 0 0 12px;
    padding: 0;
    color: var(--bc-muted);
    font: 11px/1.5 var(--eng);
    text-align: left;
}
#pun-main :is(.bendercard,.bb-bendercard) .bc-gift-collection .bc-gifts {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 120px), 1fr));
    gap: 10px;
    align-items: stretch;
}
#pun-main :is(.bendercard,.bb-bendercard) .bc-gift-collection .bc-gift {
    min-width: 0;
    margin: 0;
    padding: 14px 12px;
    border: 1px solid color-mix(in srgb, var(--bc-line) 35%, transparent);
    border-radius: var(--radius-large);
    background: color-mix(in srgb, var(--bc-soft) 66%, var(--bc-panel));
    text-align: center;
}
#pun-main :is(.bendercard,.bb-bendercard) .bc-gift-collection .bc-gift-icon {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    margin: 0 auto 10px;
    padding: 9px;
    border: 1px solid color-mix(in srgb, var(--bc-accent2) 25%, transparent);
    border-radius: 18px;
    background: color-mix(in srgb, var(--bc-blue) 16%, var(--bc-panel));
    color: var(--bc-accent2);
}
#pun-main :is(.bendercard,.bb-bendercard) .bc-gift-collection .bc-gift-icon :is(svg,img) {
    display: block;
    position: static;
    width: 100%;
    height: 100%;
    min-width: 0;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    object-fit: contain;
    box-shadow: none;
}
#pun-main :is(.bendercard,.bb-bendercard) .bc-gift-collection .bc-gift-info strong {
    display: block;
    color: var(--bc-accent);
    font: 600 12px/1.4 var(--eng);
}
#pun-main :is(.bendercard,.bb-bendercard) .bc-gift-collection .bc-gift-info > span {
    display: block;
    margin-top: 5px;
    color: var(--bc-accent2);
    font: 10px/1.4 var(--eng);
    text-transform: none;
    letter-spacing: normal;
}
#pun-main :is(.bendercard,.bb-bendercard) .bc-gift-collection .bc-gift-info > p {
    margin: 9px 0 0;
    padding: 0;
    color: var(--bc-muted);
    font: italic 11px/1.55 var(--eng);
    text-align: center;
    text-indent: 0;
    white-space: pre-line;
    overflow-wrap: anywhere;
}
@media (max-width: 560px) {
    #pun-main :is(.bendercard,.bb-bendercard) .bc-gift-collection .bc-gifts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }
    #pun-main :is(.bendercard,.bb-bendercard) .bc-gift-collection .bc-gift {
        padding: 12px 8px;
    }
}
/**/ #pun-main :is(.bb-bccards, .bb-bccard, .bb-bccard *) {
    box-sizing: border-box;
}
#pun-main :is(.bb-bccards, .bb-bccard) {
    --bc-bg: var(--white2);
    --bc-panel: var(--white);
    --bc-soft: var(--white1);
    --bc-text: var(--textcolor);
    --bc-muted: var(--wordcolor);
    --bc-line: var(--bordercolor);
    --bc-accent: var(--accentcolor1);
    --bc-accent2: var(--accentcolor2);
    --bc-blue: var(--accent-light);
    --special-frame-color: var(--accentcolor2);
}
#pun-main .bb-bccards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0px, 1fr));
    gap: 11px;
}
#pun-main .bb-bccard {
    position: relative;
    min-width: 0px;
    padding: 7px 7px 12px;
    background: linear-gradient( 145deg, color-mix(in srgb, var(--bc-blue) 8%, transparent), transparent 45%, color-mix(in srgb, var(--bc-accent2) 8%, transparent) ), var(--bc-panel);
    border: 1px solid color-mix(in srgb, var(--bc-accent2) 38%, transparent);
    border-radius: var(--radius-large);
    box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--white) 13%, transparent), 0 3px 9px color-mix(in srgb, var(--bc-text) 7%, transparent);
    overflow: hidden;
}
#pun-main .bb-bccardimage {
    aspect-ratio: 4 / 3;
    display: grid;
    place-items: center;
    margin-bottom: 9px;
    color: var(--bc-muted);
    background: linear-gradient( 145deg, color-mix(in srgb, var(--bc-blue) 18%, transparent), color-mix(in srgb, var(--bc-accent2) 10%, transparent) );
    border-radius: var(--radius-small);
}
#pun-main .bb-bccard:hover .bb-bccardimage img {
    transform: scale(1.035);
}
#pun-main .bb-bccardimage {
    overflow: hidden;
}
#pun-main .bb-bccardimage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.25s;
}
#pun-main .bb-bccardnumber {
    margin-bottom: 3px;
    color: var(--bc-accent2);
    font: 600 8px/1.3 var(--eng);
    text-transform: uppercase;
    letter-spacing: 1px;
}
#pun-main .bb-bccard :is(h3, .bb-bccardtitle) {
    margin: 0px 0px 4px;
    color: var(--bc-accent);
    font: 600 14px/1.25 var(--rus);
    text-align: center;
}
#pun-main .bb-bccardrarity {
    margin-bottom: 7px;
    color: var(--bc-accent2);
    background: var(--anketa-bg);
    border-radius: var(--radius-small);
    padding: 2px;
    font: 600 8px/1.3 var(--eng);
    text-transform: uppercase;
    letter-spacing: 0.6px;
}
#pun-main .bb-bccard :is(p, .bb-bccarddescription) {
    margin: 0px 0px 8px;
    color: var(--bc-muted);
    font: 10px/1.45 var(--eng);
    text-align: justify;
}
#pun-main .bb-bccardseries {
    padding-top: 7px;
    color: var(--bc-muted);
    border-top: 1px solid color-mix(in srgb, var(--bc-line) 25%, transparent);
    font: 600 8px/1.3 var(--eng);
    text-transform: uppercase;
    letter-spacing: 0.8px;
}
#pun-main .bb-bccard.is-locked {
    filter: grayscale(0.8);
    opacity: 0.45;
}
/**/ #pun-main .bb-bccard {
    border-radius: var(--radius-medium);
    border: 1px solid color-mix(in srgb, var(--bc-line) 35%, transparent);
    background: color-mix(in srgb, var(--bc-soft) 66%, var(--bc-soft));
    box-shadow: none;
}
#pun-main .bb-bccards {
    max-height: 450px;
    overflow: hidden auto;
    align-content: start;
    scrollbar-width: thin;
    scrollbar-color: var(--bc-accent2) var(--bc-soft);
}
#pun-main .bb-bccard > .bb-bccardcopies {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    padding: 5px;
    border-radius: 20px;
    background: var(--bc-accent2);
    color: var(--bc-bg);
    font: 700 12px/1 var(--eng, sans-serif);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 6px;
}
#pun-main .bb-bccard {
    position: relative;
    isolation: isolate;
    --special-frame-color: var(--accentcolor2);
    --corner-size: 10px;
    --corner-width: 1px;
    --corner-offset: 3px;
}
/**/ #pun-main .bb-bccard::before {
    content: "";
    position: absolute;
    inset: var(--corner-offset);
    z-index: -1;
    pointer-events: none;
    border-radius: 0;
    background: linear-gradient(currentColor, currentColor) left top / var(--corner-size) var(--corner-width), linear-gradient(currentColor, currentColor) left top / var(--corner-width) var(--corner-size), linear-gradient(currentColor, currentColor) right top / var(--corner-size) var(--corner-width), linear-gradient(currentColor, currentColor) right top / var(--corner-width) var(--corner-size), linear-gradient(currentColor, currentColor) left bottom / var(--corner-size) var(--corner-width), linear-gradient(currentColor, currentColor) left bottom / var(--corner-width) var(--corner-size), linear-gradient(currentColor, currentColor) right bottom / var(--corner-size) var(--corner-width), linear-gradient(currentColor, currentColor) right bottom / var(--corner-width) var(--corner-size);
    background-repeat: no-repeat;
    color: var(--special-frame-color);
}
#pun-main .bb-bccard::before {
    -webkit-mask: none;
    mask: none;
    color: var(--special-frame-color, var(--accentcolor2));
}
/**/ #pun-main .bb-bccards > br, #pun-main .bb-bccard > br, #pun-main .bb-bccardimage > br {
    display: none;
}
#pun-main .bb-bccardimage > p {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
#pun-main .bb-bccard :is(.bb-bccardtitle, .bb-bccardnumber, .bb-bccardrarity, .bb-bccardseries, .bb-bccardcopies, .bb-bccarddescription) > p {
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
}
#pun-main .bb-bccardimage > p {
    min-height: 0;
    line-height: 0;
}
#pun-main .bb-bccardimage img {
    display: block;
    margin: 0;
}
#pun-main .bb-bccarddescription > p {
    text-align: left;
    text-indent: 0;
}
#pun-main .bb-bccard [hidden] {
    display: none;
}
@media (max-width: 700px) {
    #pun-main .bb-bccards {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
    }
}
@media (max-width: 420px) {
    #pun-main .bb-bccards {
        grid-template-columns: minmax(0px, 1fr);
    }
}
/**/ #pun-main .bb-bccard {
    --special-frame-scale-x: 125%;
}
#pun-main .bb-bccard::before {
    -webkit-mask-size: var(--special-frame-scale-x) 100%;
    mask-size: var(--special-frame-scale-x) 100%;
}
#pun-main .bb-bccard :is(.bb-bccarddescription, .bb-bccarddescription > p) {
    /**/
}
#pun-main :is(.bendercard, .bb-bendercard) .bc-card.bb-bccard, #pun-main .bb-bccard {
    border: 3px double color-mix(in srgb, var(--bc-line) 19%, transparent);
    background: var(--anketa-card);
}
#pun-main .bb-bccard {
    isolation: isolate;
}
#pun-main .bb-bccard::before {
    inset: 3px;
    z-index: 0;
    -webkit-mask: none;
    mask: none;
}
#pun-main .bb-bccard > * {
    position: relative;
    z-index: 1;
}
#pun-main .bb-bccard > :is(.bc-card-copies, .bb-bccardcopies) {
    position: absolute;
    z-index: 2;
}