@charset "windows-1251"; /*кодировка*/
@import url('style_cs.1790335511.css');
@import url('https://style.directory/file/template/extra21.css');
@import url('https://style.directory/file/template/gameStyle.css');
@import url('https://style.directory/file/template/gameMafia.css'); /*игровой стол*/




@import url('https://fonts.googleapis.com/css2?family=Frijole&display=swap'); /*LOGOTYPE*/
@import url('https://fonts.googleapis.com/css2?family=Bellota+Text:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');/*подключение основного шрифта 'Bellota Text' */

@import url('https://fonts.googleapis.com/css2?family=Festive&display=swap'); /*подключение мультяшного шрифта 'Festive'*/
@import url('https://fonts.googleapis.com/css2?family=Tektur:wght@400..900&display=swap'); /*подключение вытянутого шрифта 'Tektur' */
@import url('https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Londrina+Sketch&display=swap');
@font-face {font-family: Algerian;
  src: local("Algerian"), url(/files/001c/96/19/97998.ttf);}




#pun-index h1 {font-family: 'Algerian'; font-size: 6rem; color: #cd2626;}



/*H1*/
/*стартовая страница*/
#pun-index .main h1 span {display: none;}
#pun-index .main h1:after {content: 'MAFiA';}
#pun-main h1 {color: var(--fontCLogo); letter-spacing: 0.2rem; text-transform: uppercase; font-size: 2rem; text-align: center; text-shadow: 2px 1px 5px black; grid-column: span 2;}


