/* Постописцы: header avatars and the leaders page (rift_postscribes.php).
   Header: «Цвета style_cs» #active/.fon and the .hidder of «HTML верх», whose inline style (top 402px, height 28px,
   cursor alias) is what the old forum computes. One rule for every design; basic.css, sylv.css and mobile.css
   keep their own positions and frames. Names and counts use the common #rift-tooltip, not the old tipsy. */
body[data-rift-view="rift"] #active{
    position: absolute;
    top: 438px;
    left: 250px;
    height: 65px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    gap: 5px 8px;
}
body[data-rift-view="rift"] .fon{
    width: 58px;
    height: 63px;
    box-shadow: none;
    filter: grayscale(1) brightness(1.2) contrast(0.7);
    border-radius: 50%;
    transition: filter 0.5s ease-in-out, transform 0.2s ease-in-out;
    background-position: 50% 5% !important;
    background-size: cover !important;
    border: solid 1px #80808059;
}
body[data-rift-view="rift"] .fon:hover{
    filter: none;
    transform: scale(1.1);
}
body[data-rift-view="rift"] .hidder{
    position: absolute;
    padding: 0 !important;
    width: 154px;
    height: 28px;
    top: 402px;
    left: 310px;
    z-index: 100000;
    cursor: alias;
}
body[data-rift-view="rift"] .inner_hide{
    position: absolute;
    width: 398px;
    height: 90px;
    top: 25px;
    left: -107px;
    background: url(https://upforme.ru/uploads/001b/d9/4a/745/94725.gif) 0 0 no-repeat;
}
body[data-rift-view="rift"].mobile .inner_hide{
    display: none;
}
/* The menu item has no Quadro original: the phone icon rows get a glyph of their own font. */
body[data-rift-view="rift"].mobile.light #rift-original-menu li#navpostscribes a::before{content:"\f080";}
@media screen and (max-width: 540px){body[data-rift-view="rift"].mobile.sylv li#navpostscribes a::before{content:"\f20c";}
/* sylv.css lifts the row 352px from the top of Quadro's header; here the announcement comes first, so the row
   stays in flow above the links strip, 16px over it as on the old forum (avatars 53px tall). */
body[data-rift-view="rift"].mobile.sylv .rift-announcement > #active{top:0;height:53px;margin-bottom:16px;}}

/* Leaders page: the counter script's .table_GamePosts as the old forum computes it, four cards two by two. */
.rift-postscribes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 21px;margin:16px 0;}
.rift-postscribes-card{display:flex;flex-direction:column;align-items:center;gap:16px;min-width:0;}
.rift-postscribes .table_GamePosts{width:100%;table-layout:fixed;border-collapse:collapse;background:#ffffff1c;color:#000;font:11px Verdana,sans-serif;text-align:left;}
.rift-postscribes .rift-postscribes-count{width:21%;}
.rift-postscribes .table_GamePosts th{padding:7px 1em;height:30px;background:url(https://i.imgur.com/P0bTPBp.png) 50% 50% no-repeat;color:#fff;font:500 25px NARZISS,RiftTitle;text-transform:uppercase;text-align:center;border-radius:3px;}
.rift-postscribes .table_GamePosts td{padding:8px 1em 10px;border:1px solid #685f5c5e;border-radius:2px;}
.rift-postscribes .table_GamePosts tr:nth-child(odd){background:#ffffff59;}
.rift-postscribes .table_GamePosts tr.first{transition:background 0.3s ease-in-out,filter 0.3s ease-in-out,color 0.3s ease-in-out;}
.rift-postscribes .table_GamePosts tr.first:hover{background:#876b5c8c;filter:saturate(1.5) drop-shadow(0px 0px 8px white);}
.rift-postscribes .table_GamePosts tbody:hover tr:hover td{color:black;}
.rift-postscribes .table_GamePosts .rift-postscribes-total{color:navy;font:500 18px "Alegreya SC",RiftSC;filter:contrast(1.5);text-shadow:#ffffff8c 1px 1px 2px;}
.rift-postscribes .rift-postscribes-place{float:left;width:29px;}
.rift-postscribes-card:not(.is-open) tr.Hid{display:none;}
.rift-postscribes-card:has([data-rift-postscribes-more]) th{cursor:pointer;}
@media(max-width:650px){.rift-postscribes{grid-template-columns:minmax(0,1fr);}}