/* Plaque, background and character icon. Declarations come from quadro/Структура style.css.txt.
   Light family only: basic and sylv get the same rules from designs/foundation.css.
   The source anchors the background to ul.position:relative; here .post_author is the anchor. */
body[data-rift-view=rift].light :is(.post_author,.fitting-block-prof) li.pa-fld3 {
  position:relative;z-index:6;width:100%;height:0;left:-14px;top:-48px;list-style:none;text-align:center;
}
body[data-rift-view=rift].light charinfo {position:relative;display:inline-block;left:101px;top:40px}
body[data-rift-view=rift].mobile.light charinfo {top:-35px;left:-20px}
body[data-rift-view=rift].light #container.rift-profile charinfo {position:static}
body[data-rift-view=rift].light charicon {
  width:43px;height:43px;border-radius:34px;cursor:pointer;display:flex;justify-content:center;
  box-sizing:border-box;padding:5px 15px;box-shadow:none;align-items:center;border:1px solid transparent;
  background:rgb(29 36 36 / 70%);background-origin:border-box;background-clip:padding-box,border-box;
  background-image:linear-gradient(#b0bdb6,#65746c),radial-gradient(circle at top left,#eafff5,#395c57);
  backdrop-filter:blur(5px);
}
body[data-rift-view=rift].light charicon.hasbg {border:none;background:none;background-image:none;backdrop-filter:none}
/* All designs: MyBB's .scaleimages limit would squeeze the icon into the padded content box. */
body[data-rift-view=rift] .post_author charicon > img {max-width:none}
body[data-rift-view=rift].light charicon > img {width:43px;height:43px;object-fit:contain;border-radius:50%;overflow:visible}
body[data-rift-view=rift].light chardesc {
  position:absolute;top:100%;left:1px;display:block;gap:5px;transform:translate(35px,0);width:170px;
  background:rgba(0,0,0,.7);backdrop-filter:blur(7px);border:solid 1px #8b8686;border-radius:8px;color:#fff;
  z-index:-1;text-align:center;padding:10px;opacity:0;visibility:hidden;transition:opacity .3s,transform .3s;
}
body[data-rift-view=rift].light chardesc a {display:contents;font-weight:700;color:#bff7f0}
body[data-rift-view=rift].light charinfo:hover chardesc {opacity:1;visibility:visible;transform:translate(35px,-25px)}

body[data-rift-view=rift].light :is(.post_author,.fitting-block-prof) .pa-fld6 {width:217px;margin-left:-2px;list-style:none}
/* Measured: source image-to-plaque distance is 18px; the avatar block here adds 3px. */
body[data-rift-view=rift].light:not(.mobile) .post_author .pa-fld6 {margin-top:-3px}
body[data-rift-view=rift].light .pa-fld6 abbr {text-decoration:none}
body[data-rift-view=rift].light :is(.post_author,.fitting-block-prof) .pa-fld6 > img {
  position:absolute;bottom:0;left:0;width:100%;height:auto;min-height:250px;max-width:none;max-height:calc(100% - 21px);
  z-index:-1;pointer-events:none;mask-image:linear-gradient(to top,black 180px,black 185px,black,transparent);
  filter:contrast(.7) grayscale(30%);
}
/* The preview has the source's positioned ul, so the source limit applies; post 542739 sets bottom. */
body[data-rift-view=rift].light .fitting-block-prof .pa-fld6 > img {max-height:-webkit-fill-available}
body[data-rift-view=rift].light plaque {
  display:flex;flex-direction:column;height:40px;color:#fff;width:215px;margin:10px auto 12px;align-items:center;
  position:relative;pointer-events:none;justify-content:center;box-shadow:0 0 4px 0 #292f30;transition:opacity .5s;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(314deg,#1c2525c7 0%,#e1e3e1bf 126%) border-box;
  border:1px solid transparent;outline:4px double #738a86;outline-offset:-6px;border-radius:4px;overflow:hidden;box-sizing:content-box;
}
body[data-rift-view=rift].light plaque :is(fline,sline) {
  pointer-events:none;position:relative;z-index:1;
  text-shadow:1px 1px 2px black,-1px -1px 2px black,1px 1px 4px black,-1px -1px 4px black,1px 1px 4px black,-1px -1px 4px black;
}
body[data-rift-view=rift].light plaque fline {font:400 14px Playfair,serif;transition:opacity .5s}
body[data-rift-view=rift].light plaque sline {font:100 9px/13px verdana;transition:opacity .5s}
body[data-rift-view=rift].light plaque img {
  position:absolute;width:100%;height:100%;max-width:none;object-fit:cover;z-index:0;transition:filter .3s;
  filter:contrast(.8) grayscale(.3) brightness(.8) sepia(.3) hue-rotate(15deg);
}
body[data-rift-view=rift].light plaque img#fillit {height:120%;object-fit:fill}
body[data-rift-view=rift].light plaque#cold img {filter:contrast(.6) grayscale(.01) brightness(1) saturate(.6) sepia(.3) hue-rotate(168deg)}
body[data-rift-view=rift].light plaque#nofilter img {filter:contrast(.8) grayscale(.3) brightness(.8)}
body[data-rift-view=rift].light plaque::before {
  content:'';position:absolute;width:100%;height:100%;background:linear-gradient(346deg,#3f4e4f61,#1e2622a1);
}
body[data-rift-view=rift].light .pa-fld6 abbr:hover plaque img {filter:none;transition:filter .3s}
body[data-rift-view=rift].light .pa-fld6 abbr:hover :is(fline,sline) {opacity:0;transition:opacity .5s}