/* Shared post grid; designs supply geometry, scripts supply state. */
body[data-rift-view=rift] #container.rift-viewtopic #posts .post.classic {
    grid-template-columns: var(--rift-author-column) minmax(0, 1fr);
}
/* Script/markup states are independent of the selected artwork/layout.
   This component owns hidden-author geometry for ALL registered designs.
   Do not copy these selectors into a design stylesheet. */
body[data-rift-view=rift] #container.rift-viewtopic #posts .post.classic:has([data-hide-profile="1"]) {
    grid-template-columns: minmax(0, 1fr);
}
body[data-rift-view=rift] #container.rift-viewtopic #posts .post.classic:has([data-hide-profile="1"]) > :is(.rift-author-track, .post_author) {
    display: none;
}
body[data-rift-view=rift] #container.rift-viewtopic #posts .post.classic:has([data-hide-profile="1"]) > .post_content {
    grid-column: 1 / -1;
    width: auto;
    box-sizing: border-box;
}
body[data-rift-view=rift] #container.rift-viewtopic #posts .post.classic:has([data-hide-profile="1"]) > .rift-heart-rating {
    grid-column: 1 / -1;
}
body[data-rift-view=rift] #container.rift-viewtopic #posts .post.classic:has([data-hide-profile="1"]) > .rift-source-post-heading > .post_head {
    margin-left: 0;
}
body[data-rift-view=rift] .rift-anchor {color:inherit}
body[data-rift-view=rift] .rift-added {margin:10px 0;font-size:.9em;font-style:italic;opacity:.7}
/* Topic rating: the four-pointed star of the forum banner instead of MyBB's yellow sprite. */
body[data-rift-view=rift] {
  --rift-rate-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0c.7 4.6 2.4 6.9 8 8-5.6 1.1-7.3 3.4-8 8-.7-4.6-2.4-6.9-8-8 5.6-1.1 7.3-3.4 8-8z'/%3E%3C/svg%3E");
  --rift-rate-empty:rgba(97,121,117,.3);--rift-rate-full:rgb(97,121,117);--rift-rate-hover:rgb(180,50,50);
}
body[data-rift-view=rift].sylv {--rift-rate-empty:rgba(128,110,72,.3);--rift-rate-full:rgb(128,110,72)}
body[data-rift-view=rift].basic {--rift-rate-empty:rgba(86,8,3,.25);--rift-rate-full:rgb(86,8,3)}
body[data-rift-view=rift] .rift-topic-rating {margin-top:3px}
body[data-rift-view=rift] .star_rating {width:70px;height:14px;margin:0;background:none}
body[data-rift-view=rift] .star_rating::before {content:"";position:absolute;inset:0;background:var(--rift-rate-empty);-webkit-mask:var(--rift-rate-star) left/14px 14px repeat-x;mask:var(--rift-rate-star) left/14px 14px repeat-x}
body[data-rift-view=rift] .star_rating .current_rating {height:14px;background:var(--rift-rate-full);-webkit-mask:var(--rift-rate-star) left/14px 14px repeat-x;mask:var(--rift-rate-star) left/14px 14px repeat-x}
body[data-rift-view=rift] .star_rating li a {height:14px}
body[data-rift-view=rift] .star_rating li a:hover {background:var(--rift-rate-hover);-webkit-mask:var(--rift-rate-star) left/14px 14px repeat-x;mask:var(--rift-rate-star) left/14px 14px repeat-x}
/* Member list: nickname search beside the title, Russian alphabet on the right. */
body[data-rift-view=rift] .rift-member-heading {display:flex;align-items:center;gap:14px}
body[data-rift-view=rift] .thead:has(.rift-member-heading) .float_right a {padding:3px}
/* Hotkey help of the reply form. */
body[data-rift-view=rift] #hotkeys_wrap{
    background: rgb(18 18 18 / 1);
    border-top: 1px solid rgb(255 255 255 / .12);
    position: fixed;
    z-index: 100;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 32px 0;
    display: none;
    color: rgb(255 255 255 / .87);
}
body[data-rift-view=rift] #hotkeys{
    width: 1096px;
    margin: 0 auto;
    padding: 0 80px;
    box-sizing: border-box;
    display: flex;
}
body[data-rift-view=rift] #hotkeys .column{
    width: 100%;
}
body[data-rift-view=rift] #hotkeys .column:not(:last-child){
    padding-right: 64px;
}
body[data-rift-view=rift] #hotkeys .item{
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 2px 0;
    margin: 0 4px 6px 0;
}
body[data-rift-view=rift] #hotkeys .tooltip_extra{
    opacity: .6;
}
body[data-rift-view=rift] #hotkeys p{
    display: inline-block;
    font: bold 16px "Inter", verdana, sans-serif;
    margin-bottom: 16px;
    padding: 2px 8px;
    background: rgb(255 255 255 / .87);
    color: rgb(18 18 18 / 1);
    border-radius: 4px;
    border: 2px solid rgb(18 18 18 / 1);
    box-shadow: 2px 3px 0 rgb(255 255 255 / .87);
    transition: box-shadow .2s ease, transform .2s ease;
}
body[data-rift-view=rift] #hotkeys p:hover{
    box-shadow: 0 0 0 rgb(255 255 255 / .87);
    transform: translate(2px, 3px);
    cursor: default;
}
/* Who is reading: computed values of the source #topic-users-in, same in all designs. */
body[data-rift-view=rift] .rift-browsing-row {padding:0;border:0;background:none}
body[data-rift-view=rift] .rift-browsing-row:empty {display:none}
body[data-rift-view=rift] .rift-browsing {display:block;margin:10px 0 0;font:300 13px Playfair;color:rgb(14,11,7);text-align:left}
body[data-rift-view=rift] .rift-browsing a :is(span,strong,em) {color:inherit;font:inherit}
/* A character's embedded tracker must remain readable beside desktop mini-profiles. */
@media(max-width:540px) {
    body[data-rift-view=rift] #container.rift-viewtopic #posts .post.classic:has(.rift-tracker) {
        grid-template-columns: minmax(0, 1fr);
    }
    body[data-rift-view=rift] #container.rift-viewtopic #posts .post.classic:has(.rift-tracker) > :is(.post_content, .rift-heart-rating, .rift-source-post-heading) {
        grid-column: 1 / -1;
        width: auto;
        box-sizing: border-box;
    }
}