/*CATEGORY*/
.category h2 {color: #c5b9c0c4; font-size: 2rem; text-transform: lowercase; font-family: 'tektur'; letter-spacing: 0.1rem; text-shadow: 2px 2px 5px #000; justify-self: center;}
.isguest .category, .isuser .category {border: 1px solid #ffe1e187; border-radius: 1rem; width: -webkit-fill-available; background: #ffffff1a; box-shadow: 2px 2px 5px #000;}
.ismoderator .category-2 {border-color: green; background: #4e704b78;}
.ismoderator .category-2 h2 {color: green;}
.isadmin .category-1 {border-color: yellow; background: #f1ef893d;}
.isadmin .category-1 h2 {color: #ffff84b0;}
.category table {width: 100%;}
.category table thead {display: none;}

#pun-index .main {display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: auto; justify-items: center;}
.category {grid-column: span 2; margin: 1rem; padding: 1rem;}
.ismoderator category-2 {grid-column: span 2;}
.isadmin .category-1, .ismoderator.isadmin .category-2 {grid-column: span 1;}

/*НОВЫЕ СООБЩЕНИЯ*/
.inew .acchide {display: none;} /*временно отключено*/


/*CARD Stilization*/
#pun-index tbody.hasicon {display: flex; justify-content: center;}
#pun-index .category-4 tr {width: 15rem; height: 26rem; border: 1px solid red; border-radius: 1rem; margin: 1rem; padding: 1rem;
    display: flex; flex-direction: column; align-items: center; position: relative;}





/*CARD GAME OVER*/
#forum_f8 h3 a {color: #dd0606d9;}
#forum_f8 h3 a:hover {color: #ff0000d9;}
tr#forum_f8 {
    background: url(https://forumstatic.ru/files/001c/96/19/35694.svg) no-repeat center bottom #000;
    background-size: 145%;
    box-shadow: -18px -18px 20px inset #000, 18px -18px 20px inset #000, 2px 2px 5px #000;
}
#pun-index .category-4 td.tcl {font-size: 1.5rem;}
#pun-index .category-4 td.tc2:before {content: 'отыграно игр: ';}
#pun-index .category-4 td.tc3:before {content: ' игровых сообщений: ';}
#pun-index .category-4 td.tcr {
    /*justify-self: flex-end;*/
    position: absolute;
    bottom: 0.8rem;
    background: #000000d6;
    width: 90%;
    padding: 0.3rem;
    border-radius: 0.6rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#pun-index .category-4 /*forum_f8*/ .tcr .user-avatar {position: absolute; top: -1.8rem; left: 0;}
#pun-index .category-4 /*forum_f8*/ .tcr a.lastpost-link {width: 100%; text-align: center;}



/*GLOBAL*/
* {margin: 0; padding: 0;}
a, a:hover, a:visited, a:active {text-decoration: none;}
ul li {list-style-type: var(--lstLi);} /*маркированные списки*/
.divider {display: none;} /*удаление hr*/






/*HTML*/
html {font-family: var(--fontText); font-size: var(--base); color: #adadad;}
.main a {color: #ffe9efd9; font-weight: 600; font-family: 'Tektur'; text-transform: lowercase;}
.main a:hover {color: #f5cfd9d9;}




/* BODY */
body {background: var(--canvas);}


/*КОНТЕНТ*/
.punbb {margin-top: 4rem;}


/*LOGOTYPE*/
.title-logo span {
    font-family: var(--fontFLogo);
    font-style: normal;
    font-weight: 400;
    font-size: var(--fontSLogo);
    line-height: var(--lhLogo);
    color: var(--fontCLogo);
    filter: var(--FilterLogo);
    position: fixed;
    top: -1.2rem;
    left: 5rem;
    z-index: 12;
}


/*ЗАКЛАДКИ*/
#BookmCntToggle {z-index:12!important;}



/*MENU*/
#pun-navlinks h2, #pun-ulinks h2 {display: none;}
div#pun-navlinks, div#pun-ulinks {position: fixed; width: 100%; backdrop-filter: var(--filterBGmenu); background: var(--colorBGmenu);}
div#pun-navlinks, div#pun-ulinks, #pun-navlinks ul, #pun-ulinks ul {display: flex;}
#pun-navlinks ul, #pun-ulinks ul, #pun-adnav ul {font-family: var(--fontMenu); }
/*форумное меню*/
div#pun-navlinks {justify-content: var(--posflMenuF); top: 0; z-index: 11;} /*вынести положение меню в переменные*/
#pun-navlinks ul {text-transform: var(--ttMenuFor); font-size: var(--fsizeMFor);}
#pun-navlinks ul li {border: var(--borderMFNA); margin: var(--margPMenuF); padding: var(--padPMenu); }
#pun-navlinks a {color: var(--colorMFlink);}
#pun-navlinks a:hover {color: var(--colorLinkMAH);}
#pun-navlinks ul li.isactive {border: var(--borderMFAP); background-color: var(--colorBGpMAP);}
#pun-navlinks ul li.isactive a {color: var(--colorLinkMAP);}
/*пользовательское меню*/
div#pun-ulinks {justify-content: var(--posflMenuU); top: 2rem; padding-bottom: 0.5rem; box-shadow: 2px 2px 5px #83838375; z-index: 10;} /*вынести положение меню в переменные*/
#pun-ulinks ul {text-transform: var(--ttMenuUser); font-size: var(--fsizeMUser); border-top: var(--bodMin); border-bottom: var(--bodMin);}
#pun-ulinks ul li {margin: var(--margPMenuU);}
#pun-ulinks a {color: var(--colorMUlink);}
/*административное меню*/
#pun-adnav ul {text-transform: var(--ttMenuAdm); font-size: var(--fsizeMAdm);}
div#pun-adnav ul.adsubnav {text-transform: var(--ttMenuAdSub);}



@charset "UTF-8";
.topicpost .post-author  /*.topic-starter*/   {display: none;} /*скрытие автора в первом сообщении*/

/*игровой стол*/
.table {background:  #545454;
    padding: 0.5rem;
    border: 1px solid #b51919;
    border-radius: 1rem;
    display: grid;
    justify-items: center;
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: repeat(25, 1.5rem);
    grid-auto-flow: dense;
    grid-gap: 0.5rem;
}


div.leader {
    border: 1px solid #fff;
    height: min-content;
    border-radius: 0.5rem 0;
    background: #297e2ea6;
    padding: 0 0.5rem;
    color: #f7e136;
}

div.winner {
/*  grid-column: 9 / span 2;*/
    justify-self: right;
    font-family: 'Tekture';
    color: #fb8686;
    border: 2px solid #ef0a0a;
    font-size: 1rem;
    padding: 0.2rem 0.6rem;
    height: max-content;
    text-transform: uppercase;
    background: #9d48488f;
    rotate: 10deg;
/*удалить*/
    grid-row: 5/ span 3;
    grid-column: 6 / span 2;
}
div.GameStatistics {
    grid-column: 9 / span 2;
    grid-row: span 9;
    background: #e9d53c29;
    border: 1px solid #ebe31c9c;
    width: 80%;
    border-radius: 1rem;
    padding: 1rem;
    position: relative;
}
div.GameStatistics .title {
    position: absolute;
    top: -1.5rem;
    left: -1rem;
    rotate: -10deg;
    font-family: 'Tekture';
    text-transform: capitalize;
    color: #068f18;
    font-weight: 900;
    font-size: 1.5rem;
    background-color: #c1c1c1d1;
    padding: 0 0.8rem;
}
div.inGame {
    border: 1px solid;
    padding: 0.5rem;
    display: grid;
    grid-template-columns: 25% 75%;
    grid-auto-rows: auto;    
}
div.subtitle {
    grid-column: span 2;
    font-weight: bolder;
    text-transform: uppercase;
    text-align: center;
    font-family: "Belota Text";
    color: #c9c9c9;
}
.inGameNegPlayer {grid-row: span 2;}
.inGamePosPlayer {grid-row: span 4;}
.playerEnd p {grid-column: span 2;}

div.Negative {
    border-color: #f16868;
    background: #c900002e;
}

div.Positive {
    border-color: #52a34c;
    background: #215600a1;
    margin: 0.5rem 0;
}

div.playerEnd {
    border-color: #999292;
    background: #403c3c9c;
}

div.table.gamer_12 .cardsGame {
    grid-row: 3/span 21;
    grid-column: 1/span 4;
    background: #ffdede12;
    width: calc(100% - 4rem);
    height: 100%;
    border: 2px solid #5a4a4a;
    box-shadow: 0 2px 5px #00000038;
    display: grid;
    justify-items: center;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(21, 1.5rem);
    grid-auto-flow: dense;
    grid-gap: 0.5rem;
    padding: 1rem;
}

.gamer_12 .card {
    grid-row: span 7;
    width: 90%;
    border: 1px solid #d90000;
    border-radius: 0.8rem;
    position: relative;
    background: url(https://forumstatic.ru/files/001c/96/19/10794.png) no-repeat #141117;
    background-size: 150%;
    background-position-x:-4.3em;
    background-position-y: 4rem;
    color: #e7e7e7;
    letter-spacing: 0.1rem;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    text-transform: uppercase;
    font-family: "Belota Text";
}

.gamer_12 .boss:after {content: 'босс мафии'; padding: 0.3rem;}
.gamer_12 .mafia:after {content: 'мафия'; padding: 0.3rem;}
.gamer_12 .detective:after {content: 'детектив'; padding: 0.3rem;}
.gamer_12 .doctor:after {content: 'доктор'; padding: 0.3rem;}
.gamer_12 .lovely:after {content: 'красотка'; padding: 0.3rem;}
.gamer_12 .maniac:after {content: 'маньяк'; padding: 0.3rem;}
.gamer_12 .citizen:after {content: 'житель'; padding: 0.3rem;}


.players {
    grid-column: span 7;
    grid-row: span 2;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    width:100%;
    align-self: center;
}
.players img {
    height: 3rem;
    border: 1px solid;
    border-radius: 0.5rem;
    box-shadow: 0 2px 5px #0000007d;
    position: absolute;
    bottom: 0.5rem;
}

div.players div {
    width: 100%;
}
.players div p {
    position: relative;
    display: flex;
    justify-content: center;
    height: 4rem;
}
.players div a {
    width: 90%;
    position: absolute;
    bottom: 0;
    background: #000;
    text-align: center;
    border-radius: 0.3rem;
    overflow: hidden;
    height: 1.2rem;
    font-size: 0.8rem;
}

.post-links ul {
    display: flex;
    margin: 0 1rem;
}
.post-links ul li {
    margin: 0 1rem;
    border: 1px solid #bb0000;
    padding: 0 1rem 0.3rem;
    background-color: #ffa7a75c;
    border-radius: 0 0 0.5rem 0.5rem;
}

.post-body, .post-content {position: relative;}
.reactions-root {position: absolute; bottom: 0.5rem; right: 5rem;}
.post-rating {position: absolute; bottom: 0.3rem; right: 2rem;}





/*defeat*/
.players .active {filter: drop-shadow(0 2px 5px #559319b0);}
.players .defeat img {filter: grayscale(100);}
.players .defeat {filter: drop-shadow(0 2px 5px #b31010c9);}
div.card.player12.defeat {background: url(https://forumavatars.ru/img/avatars/001b/ff/2a/116-1763026908.png) no-repeat #141117; background-position-x: center; background-position-y: top;}
div.card.player11.defeat {background: url(https://forumavatars.ru/img/avatars/001b/ff/2a/262-1763296165.jpg) no-repeat #141117; background-position-x: center; background-position-y: top;}
div.card.player10.defeat {background: url(https://forumavatars.ru/img/avatars/001b/ff/2a/685-1763377625.png) no-repeat #141117; background-position-x: center; background-position-y: top;}
div.card.player9.defeat {background: url(https://forumavatars.ru/img/avatars/001b/ff/2a/216-1757489787.png) no-repeat #141117; background-position-x: center; background-position-y: top;}
div.card.player8.defeat {background: url(https://forumavatars.ru/img/avatars/001b/ff/2a/912-1761134174.jpg) no-repeat #141117; background-position-x: center; background-position-y: top;}
div.card.player7.defeat {background: url(https://forumavatars.ru/img/avatars/001b/ff/2a/283-1760825167.png) no-repeat #141117; background-position-x: center; background-position-y: top;}
div.card.player6.defeat {background: url(https://forumavatars.ru/img/avatars/001b/ff/2a/351-1746284214.png) no-repeat #141117; background-position-x: center; background-position-y: top;}
div.card.player5.defeat {background: url(https://forumavatars.ru/img/avatars/001b/ff/2a/204-1763021826.jpg) no-repeat #141117; background-position-x: center; background-position-y: top;}
div.card.player4.defeat {background: url(https://forumavatars.ru/img/avatars/001b/ff/2a/670-1756370552.jpg) no-repeat #141117; background-position-x: center; background-position-y: top;}
div.card.player3.defeat {background: url(https://forumavatars.ru/img/avatars/001b/ff/2a/848-1741622401.png) no-repeat #141117; background-position-x: center; background-position-y: top;}
div.card.player2.defeat {background: url(https://forumavatars.ru/img/avatars/001b/ff/2a/1379-1761079947.png) no-repeat #141117; background-position-x: center; background-position-y: top;}
div.card.player1.defeat {background: url(https://forumavatars.ru/img/avatars/001b/ff/2a/1207-1758826019.gif) no-repeat #141117; background-position-x: center; background-position-y: top;}