@charset "windows-1251";
@import url("https://fonts.googleapis.com/css2?family=Kurale&family=Lora:ital,wght@0,400..700;1,400..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@import url(style_cs.1792014577.css);

@import url(https://forumstatic.ru/files/001c/25/f9/12061.css?v=182) screen and (max-width:800px);

@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;
}

@media (min-width:801px) {
  :root {
    --pun-width: 1100px;
    --profile-width: 270px;
    --profile-nav: 180px;
    --main-border-radius: 3px;
    --secondary-border-radius: 6px;
    --padding-punbb: 3rem;
  }



  

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,h7,h8,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin:0;
    padding:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
  }

  tr,th,td {
    margin:0;
    padding:0;
    font-size:100%;
    font:inherit;
  }

  article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display:block;
  }

  ol,ul {
    list-style:none;
  }

  blockquote,q {
    quotes:none;
  }

  blockquote:before,blockquote:after,q:before,q:after {
    content:none;
  }

  table {
    border-collapse:collapse;
    border-spacing:0;
  }

  main {
    display:block;
  }

  hr {
    box-sizing:content-box;
    height:0;
    overflow:visible;
  }

  abbr[title] {
    text-decoration:underline dotted;
  }

  b,strong {
    font-weight:bold;
  }

  i,em {
    font-style:italic;
  }

  code,kbd,samp {
    font-family:monospace;
    font-size:1em;
  }

  small {
    font-size:80%;
  }

  sub,sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline;
  }

  sub {
    bottom:-0.25em;
  }

  sup {
    top:-0.5em;
  }

  button,input,optgroup,select,textarea {
    font-family:inherit;
    margin:0;
  }

  button,input {
    overflow:visible;
  }

  button,select {
    text-transform:none;
  }

  button,[type="button"],[type="reset"],[type="submit"] {
    -webkit-appearance:button;
    appearance:button;
  }

  button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
    padding:0;
  }

  fieldset {
    padding:calc(var(--space-0-4rem)*var(--forum-padding-density)) calc(var(--space-0rem)*var(--forum-padding-density)) calc(var(--space-1rem)*var(--forum-padding-density));
  }

  progress {
    vertical-align:baseline;
  }

  textarea {
    overflow:auto;
  }

  [type="checkbox"],[type="radio"] {
    box-sizing:border-box;
    padding:0;
  }

  [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
    height:auto;
  }

  [type="search"] {
    -webkit-appearance:textfield;
    appearance:textfield;
    outline-offset:-2px;
  }

  [type="search"]::-webkit-search-decoration {
    -webkit-appearance:none;
  }

  ::-webkit-file-upload-button {
    -webkit-appearance:button;
    font:inherit;
  }

  details {
    display:block;
  }

  summary {
    display:list-item;
  }

  template {
    display:none;
  }

  [hidden] {
    display:none;
  }

  .acchide,#pun-index #pun-main h1,#pun-navlinks h2,#pun-status h2,#pun-ulinks h2,.punbb .forum h2,.punbb .multipage .topic h2,.punbb dl.post-sig dt span,.punbb p.crumbs strong,.punbb .divider hr,.punbb .required label em,.punbb .formsubmit label,.punbb .submitfield label,.punbb .modmenu label,#pun-userlist .main h2 {
    position:absolute;
    font-size:0;
    height:0;
    width:0;
    line-height:0;
    padding:0;
    overflow:hidden;
  }

  .punbb .clearer {
    display:block;
    clear:both;
    height:0;
    font-size:0;
  }

  .divider {
    display:none;
  }

  html * {
    text-size-adjust:none;
    -webkit-text-size-adjust:none;
  }

  html {
    font-size:62.5%;
  }

  body {
    scrollbar-gutter:stable both-edges;
    line-height:1.4;
    font-family:Verdana,Tahoma,Arial,system-ui,sans-serif;
    font-weight:400;
    font-style:normal;
    font-size:1.2rem;
  }

  [id="pun"],[id="pun"] * {
    box-sizing:border-box;
  }

  a {
    text-decoration:none;
    -moz-transition:0.12s linear;
    transition:0.12s linear;
  }

  @-moz-document url-prefix() {
    * {
      scrollbar-width:thin;
    }
  }

  *::-webkit-scrollbar {
    width:10px;
    height:8px;
  }

  #pun *::-webkit-scrollbar {
    width:5px;
    height:5px;
    border-radius:var(--radius-0px);
  }

  #pun *::-webkit-scrollbar-thumb {
    border-radius:var(--radius-2px);
  }

  .post-content .highlight-text {
    padding:0 calc(var(--space-6px)*var(--forum-padding-density));
    border-radius:var(--main-border-radius);
  }

  h1 {
    text-align:center;
    font-size:clamp(1.4rem,(1vw + 1.3rem),3.2rem);
    font-family:Trebuchet Ms,Tahoma,Arial,sans-serif;
  }

  h2 {
    margin:var(--space-0-2rem) var(--space-0rem);
    padding:calc(var(--space-0-4rem)*var(--forum-padding-density)) calc(var(--space-0-4rem)*var(--forum-padding-density));
    text-align:center;
    font-size:clamp(1.4rem,(1vw + 0.5rem),1.8rem);
    font-family:Trebuchet Ms,Tahoma,Arial,sans-serif;
  }

  h3 {
    margin:var(--space-0-2rem) var(--space-0rem);
    padding:calc(var(--space-0-2rem)*var(--forum-padding-density)) calc(var(--space-0rem)*var(--forum-padding-density));
    font-size:clamp(1.2rem,(1vw + 0.1rem),1.5rem);
    font-family:Trebuchet Ms,Tahoma,Arial,sans-serif;
  }

  table {
    width:100%;
  }

  thead {
    font-size:1rem;
    opacity:0.85;
  }

  thead th {
    padding:calc(var(--space-4px)*var(--forum-padding-density));
  }

  .punbb .main td {
    padding:calc(var(--space-1rem)*var(--forum-padding-density)) calc(var(--space-0-5rem)*var(--forum-padding-density));
  }

  .usertable {
    margin:var(--space-0-5rem) auto;
  }

  hr,.post-content hr {
    margin:var(--space-1-5rem) auto var(--space-1-4rem)!important;
    width:80%;
    opacity:1!important;
  }

  * img {
    width:auto;
    max-width:100%;
    height:auto;
    object-fit:cover;
  }

  img.postimg {
    vertical-align:middle;
    max-height:2000px;
    max-width:100%;
    width:auto;
    height:auto;
  }

  .scrollbox {
    overflow:auto;
  }

  legend {
    margin:auto auto var(--space-0px) var(--space-2rem);
    text-align:left;
    text-transform:lowercase;
    font-size:1.1rem;
    font-weight:400;
    letter-spacing:0.02rem;
    opacity:0.9;
  }

  legend span {
    padding:calc(var(--space-0-3rem)*var(--forum-padding-density)) calc(var(--space-0-6rem)*var(--forum-padding-density));
  }

  legend span:before,legend span:after {
    display:inline-block;
  }

  legend span:before {
    content:"(";
    margin-right:var(--space-0-3rem);
  }

  legend span:after {
    content:")";
    margin-left:var(--space-0-3rem);
  }

  [id="pun-edit"] legend,legend.warntext {
    padding:calc(var(--space-1rem)*var(--forum-padding-density))0;
  }

  [id="post.container"][method="post"] legend {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    position:relative;
    right:0px;
    left:0px;
    width:calc(100% - var(--padding-punbb)*2);
  }

  .fs-box {
    margin:var(--space-0-6rem) var(--space-0-7rem) var(--space-0-4rem);
  }

  .tooltipsy {
    max-width:300px;
  }

  button,input,optgroup,select,textarea {
    line-height:1;
    font-size:1.2rem;
    border-radius:var(--main-border-radius);
  }

  [id="main-reply"] {
    width:100%;
  }

  [id="form-buttons"] table,.punbb .formal textarea {
    width:99%;
  }

  [id="post-form"].formal {
    margin-bottom:var(--space-1-6rem);
  }

  select {
    padding:calc(var(--space-0-5rem)*var(--forum-padding-density)) calc(var(--space-1rem)*var(--forum-padding-density));
  }

  input {
    padding:calc(var(--space-0-5rem)*var(--forum-padding-density)) calc(var(--space-1rem)*var(--forum-padding-density)) calc(var(--space-0-4rem)*var(--forum-padding-density));
    max-width:100%;
  }

  p[class="checkfield"] *,div[class="checkfield"] *,fieldset[class="radiofield"] *,fieldset[class="radiofield security-level"] * {
    height:2em;
    vertical-align:middle;
    line-height:1.5;
  }

  .checkfield input[type="checkbox"],.radiofield input[type="radio"] {
    margin:var(--space-0px) var(--space-0-8rem) auto var(--space-0-4rem);
  }

  input[type="checkbox"] {
    padding:calc(var(--space-5px)*var(--forum-padding-density))!important;
    height:1em;
    border-radius:var(--radius-2px);
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    cursor:pointer;
    transition:all .1s linear 0s;
  }

  input[type="radio"] {
    padding:calc(var(--space-5px)*var(--forum-padding-density))!important;
    height:1.2rem;
    border-radius:var(--radius-50pct);
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    cursor:pointer;
    transition:all .2s ease-in-out 0s;
  }

  [id="pun"] input[type="checkbox"]:checked,[id="pun"] input[type="radio"]:checked {
    height:1.2rem;
  }

  [id="pun"] [id="pun-multimove"] .post:has(input[type="checkbox"]:checked),[id="pun"] [id="pun-multidelete"] .post:has(input[type="checkbox"]:checked) {
    border-radius:var(--secondary-border-radius);
  }

  .bbuline,em.bbuline {
    text-decoration:underline;
  }

  del {
    text-decoration:line-through;
    opacity:0.85;
    transition:0.25s ease-in-out;
  }

  del:hover {
    text-decoration:none;
    opacity:0.85;
  }

  .post-content abbr {
    cursor:help;
    text-decoration:underline dotted;
  }

  [id="poll-special"] div.formal.vote-result table td {
    width:33%;
  }

  [id="poll-special"] td h1 {
    display:block;
    margin:auto var(--space-0px);
    padding:calc(var(--space-2px)*var(--forum-padding-density));
    height:8px!important;
  }

  [id="poll-special"] td h1:before,[id="poll-special"] td h1:after {
    display:none;
  }

  [id="poll-special"] td span {
    padding:0 calc(var(--space-1rem)*var(--forum-padding-density));
  }

  [id="poll-special"] td.tac span {
    padding:0;
  }

  [id="poll-special"] table.poll2 tr td:first-child {
    text-align:right!important;
  }

  [id="poll-special"] table.poll2 tr td.tac {
    text-align:center!important;
  }

  [id="poll-special"].section.type-3 div.formal.vote-result table td {
    width:auto;
  }

  [id="post-form"] .formsubmit {
    text-align:center;
  }

  [id="imageupload-left"] input[type=button] {
    width:auto!important;
  }

  [id="viewprofile-next"] [id="pa-edit"] a,[id="pun-profile"] a.vip,input[class="button"],input[class="button submit"],input[type="button"],input[type="submit"],input[name="ban"],.button {
    cursor:pointer;
    -moz-transition:0.18s linear;
    transition:0.18s linear;
    margin:var(--space-1rem) var(--space-1rem);
    padding:calc(var(--space-0-6rem)*var(--forum-padding-density)) calc(var(--space-1-4rem)*var(--forum-padding-density)) calc(var(--space-0-7rem)*var(--forum-padding-density))!important;
    width:auto;
    letter-spacing:0.08rem;
    font-weight:600!important;
    font-size:1.1rem;
    border-radius:var(--main-border-radius);
  }

  input[name="submit"],input[id="reputationButtonSend"],[id="viewprofile-next"] [id="pa-edit"] a {
    border-radius:var(--main-border-radius);
  }

  [id="pun-profile"] a.vip:hover,input[class="button"]:hover,input[class="button submit"]:hover,input[type="button"]:hover,input[name="ban"]:hover,.button:hover {
    cursor:pointer;
  }

  input[name="submit"]:hover,input[id="reputationButtonSend"]:hover,[id="viewprofile-next"] [id="pa-edit"] a:hover {
    cursor:pointer;
  }

  [id="pun-profile"] a.vip {
    margin:var(--space-1-2rem) var(--space-1rem);
    max-width:300px;
    text-align:center;
    display:inline-block;
    padding:calc(var(--space-0-2rem)*var(--forum-padding-density)) calc(var(--space-1-1rem)*var(--forum-padding-density)) calc(var(--space-0-3rem)*var(--forum-padding-density))!important;
    font-weight:400!important;
  }

  h1+div.info {
    padding:calc(var(--space-1-2rem)*var(--forum-padding-density)) calc(var(--space-1-4rem)*var(--forum-padding-density));
  }

  .info .container {
    margin:var(--space-0rem);
    padding:calc(var(--space-1rem)*var(--forum-padding-density)) calc(var(--space-1rem)*var(--forum-padding-density)) calc(var(--space-0-8rem)*var(--forum-padding-density));
  }

  [id="forum-vip"] ul li,[id="forum-foundation"] ul li {
    list-style-type:disc;
    padding-bottom:calc(var(--space-0-5rem)*var(--forum-padding-density));
    margin-left:var(--space-2rem);
  }

  [id="pun-help"].punbb {
    padding:calc(calc(var(--padding-punbb)*var(--forum-padding-density))/1.8) calc(var(--padding-punbb)*var(--forum-padding-density));
  }

  [id="pun-help"] h2 {
    margin:var(--space-0-5rem) var(--space-0rem) var(--space-1rem);
    padding:calc(var(--space-0-4rem)*var(--forum-padding-density)) min(calc(var(--space-3pct)*var(--forum-padding-density)),calc(var(--space-2rem)*var(--forum-padding-density))) calc(var(--space-0-4rem)*var(--forum-padding-density));
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    line-height:1.2;
    text-align:center;
    text-transform:uppercase;
    font-weight:600;
    font-size:clamp(1.4rem,(1vw + 0.5rem),2rem);
  }

  [id="pun-help"] h3 {
    margin:var(--space-1-2rem) auto;
    width:80%;
  }

  [id="pun-help"] p {
    padding-bottom:calc(var(--space-0-8rem)*var(--forum-padding-density));
  }

  [id="pun-help"] dl,[id="pun-help"] ul {
    margin-left:var(--space-2rem);
    padding-bottom:calc(var(--space-0-6rem)*var(--forum-padding-density));
  }

  [id="pun-help"] dl dt,[id="pun-help"] ul li {
    padding:0 0 calc(var(--space-0-6rem)*var(--forum-padding-density)) calc(var(--space-1rem)*var(--forum-padding-density));
  }

  [id="pun-help"] dd {
    padding:0 0 calc(var(--space-2rem)*var(--forum-padding-density)) calc(var(--space-1rem)*var(--forum-padding-density));
  }

  .modal-inner,.inner,[id="pun"] .modal-inner {
    padding:calc(var(--space-1-2rem)*var(--forum-padding-density)) calc(var(--space-1-4rem)*var(--forum-padding-density));
    border-radius:var(--secondary-border-radius);
  }

  [id="pun"] .pun-modal .container {
    overflow:auto;
    padding:calc(var(--space-0-5rem)*var(--forum-padding-density)) calc(var(--space-0em)*var(--forum-padding-density));
  }

  [id="pun"] [id="pun-reputation"] .inner {
    top:40%;
  }

  [id="pun"] .pun-modal.rating_theme [id="all_voters"] tbody {
    overflow-y:hidden;
  }

  [id="pun"] .pun-modal.rating_theme .container {
    overflow-x:hidden;
  }

  [id="pun"] .pun-modal [id="all_voters"] figure {
    width:auto!important;
    max-width:74px!important;
  }

  [id="pun"] .pun-modal .closer {
    font-size:1.6rem!important;
    margin-right:var(--space-4px)!important;
  }

  .inner td {
    vertical-align:top;
  }

  [id="pun"] .pun-modal h2 {
    margin:var(--space-0px) auto var(--space-1-8rem) auto!important;
    text-align:center;
    text-transform:uppercase;
    font-weight:600;
  }

  [id="move_posts_form"] thead tr,[id="move_posts_form"] tbody tr {
    padding-right:calc(var(--space-8px)*var(--forum-padding-density));
    display:grid!important;
    align-items:center;
    grid-template-columns:1fr auto;
    justify-items:start;
  }

  @media (prefers-reduced-motion:no-preference) {
    [id="pun"] {
      scroll-behavior:smooth;
    }
  }

  [id="pun"] {
    position:relative;
    overflow-wrap:break-word;
    margin:var(--space-20px) auto var(--space-20px);
    padding:calc(var(--space-0rem)*var(--forum-padding-density));
    width:clamp(280px,var(--pun-width),100%);
    max-width:var(--pun-width);
    font-size:1.13rem;
    letter-spacing:0.015em;
    border-radius:var(--secondary-border-radius);
  }

  .punbb {
    display:grid;
    width:auto;
    padding:calc(calc(var(--padding-punbb)*var(--forum-padding-density))/2) calc(var(--padding-punbb)*var(--forum-padding-density));
  }

  [id="pun-main"] {
    position:relative;
  }

  [id="pun-main"]:after {
    content:"";
    display:block;
    clear:both;
  }

  [id="pun-title"] {
    padding:calc(var(--space-0rem)*var(--forum-padding-density));
  }

  [id="pun-title"] tr[id="title-logo-tr"] {
    display:grid;
    grid-template-columns:auto 1fr;
  }

  [id="title-logo-tr"] [id="title-logo-tdl"] {
    grid-column:2;
    grid-row:1/-1;
    align-self:center;
  }

  [id="title-logo-tr"] [id="title-logo-tdr"] {
    display:flex;
    justify-content:center;
    align-content:center;
    flex-direction:row;
    flex-wrap:wrap;
    grid-column:1;
    grid-row:1/-1;
    margin:calc(-3px - var(--padding-punbb)/2) auto -22px;
    padding:calc(var(--space-10px)*var(--forum-padding-density)) calc(var(--space-1-2rem)*var(--forum-padding-density)) calc(var(--space-20px)*var(--forum-padding-density));
    min-width:240px;
    clip-path:polygon(0 0,100% 0%,100% calc(100% - 20px),50% 100%,0 calc(100% - 20px));
  }

  [id="pun-title"] h1.title-logo {
    margin:auto var(--space-0px) auto;
    padding:calc(var(--space-1rem)*var(--forum-padding-density));
    max-height:80px;
    overflow:auto;
    text-align:center;
    line-height:1.2;
    letter-spacing:0.04rem;
    font-weight:600;
    font-size:3rem;
    font-family:var(--font-body, "Lora", serif);
  }

  [id="pun-title"] h1.title-logo span {
    margin:auto var(--space-0rem);
    text-align:center;
  }

  td[id="title-logo-tdr"]:before {
    margin:var(--space-0rem);
    padding:calc(var(--space-0rem)*var(--forum-padding-density)) calc(var(--space-0rem)*var(--forum-padding-density));
    min-width:calc(3.6rem*4);
    box-sizing:border-box;
    content:"  Mybb";
    display:block;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:0.04rem;
    font-size:3.6rem;
    font-weight:600;
    font-family:var(--font-body, "Lora", serif);
    -webkit-background-clip:text;
  }

  #pun.custom-logo #title-logo-tdr {
    display:block;
  }

  #pun.custom-logo #title-logo-tdr:before {
    content:"";
  }

  [id="pun-navlinks"] {
    margin:var(--space-1rem) calc(var(--space-0rem) - var(--padding-punbb)) var(--space-0rem) auto;
    padding:calc(var(--space-10px)*var(--forum-padding-density)) calc(var(--padding-punbb)*var(--forum-padding-density)) calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-2rem)*var(--forum-padding-density));
    max-width:80%;
    border-radius:var(--secondary-border-radius) var(--radius-0px) var(--radius-0px) var(--secondary-border-radius);
  }

  [id="pun-navlinks"] .container,[id="pun-ulinks"] .container {
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:var(--space-0-3rem) var(--space-1-5rem);
    line-height:1.2;
  }

  [id="pun-navlinks"] .container {
    margin:auto;
    width:auto;
    font-family:Trebuchet Ms,Tahoma,Arial,sans-serif;
    font-size:1.4rem;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:0.05rem;
  }

  [id="pun-ulinks"] {
    margin:var(--space-0-2rem) calc(var(--space-0rem) - var(--padding-punbb)) var(--space-1-2rem);
    padding:calc(var(--space-10px)*var(--forum-padding-density)) calc(var(--padding-punbb)*var(--forum-padding-density)) calc(var(--space-8px)*var(--forum-padding-density));
  }

  [id="pun-ulinks"] .container {
    justify-content:flex-end;
    font-size:1.1rem;
    font-style:italic;
    text-transform:lowercase;
  }

  [id="pun-navlinks"] li,[id="pun-ulinks"] li {
    position:relative;
    margin:auto var(--space-0rem);
    padding:calc(var(--space-0rem)*var(--forum-padding-density));
  }

  [id="pun"] span.num_msg {
    position:absolute;
    z-index:6;
    display:inline-block;
    margin-left:6px!important;
    margin-top:-51px!important;
    padding:calc(var(--space-9px)*var(--forum-padding-density)) calc(var(--space-4px)*var(--forum-padding-density)) calc(var(--space-4px)*var(--forum-padding-density)) calc(var(--space-4px)*var(--forum-padding-density))!important;
    height:18px!important;
    line-height:0;
    font-weight:400;
    font-size:10px!important;
    border-radius:var(--main-border-radius);
  }

  [id="pun"] span.num_msg:before {
    top:15px!important;
  }

  [id="pun"] .bubble,[id="pun"] .notify-bubble {
    display:inline-block;
    position:inherit!important;
    top:0px!important;
    right:0px!important;
    margin:auto auto auto var(--space-6px)!important;
    padding:calc(var(--space-1px)*var(--forum-padding-density)) calc(var(--space-3px)*var(--forum-padding-density)) calc(var(--space-0px)*var(--forum-padding-density)) calc(var(--space-3px)*var(--forum-padding-density))!important;
    min-width:8px!important;
    width:auto!important;
    height:auto!important;
    font-weight:400!important;
    font-size:8px!important;
    border-radius:var(--radius-2px);
  }

  [id="pun"] .bubble:after,[id="pun"] .notify-bubble:after {
    display:none!important;
  }

  [id="pun"] #notify-link .unreads {
    top:-9px;
    right:-14px;
    height:14px;
    min-width:14px;
    font-weight:400;
    font-size:8px;
    border-radius:var(--main-border-radius);
  }

  #messages-list a>img.atr {
    width:30px;
    height:30px;
    border-radius:var(--main-border-radius)!important;
  }

  [id="pun-announcement"] {
    margin:var(--space-0-5rem) var(--space-0rem);
    padding:calc(var(--space-0-5rem)*var(--forum-padding-density));
  }

  [id="pun-announcement"] h2 {
    display:none;
  }

  [id="pun-status"] {
    margin:var(--space-0-2rem) var(--space-0rem);
    padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-1rem)*var(--forum-padding-density)) calc(var(--space-6px)*var(--forum-padding-density));
    overflow:auto;
    text-align:left;
    font-size:1.1rem;
  }

  [id="pun-status"] .container {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    gap:var(--space-4px) var(--space-6px);
  }

  [id="pun-status"] .container span.item1 {
    order:-3;
  }

  [id="pun-status"] .container span.item2 {
    order:-2;
  }

  [id="pun-status"] .container span.item4 {
    order:-1;
  }

  [id="pun"] [id="pun-status"] span.item3 {
    margin:auto var(--space-0px) auto auto;
  }

  [id="pun"] [id="pun-status"] .status-right {
    float:none!important;
    clear:both;
  }

  [id="pun-crumbs1"],[id="pun-crumbs2"] {
    margin:var(--space-0-5rem) var(--space-2rem);
    padding:calc(var(--space-0-5rem)*var(--forum-padding-density)) calc(var(--space-1rem)*var(--forum-padding-density));
  }

  p.crumbs em {
    font-size:0rem;
    font-weight:600;
  }

  p.crumbs em:before {
    display:inline-block;
    padding:calc(var(--space-0px)*var(--forum-padding-density)) calc(var(--space-5px)*var(--forum-padding-density));
    margin-top:var(--space-0px);
    content:"\f015 ";
    font-family:var(--fa);
    font-weight:900;
    text-transform:none;
    font-size:8px;
    font-style:normal;
    border-radius:var(--radius-0pct);
    transform:translateY(-1px);
  }

  [id="pun-index"] [id="pun-crumbs1"],[id="pun-index"] [id="pun-crumbs2"] {
    display:none;
  }

  [id="pun-main"] {
    padding:calc(var(--space-0rem)*var(--forum-padding-density)) calc(var(--space-0rem)*var(--forum-padding-density));
    margin:var(--space-1rem) var(--space-0rem);
  }

  .forum tr {
    display:grid;
    grid-template-columns:1.7fr 1fr 0.4fr 1fr;
    grid-template-rows:auto;
    align-items:center;
    margin:var(--space-1rem) var(--space-0rem);
  }

  .forum tr:last-of-type {
    margin-bottom:var(--space-0px);
  }

  .forum thead tr {
    margin:var(--space-0rem);
  }

  .forum tr .tc3 {
    text-align:center;
  }

  .forum .tcr:not(thead .tcr) {
    font-size:1.1rem;
    display:grid;
    grid-template-columns:auto 1fr;
    grid-template-rows:auto auto;
    grid-template-areas:"avain avaina""avain abyuser";
    align-items:center;
    gap:var(--space-2px) var(--space-10px);
  }

  .forum .tcr:not(:has(>em.user-avatar)):not(thead .tcr) {
    grid-template-areas:"avaina avaina""abyuser abyuser";
    gap:var(--space-2px) var(--space-0px);
  }

  .forum .tcr:not(:has(>em.user-avatar)):not(thead .tcr) a {
    grid-column:1/-1;
  }

  .byuser-username {
    font-size:1.45rem;
    text-transform:uppercase;
  }

  .tcl span.byuser:before {
    content:"-";
    padding:0 calc(var(--space-0-4rem)*var(--forum-padding-density));
  }

  [id="pun-index"] [id="pun-main"] h2,[id="pun-stats"] h2,[id="post-form"] h2,[id="similar-topics"] h2,[id="pun-mod"] h2 {
    margin:var(--space-3rem) calc(var(--space-0rem) - var(--padding-punbb)) var(--space-2-6rem);
    padding:calc(var(--space-0-5rem)*var(--forum-padding-density)) calc(var(--padding-punbb)*var(--forum-padding-density)) calc(var(--space-0-5rem)*var(--forum-padding-density));
    line-height:1.2;
    text-transform:uppercase;
    font-weight:600;
    font-size:clamp(1.2rem,(1vw + 0.2rem),2rem);
    overflow:hidden;
  }

  [id="pun-category1"] h2:first-of-type,[id="pun-index"] .info h2,[id="similar-topics"] h2,[id="pun-mod"] h2 {
    margin-top:var(--space-1rem);
  }

  [id="pun-index"] [id="pun-main"] h2 span,[id="pun-index"] .category h2 span,.info h2 span,[id="pun-stats"] h2 span,[id="post-form"] h2 span,[id="similar-topics"] h2 span {
    display:block;
  }

  [id="pun-index"] .category table {
    border-collapse:separate;
  }

  [id="pun-index"] .category thead,[id="pun-viewforum"] .category thead {
    display:none;
  }

  [id="pun-index"] .category tbody.hasicon {
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto;
    gap:var(--space-26px) var(--space-0px);
  }

  [id="pun-index"] .category tr,[id="pun-index"] .category tr.isub,[id="pun-viewforum"] .category tr.isub {
    position:relative;
    margin:var(--space-0rem);
    padding:calc(var(--space-0rem)*var(--forum-padding-density)) calc(var(--space-1-2rem)*var(--forum-padding-density)) calc(var(--space-0rem)*var(--forum-padding-density)) calc(var(--space-0-8rem)*var(--forum-padding-density));
    display:grid;
    grid-template-columns:1.5fr 0.5fr auto auto;
    grid-template-rows:auto auto auto;
    grid-template-areas:"lone lfour lfour lfour""lone lfour lfour lfour""lone . ltwo lthree";
    gap:var(--space-6px) var(--space-16px);
  }

  [id="pun-index"] .category tr:first-of-type {
    margin-top:var(--space-0px);
  }

  [id="pun-index"] .category tr:last-of-type {
    margin-bottom:var(--space-0px);
  }

  [id="pun-index"] .tc2:before,[id="pun-viewforum"] tr.isub td.tc2:before {
    margin-right:var(--space-4px);
    font-size:1.2rem;
    content:"\f086 ";
    font-family:var(--fa);
    font-weight:900;
    text-transform:none;
  }

  [id="pun-index"] .tc3:before,[id="pun-viewforum"] tr.isub td.tc3:before {
    margin-right:var(--space-4px);
    font-size:1.2rem;
    content:"\f075 ";
    font-family:var(--fa);
    font-weight:900;
    text-transform:none;
  }

  [id="pun-index"] .category .tc2,[id="pun-index"] .category .tc3,[id="pun-viewforum"] .category tr.isub .tc2,[id="pun-viewforum"] .category tr.isub .tc3 {
    display:block;
    margin:var(--space-0px);
    padding:calc(var(--space-4px)*var(--forum-padding-density));
    text-align:center;
  }

  [id="pun-index"] .category .tcl,[id="pun-viewforum"] .category .isub .tcl {
    padding:calc(var(--space-0rem)*var(--forum-padding-density));
    text-align:justify;
  }

  .category .tcl .intd {
    position:relative;
    padding:calc(var(--space-1-2rem)*var(--forum-padding-density)) calc(var(--space-1-4rem)*var(--forum-padding-density));
    height:100%;
    display:grid;
    grid-template-columns:auto 1fr;
    grid-template-rows:auto;
    grid-template-areas:"iconka neiconka";
    gap:var(--space-0px) var(--space-0px);
    border-radius:var(--secondary-border-radius);
  }

  [id="pun-index"] .category .tcr,[id="pun-viewforum"] .category tr.isub td.tcr {
    align-self:center;
    text-align:center;
    margin:var(--space-0px);
    padding:calc(var(--space-0rem)*var(--forum-padding-density));
    height:100%;
    position:relative;
    font-size:1.1rem;
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-rows:auto auto;
    grid-template-areas:"lastpost-span avaindex""lastpost-a avaindex";
    gap:var(--space-4px) var(--space-14px);
  }

  [id="pun-index"] h3,[id="pun-viewforum"] tr.isub h3 {
    padding:calc(var(--space-0-2rem)*var(--forum-padding-density)) calc(var(--space-0rem)*var(--forum-padding-density)) calc(var(--space-0-4rem)*var(--forum-padding-density));
    font-weight:600;
    font-size:1.5rem;
    letter-spacing:0.04rem;
  }

  span.modlist {
    display:block;
    font-style:italic;
    font-size:1.1rem;
    text-align:right;
    opacity:0.8;
  }

  a.lastpost-link {
    position:relative;
    font-size:1.2rem;
  }

  [id="pun-index"] span.lastpost,[id="pun-viewforum"] tr.isub span.lastpost {
    display:block;
    align-self:end;
  }

  [id="pun-viewforum"] .category tr.isub {
    margin:var(--space-1-8rem) var(--space-0rem) var(--space-1-4rem);
  }

  [id="pun"] #pun-main #subforums,.subforums {
    margin:var(--space-0rem) var(--space-1rem) var(--space-1rem);
    padding:calc(var(--space-0-6rem)*var(--forum-padding-density)) calc(var(--space-1-6rem)*var(--forum-padding-density)) calc(var(--space-0-5rem)*var(--forum-padding-density));
    width:fit-content;
    font-size:1.1rem;
    border-radius:var(--main-border-radius);
  }

  [id="pun"] #pun-main #subforums {
    width:auto!important;
    font-size:1.2rem;
  }

  [id="pun"] #pun-main #subforums a {
    font-weight:600;
  }

  .punbb h1:not(.title-logo) {
    margin:var(--space-0-5rem) var(--space-0rem) var(--space-0-5rem);
    padding:calc(var(--space-0-4rem)*var(--forum-padding-density)) min(calc(var(--space-3pct)*var(--forum-padding-density)),calc(var(--space-2rem)*var(--forum-padding-density))) calc(var(--space-0-4rem)*var(--forum-padding-density));
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:1.2;
    text-transform:uppercase;
    font-weight:600;
    font-size:clamp(1.2rem,(1vw + 0.2rem),1.6rem);
  }

  .punbb h1:not([id="pun-title"] h1) span {
    display:block;
  }

  div.modmenu {
    margin:var(--space-1rem) calc(var(--space-0rem) - var(--padding-punbb));
    padding:calc(var(--space-0-8rem)*var(--forum-padding-density)) calc(calc(var(--space-1-4rem)*var(--forum-padding-density)) + calc(var(--padding-punbb)*var(--forum-padding-density)));
    border-radius:var(--main-border-radius);
  }

  .modmenu .container {
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
  }

  div.modmenu .container span {
    float:right;
    margin:auto var(--space-0px) auto auto;
  }

  [id="pun-viewforum"] .forum tr {
    display:grid;
    grid-template-columns:1.6fr 0.4fr 0.4fr 0.8fr;
    grid-template-rows:auto;
    align-items:center;
  }

  [id="pun-viewforum"] thead tr {
    padding:0;
  }

  [id="pun-viewforum"] .forum .tc2 {
    text-align:center;
  }

  [id="pun-modviewforum"] .forum tr {
    grid-template-columns:1.6fr 0.4fr 0.4fr 0.8fr 50px;
    grid-template-rows:auto;
    padding-left:calc(var(--space-0px)*var(--forum-padding-density));
  }

  [id="pun-modviewforum"] .forum .tc2,[id="pun-modviewforum"] .forum .tcmod {
    text-align:center;
  }

  p.selectfield,p.checkfield {
    margin:var(--space-1rem) var(--space-0rem);
  }

  p#sex.infofield,label[for^="po"],label[for="fld-lang"],label[for^="fld"]:not(.adlabel) {
    margin-left:var(--space-1-2rem);
    font-size:1.1rem;
    letter-spacing:0.05rem;
    opacity:0.88;
  }

  p.checkfield label,span.radio label,dd div.checkfield label,.checkfield label[for^="fld"] {
    margin-left:var(--space-0rem);
    font-style:normal;
    font-size:1.1rem;
    opacity:1;
  }

  .areafield~p.checkfield label[for^="fld"],.areafield~p.inputfield label[for^="fld"] {
    font-size:1.2rem;
    opacity:1;
  }

  select[name="move_to_forum"] {
    margin-top:var(--space-0-3rem);
  }

  p.formsubmit {
    margin:auto var(--space-1-1rem) var(--space-1-8rem);
  }

  [id="pun-multimove"] .modmenu .container,[id="pun-multidelete"] .modmenu .container {
    justify-content:flex-end;
  }

  [id="pun-multimove"] .modmenu strong,[id="pun-multidelete"] .modmenu strong {
    order:-2;
    margin:auto var(--space-1rem) auto var(--space-0rem);
  }

  [id="pun-multimove"] .modmenu input[type="submit"],[id="pun-multidelete"] .modmenu input[type="submit"] {
    order:-1;
    margin:auto auto auto var(--space-0rem);
  }

  [id="pun-multimove"] .modmenu input[type="checkbox"],[id="pun-multidelete"] .modmenu input[type="checkbox"] {
    margin-right:var(--space-6px);
  }

  [id="pun-multimove"] li.pl-select,[id="pun-multidelete"] li.pl-select {
    padding:calc(var(--space-3px)*var(--forum-padding-density)) calc(var(--space-6px)*var(--forum-padding-density)) calc(var(--space-3px)*var(--forum-padding-density)) calc(var(--space-8px)*var(--forum-padding-density));
  }

  [id="topic-modmenu"].modmenu {
    padding:calc(var(--space-0-5rem)*var(--forum-padding-density)) calc(var(--padding-punbb)*var(--forum-padding-density));
  }

  [id="topic-users-in"] .container {
    display:block;
  }

  div[id="topic-users-in"].modmenu .container span {
    float:none;
    clear:both;
  }

  [id="topic-users-in"] a:after {
    content:",";
  }

  [id="topic-users-in"] a:last-child:after {
    display:none;
  }

  .forum .tcl .intd,.fs-box .tcl .intd {
    display:grid;
    grid-template-columns:auto 1fr;
    grid-template-rows:auto;
    align-items:center;
  }

  div.icon {
    display:block;
    margin:auto var(--space-1-4rem) auto var(--space-0px);
    width:12px;
    height:12px;
    border-radius:var(--radius-50pct);
  }

  [id="pun-index"] div.icon,[id="pun-viewforum"] .isub div.icon {
    margin:calc(-1px - var(--space-1-2rem)) var(--space-1-6rem) var(--space-0px) -4px;
    width:20px;
    height:36px;
    border-radius:var(--radius-0px);
    clip-path:polygon(0% 0%,100%0,100% 100%,50% calc(100% - 6px),0% 100%);
  }

  span.stickytext,span.closedatafield,span.redirecttext,span.polltext {
    display:inline-block;
    margin-right:var(--space-1rem);
    padding:calc(var(--space-0-1rem)*var(--forum-padding-density)) calc(var(--space-0-5rem)*var(--forum-padding-density)) calc(var(--space-0-2rem)*var(--forum-padding-density)) calc(var(--space-0-9rem)*var(--forum-padding-density));
    line-height:1.2;
    letter-spacing:0.06rem;
    font-size:1rem;
    text-transform:lowercase;
    text-align:center;
    border-radius:var(--main-border-radius);
  }

  [id="pun"] .icon[data-new-topics]:before,[id="pun"] .subforums span[data-new-topics]:before {
    left:12px;
    margin:var(--space-0px);
    height:12px;
    line-height:12px;
    font-size:8px;
    font-weight:600;
    border-radius:var(--radius-4px);
  }

  [id="pun"] .punbb .user-avatar {
    float:left;
    position:relative;
    width:auto!important;
    height:auto!important;
    margin:auto auto auto var(--space-0px)!important;
    overflow:visible;
    border-radius:var(--main-border-radius);
  }

  [id="pun"] .punbb .user-avatar:hover {
    border-radius:var(--secondary-border-radius);
  }

  [id="pun"] .punbb .user-avatar a {
    padding:0;
  }

  [id="pun"] .punbb .user-avatar span.avatar-image {
    float:left;
    height:38px!important;
    width:32px!important;
    border-radius:var(--main-border-radius);
    opacity:0.85;
    -moz-transition:0.12s linear;
    transition:0.12s linear;
  }

  [id="pun"] .punbb .user-avatar span.avatar-image:hover {
    opacity:1;
  }

  [id="pun"] [id="pun-index"].punbb .user-avatar {
    float:none!important;
    clear:both!important;
    margin:auto auto!important;
    height:auto!important;
    width:auto!important;
    transform:rotate(4deg);
    -moz-transition:0.12s linear;
    transition:0.12s linear;
  }

  [id="pun"] [id="pun-index"].punbb .category .tcr:hover .user-avatar {
    transform:rotate(0deg);
  }

  [id="pun"] [id="pun-index"].punbb .user-avatar .avatar-image {
    position:relative;
    margin:var(--space-0px) auto auto var(--space-0px);
    height:54px!important;
    width:38px!important;
    border-radius:var(--main-border-radius);
  }

  [id="pun"] [id="pun-index"].punbb .category .tcr .user-avatar:hover .avatar-image {
    opacity:1;
    border-radius:var(--main-border-radius);
  }

  .punbb .user-avatar .isonline {
    display:block;
    position:absolute;
    z-index:4!important;
    width:16px!important;
    height:16px!important;
    right:-5px!important;
    top:-6px!important;
    bottom:auto;
    border-radius:var(--radius-0pct)!important;
    animation:blinkColor 3s linear infinite!important;
    clip-path:polygon(50%0,65% 35%,100% 50%,65% 60%,50% 100%,35% 62%,0 50%,35% 35%);
  }

  [id="pun-index"] .user-avatar .isonline {
    top:-4px!important;
    right:-4px!important;
  }

  [id="pun-index"] h3+br,[id="pun-index"] .category .tcr em+a+br,[id="pun-viewforum"] h3+br,[id="pun-viewforum"] .category .tcr em+a+br,.lastpost-link+br,a.lastpost-link+br {
    display:none;
  }

  [id="pun-stats"] li[id="onlinelist"] {
    grid-column:1/-1;
    min-width:0px;
    overflow:auto;
    font-size:1.2rem;
  }

  [id="pun-stats"] {
    margin:var(--space-0-5rem) var(--space-0rem) var(--space-1rem);
  }

  [id="pun-stats"] ul.container {
    margin:var(--space-0rem);
    display:grid;
    grid-template-columns:0.6fr 1fr;
    grid-template-rows:repeat(auto-fill,minmax(0px,auto));
    grid-template-areas:"nonlinelist nonlinelist""ntemy nusers_24h""nsoob nusers_24h""nrega nusers_24h""nregapos nusers_24h"". nusers_24h";
    gap:var(--space-6px) var(--space-16px);
  }

  [id="pun-stats"] ul.container li.item5:not(li.item5.users_24h) {
    grid-column:1/-1;
  }

  [id="pun-stats"] li strong,li[id="onlinelist"] strong {
    font-weight:600;
  }

  [id="pun-stats"] li.item1,[id="pun-stats"] li.item2,[id="pun-stats"] li.item3,[id="pun-stats"] li.item4 {
    padding:calc(var(--space-0px)*var(--forum-padding-density)) calc(var(--space-0px)*var(--forum-padding-density));
    text-align:left;
  }

  [id="pun-stats"] li.item1 span,[id="pun-stats"] li.item2 span,[id="pun-stats"] li.item3 span,[id="pun-stats"] li.item4 span {
    display:inline-block;
    padding-right:calc(var(--space-4px)*var(--forum-padding-density));
  }

  [id="pun-stats"] li.item5.onlinelist {
    margin-bottom:var(--space-0-4rem);
    padding:calc(var(--space-0rem)*var(--forum-padding-density)) calc(var(--space-0rem)*var(--forum-padding-density)) calc(var(--space-0-8rem)*var(--forum-padding-density));
    text-align:left;
  }

  [id="pun-stats"] a.group1,[id="pun-stats"] a.group2 {
    font-weight:400;
  }

  [id="pun-about"] {
    margin:var(--space-0-6rem) var(--space-0rem);
    padding:calc(var(--space-0-4rem)*var(--forum-padding-density)) calc(var(--space-1-2rem)*var(--forum-padding-density));
    text-align:right;
    font-size:1.1rem;
  }

  [id="pun"] [id="pun-statistic"] h1 {
    margin:var(--space-1-4rem) var(--space-0rem) var(--space-0-5rem);
  }

  [id="pun-statistic"] thead {
    text-align:left;
  }

  form[id="userlist"] {
    margin:var(--space-1rem) var(--space-1-2rem);
  }

  form[id="userlist"] p.inputfield,form[id="userlist"] p.selectfield,form[id="punbbsearch"] p.inputfield,form[id="punbbsearch"] p.selectfield {
    display:inline-block;
    margin:var(--space-0-5rem) var(--space-0-2rem) var(--space-1rem);
  }

  form[id="userlist"] fieldset,form[id="punbbsearch"] fieldset,form[id="messages"][method="post"] fieldset {
    margin-bottom:var(--space-1-2rem);
  }

  form[id="userlist"] fieldset,form[id="punbbsearch"] fieldset {
    padding:calc(var(--space-0rem)*var(--forum-padding-density)) calc(var(--space-1-2rem)*var(--forum-padding-density)) calc(var(--space-1rem)*var(--forum-padding-density));
    border-radius:var(--secondary-border-radius);
  }

  .usertable tr {
    display:grid;
    grid-template-columns:1fr 1fr 0.4fr 0.5fr 0.6fr 0.5fr;
    grid-template-rows:auto;
    align-items:center;
    justify-items:center;
  }

  .online-list tr {
    display:grid;
    grid-template-columns:0.9fr 1.3fr 0.8fr;
    grid-template-rows:auto;
    align-items:center;
    justify-items:center;
  }

  .online-list thead tr th.tcl.action {
    display:none;
  }

  .usertable .tcl,.usertable .tc2 {
    justify-self:start;
    text-align:left;
    line-height:110%;
  }

  .usertable .tcl {
    padding-left:calc(var(--space-1rem)*var(--forum-padding-density))!important;
    display:grid;
    grid-template-columns:auto 1fr;
    grid-template-rows:auto;
    grid-template-areas:"avain nikname";
    gap:var(--space-0px) var(--space-12px);
    font-weight:400;
  }

  .online-list td {
    padding:calc(var(--space-1em)*var(--forum-padding-density)) calc(var(--space-0-4em)*var(--forum-padding-density))!important;
  }

  .online-list td.tcl {
    justify-self:left;
  }

  .online-list th.tcl {
    width:100%!important;
  }

  [id="pun-online"] .tcl.action {
    width:100%!important;
  }

  [id="viewprofile-next"] {
    margin:var(--space-1-2rem) min(var(--space-3pct),var(--space-2rem)) var(--space-0rem);
  }

  [id="viewprofile-next"] [id="profilenav"] {
    display:none;
  }

  [id="viewprofile-next"] [id="viewprofile"] .container {
    margin:var(--space-0px) var(--space-0rem) auto;
  }

  [id="viewprofile-next"] [id="viewprofile"] div.container table {
    margin:var(--space-0px) var(--space-0px);
    width:100%;
  }

  [id="viewprofile"] div.container table {
    width:auto;
    border-spacing:0px 0px;
    border-collapse:separate;
  }

  [id="viewprofile-next"] [id="viewprofile"] table tr:not([id="profile-signature"] table tr) {
    display:grid;
    grid-template-columns:auto 1fr;
    grid-template-rows:auto;
    align-items:start;
    gap:var(--space-10px) var(--space-20px);
  }

  .punbb td#profile-left {
    grid-column:1/2;
    position:relative;
    padding:calc(var(--space-16px)*var(--forum-padding-density)) calc(var(--space-14px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density))!important;
    width:auto;
    min-width:200px;
    max-width:330px;
    text-align:center;
    font-size:1.1rem;
    border-radius:var(--secondary-border-radius);
  }

  [id="profile-left"] li {
    margin:auto var(--space-1-2rem) var(--space-0-8rem)!important;
  }

  .punbb #profile-left strong {
    display:block;
    font-weight:400!important;
  }

  .punbb #profile-left #profile-name strong {
    font-weight:600!important;
    font-size:1.4rem;
  }

  [id="profile-left"] [id="pa-edit"] {
    margin-top:var(--space-2rem)!important;
    margin-bottom:var(--space-2rem)!important;
  }

  .punbb td[id="profile-right"] {
    grid-column:-2/-1;
    position:relative;
    width:auto;
  }

  [id="profile-right"] {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(45%,1fr));
    grid-template-rows:auto;
    gap:var(--space-16px) var(--space-12px);
    overflow:hidden;
    width:100%!important;
    font-size:1.1rem;
  }

  [id="profile-right"] li {
    align-content:center;
    padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-10px)*var(--forum-padding-density))!important;
    text-align:center;
    border-radius:var(--secondary-border-radius);
  }

  [id="profile-right"] li span {
    display:block;
    margin:auto auto var(--space-0-4rem);
    font-size:1.2rem;
    font-weight:600;
  }

  .punbb #profile-right li strong {
    padding-left:calc(var(--space-4px)*var(--forum-padding-density));
    font-weight:400;
  }

  #profile-right li[id="pa-posts"] {
    order:-1;
    grid-column:1/-1;
  }

  [id="viewprofile"] #profile-signature {
    padding:calc(var(--space-1-8rem)*var(--forum-padding-density)) calc(var(--space-1-4rem)*var(--forum-padding-density)) calc(var(--space-1rem)*var(--forum-padding-density));
  }

  [id="profile"]>.container {
    margin-left:calc(var(--profile-nav) + var(--space-1-4rem));
  }

  [id="profile"].formal {
    margin:var(--space-0-4rem) var(--space-0-8rem) var(--space-0-4rem) min(var(--space-3pct),var(--space-2rem));
  }

  [id="profilenav"] {
    margin:var(--space-0px) var(--space-0px) var(--space-1rem) calc(-1*var(--profile-nav) - var(--space-1-4rem));
    padding:calc(var(--space-1-2rem)*var(--forum-padding-density)) calc(var(--space-1rem)*var(--forum-padding-density));
    width:var(--profile-nav);
    float:left;
    border-radius:var(--secondary-border-radius);
  }

  [id="profilenav"] h2 {
    margin:var(--space-1-6rem) var(--space-0rem) var(--space-0-4rem);
    padding:calc(var(--space-0rem)*var(--forum-padding-density));
    text-align:center;
    text-transform:uppercase;
    line-height:1.2;
    letter-spacing:0.18rem;
    font-weight:600;
    font-size:1.4rem;
  }

  [id="profilenav"] h2:first-of-type {
    margin-top:var(--space-0-4rem);
  }

  [id="profilenav"] ul {
    text-align:center;
    font-weight:600;
  }

  [id="profilenav"] ul li {
    padding:calc(var(--space-4px)*var(--forum-padding-density));
  }

  [id="profile"] .fs-box {
    overflow:auto;
  }

  [id="profile"] .fs-box p {
    margin:var(--space-0-6rem) var(--space-1rem);
  }

  [id="profile"] .fs-box p.formsubmit {
    margin-top:var(--space-1-2rem);
  }

  [id="profile"] fieldset {
    margin:var(--space-0-2rem) var(--space-0rem) var(--space-1rem);
    padding:calc(var(--space-0-2rem)*var(--forum-padding-density)) calc(var(--space-0rem)*var(--forum-padding-density)) calc(var(--space-1rem)*var(--forum-padding-density));
  }

  [id="profile"] legend {
    margin-left:var(--space-1rem);
  }

  [id="profile"] label[for^="fld"] {
    font-size:1.2rem;
  }

  .fs-box.inline p.inputfield {
    display:inline-block;
  }

  .punbb img.avatardemo {
    float:right;
    margin:0 0 var(--space-0-8rem) var(--space-1-6rem);
    max-width:220px;
  }

  dl.parsedsig {
    margin-top:var(--space-1-2rem);
    padding:calc(var(--space-1rem)*var(--forum-padding-density)) calc(var(--space-1rem)*var(--forum-padding-density)) calc(var(--space-1-2rem)*var(--forum-padding-density));
  }

  [id="profile"] p.submitend {
    padding:calc(var(--space-1-4rem)*var(--forum-padding-density)) calc(var(--space-0-8rem)*var(--forum-padding-density));
  }

  [id="filetable"] .ft-version,[id="filetable"] .tc3 {
    text-align:center;
  }

  span.files-page-select {
    padding-top:calc(var(--space-1-2rem)*var(--forum-padding-density));
  }

  [id="setmods"] dl {
    padding:calc(var(--space-0-8rem)*var(--forum-padding-density))0;
  }

  [id="setmods"] dt {
    font-weight:600;
    margin:var(--space-0-4rem) auto var(--space-0-4rem) var(--space-1-6rem);
  }

  [id="profile"] [id="setmods"] dd {
    margin-left:var(--space-2rem);
  }

  [id="setmods"] dd div.checkfield {
    padding:calc(var(--space-3px)*var(--forum-padding-density)) calc(var(--space-2px)*var(--forum-padding-density));
  }

  div.checkfield .sub {
    margin-left:var(--space-1-4rem);
  }

  [id="profile-gifts"] {
    margin:var(--space-1-8rem) var(--space-1-4rem) var(--space-1rem);
  }

  [id="pun-mod"].punbb [id="send_gift"] tr td {
    vertical-align:middle;
  }

  .punbb.mod-gifts p:has(input[type="button"]) {
    margin-top:var(--space-1-4rem);
  }

  [id="profileContainer"] .fs-box tr {
    display:table-row;
  }

  [id="awards-content"] tr {
    width:100%;
    margin:var(--space-0px);
    padding:calc(var(--space-0px)*var(--forum-padding-density));
  }

  [id="awards-content"] td.tc2,[id="awards-content"] td.tcl {
    width:20%!important;
    text-align:center;
  }

  .punbb .profile-awards-container div.fs-box table td,.punbb [id="awards-content"] td {
    vertical-align:middle;
  }

  .profile-awards-container fieldset:nth-child(2) {
    padding:calc(var(--space-1rem)*var(--forum-padding-density));
    border-radius:var(--secondary-border-radius);
  }

  [id="pun-mod"] h2 {
    grid-template-columns:1fr auto auto;
    gap:var(--space-0px) var(--space-12px);
  }

  [id="pun-mod"] h2 .catleft {
    grid-column:1/2;
  }

  [id="pun-mod"] h2 span {
    grid-column:2/-2;
  }

  [id="pun-mod"] h2 .fr {
    grid-column:-2/-1;
  }

  [id="awards-content"] a.award-edit,[id="awards-content"] a.award-delete {
    padding:calc(var(--space-2px)*var(--forum-padding-density)) calc(var(--space-6px)*var(--forum-padding-density));
  }

  .usertable td,.fs-box .hasicon td {
    width:100%!important;
    text-align:center;
  }

  #messages .fs-box tr {
    display:grid;
    grid-template-columns:1.7fr 1.2fr 0.8fr 0.3fr;
    grid-template-rows:auto;
    align-items:center;
    margin:var(--space-1rem) var(--space-0rem);
  }

  #messages .fs-box tr:first-of-type {
    margin-top:var(--space-0-2rem);
  }

  #messages .fs-box thead tr {
    margin:var(--space-0rem);
  }

  #messages th.pmtcl1,#messages th.pmtc22,#messages th.pmtc33,#messages th.pmtc24 {
    width:100%!important;
    text-align:left;
  }

  #messages th.pmtc33,#messages th.pmtc24,#messages .pmtc33,#messages .pmtc24 {
    text-align:center;
  }

  #messages .pmtcl1 {
    text-align:left;
  }

  #messages .tc2.pmtc22 {
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:center;
  }

  [id="pun"] .tc2.pmtc22 .user-avatar {
    margin:var(--space-0px) var(--space-12px) var(--space-0px) var(--space-0px)!important;
  }

  .fs-box .post-content tr {
    display:table-row;
  }

  [id="pun-messages"] .fs-box h3 {
    margin-top:var(--space-0rem);
    margin-right:var(--space-0rem);
  }

  [id="notify-settings"] {
    margin:auto var(--space-0rem) var(--space-1-4rem) calc(-1*var(--profile-nav) - var(--space-1-4rem))!important;
    padding:calc(var(--space-0-8rem)*var(--forum-padding-density)) calc(var(--space-1-6rem)*var(--forum-padding-density));
    overflow:auto;
    font-size:1.1rem;
    line-height:1.1;
    border-radius:var(--main-border-radius);
  }

  [id="volSlider"] {
    position:relative;
    z-index:3;
    float:right;
    margin:var(--space-3px) var(--space-5px) var(--space-3px)!important;
    width:120px!important;
    height:2px!important;
    border-radius:var(--main-border-radius)!important;
  }

  [id="volSlider"] .before {
    position:absolute;
    margin-top:var(--space-0px)!important;
    height:2px!important;
    border-radius:var(--radius-0px)!important;
  }

  [id="volSlider"] .thumb {
    position:relative;
    top:-4px!important;
    cursor:pointer;
    width:10px!important;
    height:10px!important;
    border-radius:var(--radius-50pct)!important;
  }

  .linkst,.linksb {
    margin:var(--space-1rem) var(--space-0px);
    padding:calc(var(--space-0-5rem)*var(--forum-padding-density))0;
    font-size:1.1rem;
  }

  .pagelink strong,.pagelink a {
    margin:auto;
    padding:calc(var(--space-2px)*var(--forum-padding-density)) calc(var(--space-3px)*var(--forum-padding-density));
    font-size:1.2rem;
  }

  .linkst {
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-rows:auto;
    gap:var(--space-0px) var(--space-12px);
  }

  .linkst .pagelink {
    grid-column:1/2;
    grid-row:1/2;
    min-width:0px;
  }

  .linkst .postlink {
    grid-column:-2/-1;
    grid-row:1/2;
    justify-self:end;
    min-width:0px;
  }

  .linksb {
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-rows:auto;
    gap:var(--space-12px) var(--space-12px);
  }

  .linksb .pagelink {
    grid-row:1/2;
    grid-column:1/-2;
    min-width:0px;
  }

  [id="pun"] #pun-viewtopic .linksb .postlink {
    display:block;
  }

  [id="pun"] #pun-viewtopic .linksb .postlink span.closed {
    padding:0;
    font-size:0px;
    opacity:0.7;
  }

  [id="pun"] #pun-viewtopic .linksb .postlink span.closed:before {
    display:inline-block;
    content:"\f023 ";
    font-family:var(--fa);
    text-transform:none;
    font-size:16px;
    font-weight:900;
  }

  .linksb .postlink {
    grid-row:1/2;
    grid-column:2/-1;
    min-width:0px;
  }

  .linksb .subscribelink {
    grid-column:1/2;
    grid-row:2/3;
    margin:var(--space-0-8rem) auto var(--space-0rem) var(--space-0rem);
    float:none;
  }

  [id="s-block"] {
    display:flex;
    justify-content:flex-end;
    grid-column:2/-1;
    margin:var(--space-0-3rem) var(--space-0-5rem) auto auto;
    max-width:190px;
    float:none!important;
    clear:both;
  }

  [id="s-block"] [id="sTheme"] {
    margin:var(--space-0rem);
    height:auto;
    min-height:25px;
    border-radius:var(--main-border-radius) var(--radius-0rem) var(--radius-0rem) var(--main-border-radius);
  }

  [id="s-block"] [id="isk"] {
    margin:var(--space-0rem);
    width:auto;
    height:auto;
    min-height:25px;
  }

  [id="s-block"] [id="isk"]:before {
    margin:auto;
    padding:calc(var(--space-2px)*var(--forum-padding-density)) calc(var(--space-4px)*var(--forum-padding-density));
    width:auto;
    height:auto;
    line-height:1;
    font-size:14px;
  }

  .post h3 {
    margin:var(--space-1-4rem) calc(var(--space-0rem) - var(--padding-punbb)) var(--space-1-6rem) var(--space-0rem);
    padding:calc(var(--space-0-8rem)*var(--forum-padding-density)) calc(var(--padding-punbb)*var(--forum-padding-density)) calc(var(--space-0-6rem)*var(--forum-padding-density)) calc(var(--space-1rem)*var(--forum-padding-density));
    text-align:right;
    font-size:1.1rem;
  }

  h3 span {
    display:block;
    position:relative;
    margin:var(--space-0px) var(--space-0px);
    padding:calc(var(--space-0px)*var(--forum-padding-density));
  }

  .topic h3 a.sharelink {
    float:right;
    margin-right:var(--space-0rem);
    margin-left:var(--space-1rem);
    font-size:0rem;
  }

  .topic h3 a.sharelink:before {
    content:"\f1e0 ";
    font-size:1.1rem;
    font-family:var(--fa);
    font-weight:900;
    text-transform:none;
  }

  h3 span strong:first-of-type:before {
    content:"#";
  }

  h3 span strong:first-of-type {
    margin-left:var(--space-1rem);
    float:right;
  }

  .post h3+.container {
    display:grid;
    grid-template-columns:auto 1fr;
    grid-template-areas:"post-author post-body"". post-body""post-links post-links";
    gap:var(--space-10px) var(--space-16px);
    overflow-wrap:break-word;
  }

  .post-author {
    position:relative;
    display:block;
    margin:var(--space-4px) auto var(--space-16px) var(--space-0px);
    padding:calc(var(--space-2rem)*var(--forum-padding-density)) calc(var(--space-1-4rem)*var(--forum-padding-density)) calc(var(--space-1-6rem)*var(--forum-padding-density));
    width:var(--profile-width);
    align-self:start;
    text-align:center;
    border-radius:var(--secondary-border-radius);
  }

  .post-author ul {
    padding:calc(var(--space-0px)*var(--forum-padding-density));
  }

  .post-author.online:before {
    content:"";
    display:block;
    position:absolute;
    top:0rem;
    left:50%;
    transform:translate(-50%,-11px) rotate(0deg);
    width:18px;
    height:20px;
    clip-path:polygon(50%0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%);
  }

  .post-author li {
    margin:var(--space-0-5rem) auto;
  }

  .post-author li:first-child {
    margin-top:var(--space-0px);
  }

  .post-author li:last-child {
    margin-bottom:var(--space-0px);
  }

  .pa-author i[id="tuser"] {
    display:block;
    position:absolute;
    top:0rem;
    left:0rem;
    transform:translate(-100%,1.5rem);
    margin-left:auto!important;
    padding:calc(var(--space-4px)*var(--forum-padding-density)) calc(var(--space-4px)*var(--forum-padding-density)) calc(var(--space-4px)*var(--forum-padding-density)) calc(var(--space-6px)*var(--forum-padding-density))!important;
    width:auto!important;
    height:auto!important;
    line-height:1;
    text-align:center;
    font-family:var(--fa);
    text-transform:none;
    font-size:10px;
    font-weight:900;
    border-radius:var(--main-border-radius) var(--radius-0px) var(--radius-0px) var(--main-border-radius);
    opacity:1!important;
  }

  i[id="tuser"]:hover {
    opacity:1!important;
  }

  .pa-author i[class^="icons-"]:before,.pa-author i[class*=" icons-"]:before,.pa-author .i[class*=" icons-"]:before,.pa-author .i[class^="icons-"] {
    margin-right:var(--space-0rem);
    margin-left:var(--space-0rem);
  }

  [id="pun"] .punbb .pa-author .flag-i {
    position:absolute;
    top:-0px;
    left:0%;
    transform:translate(-100%,calc(100% + 3.5rem));
    margin-right:var(--space-0rem);
    height:12px;
  }

  .pa-title {
    font-style:italic;
    font-size:1.1rem;
  }

  .pa-author {
    margin-left:-0.4rem!important;
    margin-right:-0.4rem!important;
    padding:calc(var(--space-6px)*var(--forum-padding-density)) calc(var(--space-4px)*var(--forum-padding-density)) calc(var(--space-5px)*var(--forum-padding-density));
    font-family:Trebuchet Ms,Tahoma,Arial,sans-serif;
    font-weight:600;
    font-size:1.6rem;
    line-height:1.2;
    border-radius:var(--secondary-border-radius);
  }

  p.pa-author {
    font-family:Trebuchet Ms,Tahoma,Arial,sans-serif;
    font-weight:600;
    font-size:1.2rem;
    line-height:1.2;
  }

  li.pa-avatar img {
    max-width:100%;
    width:auto;
    max-height:400px;
    height:auto;
    border-radius:var(--secondary-border-radius);
  }

  .pa-respect a img {
    display:none;
  }

  li.pa-respect>span:not(.fld-name) {
    display:inline-block;
  }

  .pa-respect>a:before {
    content:"\f068 ";
    font-family:var(--fa);
    text-transform:none;
    font-weight:900;
    font-size:8px;
    line-height:1;
  }

  .pa-respect>a:first-of-type:before {
    content:"\f004 ";
    font-family:var(--fa);
    font-weight:900;
    text-transform:none;
    padding:calc(var(--space-0px)*var(--forum-padding-density)) calc(var(--space-2px)*var(--forum-padding-density));
  }

  .post-body {
    line-height:1.5;
    position:relative;
    margin:var(--space-0px) var(--space-0px);
    padding:0;
  }

  .post-box {
    position:relative;
    padding:calc(var(--space-0px)*var(--forum-padding-density)) calc(var(--space-5px)*var(--forum-padding-density));
    text-align:justify;
  }

  .punbb .post-content {
    width:100%;
    padding:0;
    margin:0;
    word-break:break-word;
  }

  [id="post-preview"] .post-box,[id="pun-delete"] .post-box {
    max-width:860px;
    margin:var(--space-1-2rem) auto var(--space-1-2rem);
    line-height:1.5;
  }

  .fs-box.hashelp p.areafield.required {
    margin:var(--space-0rem) var(--space-1rem) var(--space-1rem);
  }

  .fs-box.hashelp div.history_posts_list {
    margin:var(--space-0rem) var(--space-1rem) var(--space-1-4rem);
  }

  [id="history_selected_diff"] {
    margin:var(--space-1-2rem);
    padding:calc(var(--space-1-2rem)*var(--forum-padding-density)) calc(var(--space-1-4rem)*var(--forum-padding-density));
    border-radius:var(--secondary-border-radius);
  }

  .post-content p,[id="post-preview"] .post-content p {
    padding:0;
    margin:auto auto var(--space-0-8rem) auto;
  }

  .post-content p:last-of-type,[id="post-preview"] .post-content p:last-of-type {
    padding:0;
    margin:auto auto;
  }

  .post-content p:has(+table),[id="post-preview"] .post-content p:has(+table),.post-content p:has(+ul),[id="post-preview"] .post-content p:has(+ul) {
    margin-bottom:var(--space-0-3rem);
  }

  .post-content p~table {
    margin:var(--space-0-8rem) var(--space-0rem) var(--space-0-8rem) var(--space-0rem);
  }

  .punbb .post-content ul {
    padding:calc(var(--space-0-6rem)*var(--forum-padding-density))0 calc(var(--space-1rem)*var(--forum-padding-density)) calc(var(--space-2rem)*var(--forum-padding-density));
  }

  .punbb .post-content tbody {
    vertical-align:middle;
  }

  .post-box .post-content td {
    display:table-cell;
    padding:calc(var(--space-0-5rem)*var(--forum-padding-density)) calc(var(--space-0-8rem)*var(--forum-padding-density))!important;
    height:auto;
    overflow:hidden;
  }

  .lastedit {
    font-size:1rem;
    font-style:italic;
    text-align:right;
    opacity:0.8;
  }

  [id="pun-help"] blockquote,[id="pun-help"] div.blockcode,.post-content .quote-box,.post-content .code-box,.post-content .hide-box {
    display:block;
    position:relative;
    padding:calc(var(--space-1-4rem)*var(--forum-padding-density)) calc(var(--space-1-6rem)*var(--forum-padding-density));
    margin:var(--space-1-4rem) var(--space-1rem) var(--space-1-6rem);
    line-height:1.5;
    border-radius:var(--secondary-border-radius);
  }

  .post-content .quote-box:has(+.post-sig),.post-content .code-box:has(+.post-sig),.post-content .hide-box:has(+.post-sig) {
    margin:var(--space-1-4rem) var(--space-1rem) var(--space-0-4rem);
  }

  .post-content .quote-box {
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto;
    grid-auto-flow:row;
  }

  .quote-box cite,.quote-box blockquote {
    min-width:0px;
  }

  .quote-box cite:before {
    font-size:1.2rem;
    content:"\f10e ";
    font-family:var(--fa);
    text-transform:none;
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    padding:calc(var(--space-4px)*var(--forum-padding-density));
    line-height:1;
    font-weight:900;
  }

  .quote-box p:last-of-type,blockquote p:last-of-type,.post-content p:last-of-type {
    padding-bottom:0;
  }

  .quote-box cite,.code-box .legend,.hide-box cite,[id="pun-help"] blockquote strong,[id="pun-help"] div.blockcode strong {
    display:block;
    position:relative;
    margin:-1.4rem -1.6rem var(--space-1rem);
    padding:calc(var(--space-0-8rem)*var(--forum-padding-density)) calc(var(--space-1-6rem)*var(--forum-padding-density)) calc(var(--space-0-6rem)*var(--forum-padding-density));
    width:auto;
    min-width:40%;
    text-align:center;
    font-weight:600;
    font-size:1.1rem;
    line-height:1.4;
    border-radius:calc(var(--secondary-border-radius) - var(--radius-1px)) calc(var(--secondary-border-radius) - var(--radius-1px)) var(--radius-0px) var(--radius-0px);
  }

  pre {
    font-family:monospace;
    font-size:1.1rem;
  }

  [id="pun"] .post-content .scrollbox,[id="pun-help"] .scrollbox {
    overflow:auto;
    height:auto!important;
    max-height:16rem!important;
    width:100%;
    padding-bottom:calc(var(--space-0-8rem)*var(--forum-padding-density));
  }

  .spoiler-box>div[onclick]>p {
    margin:0!important;
    padding:0!important;
  }

  .post-content .quote-box.spoiler-box {
    padding:calc(var(--space-0px)*var(--forum-padding-density));
  }

  [id="pun"] .post-content .spoiler-box>div {
    display:block;
    position:relative;
    padding:calc(var(--space-1-4rem)*var(--forum-padding-density)) calc(var(--space-1-8rem)*var(--forum-padding-density)) calc(var(--space-1-4rem)*var(--forum-padding-density)) calc(var(--space-42px)*var(--forum-padding-density))!important;
    min-height:20px;
    font-size:inherit;
  }

  [id="pun"] .post-content .spoiler-box>blockquote {
    padding:calc(var(--space-0-2rem)*var(--forum-padding-density)) calc(var(--space-1-8rem)*var(--forum-padding-density)) calc(var(--space-1-4rem)*var(--forum-padding-density));
  }

  .post-content .spoiler-box>div:before {
    content:"\f067 ";
    font-family:var(--fa);
    font-weight:900;
    text-transform:none;
    font-size:12px;
    position:absolute;
    top:50%;
    left:16px;
    display:inline-block;
    margin:var(--space-0px) var(--space-8px) auto var(--space-0px);
    height:20px;
    line-height:20px;
    transform:translateY(-50%) rotate(0deg);
    transition:0.5s ease-in-out;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
  }

  .post-content .spoiler-box>div.visible:before {
    content:"\f068 ";
    font-family:var(--fa);
    font-weight:900;
    text-transform:none;
    height:20px;
    line-height:20px;
    transform:translateY(-50%) rotate(-180deg);
  }

  div.post-rating {
    padding-top:calc(var(--space-0-8rem)*var(--forum-padding-density));
  }

  [id="pun"] div.post-rating p {
    position:relative;
    padding:calc(var(--space-4px)*var(--forum-padding-density)) calc(var(--space-10px)*var(--forum-padding-density))!important;
    max-height:24px;
    font-size:1.1rem;
    line-height:1;
    border-radius:var(--main-border-radius);
  }

  div.post-rating p a {
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:center;
  }

  div.post-rating p a:before {
    content:"\f004 ";
    font-family:var(--fa);
    font-weight:900;
    text-transform:none;
    font-size:1rem;
    margin-right:var(--space-0-6rem);
    transform:scale(1);
    transition:0.25s ease-in-out;
  }

  div.post-rating p:hover a:before {
    transform:scale(1.2);
  }

  [id="pun"] div.post-vote p {
    display:flex;
    align-items:center;
    padding:calc(var(--space-4px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density))!important;
    max-height:24px;
    line-height:1;
    font-size:1.1rem;
    border-radius:var(--main-border-radius);
  }

  .post-sig {
    padding:calc(var(--space-0-4rem)*var(--forum-padding-density)) calc(var(--space-0px)*var(--forum-padding-density)) calc(var(--space-1-4rem)*var(--forum-padding-density)) calc(var(--space-0px)*var(--forum-padding-density));
  }

  .post-sig dt {
    position:relative;
    display:block;
    height:1px;
    width:auto;
    max-width:80%;
    margin:var(--space-14px) auto var(--space-12px);
  }

  .post-sig dd {
    font-size:1.2rem;
    line-height:1.5;
  }

  .post-links {
    padding:calc(var(--space-0-8rem)*var(--forum-padding-density)) calc(var(--space-1-2rem)*var(--forum-padding-density)) calc(var(--space-0-6rem)*var(--forum-padding-density));
    font-size:1.2rem;
    text-transform:lowercase;
    text-align:right;
  }

  .post-links ul li {
    display:inline-block;
  }

  .post-links ul li a {
    margin:auto var(--space-4px);
    padding:calc(var(--space-2px)*var(--forum-padding-density)) calc(var(--space-4px)*var(--forum-padding-density));
    line-height:1.1;
  }

  .post-links li.pl-email,.post-links li.pl-website {
    float:left;
  }

  .postlink {
    text-align:right;
  }

  div.postlink.long {
    width:auto;
  }

  .postlink span,.subscribelink a,[id="pun-searchposts"] .post-links li {
    margin:var(--space-0-5rem);
    padding:calc(var(--space-0-4rem)*var(--forum-padding-density)) calc(var(--space-0-8rem)*var(--forum-padding-density));
    border-radius:var(--main-border-radius);
  }

  .postlink.long .new-topic {
    padding-right:calc(var(--space-0-8rem)*var(--forum-padding-density));
  }

  p.inputfield {
    margin:var(--space-1rem);
  }

  [id="form-area"].container {
    margin:var(--space-1-2rem) var(--space-1rem) var(--space-1rem);
  }

  [id="post-form"] h2 {
    margin:var(--space-1rem) calc(var(--space-0rem) - var(--padding-punbb)) var(--space-1-2rem);
  }

  textarea {
    margin:var(--space-0-6rem) var(--space-0rem) var(--space-0-2rem);
    padding:calc(var(--space-1-4rem)*var(--forum-padding-density));
    max-width:100%;
    line-height:1.5;
  }

  textarea[id="main-reply"] {
    text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
  }

  [id="form-buttons"] {
    margin:var(--space-0-4rem) var(--space-1rem);
    padding:calc(var(--space-0-4rem)*var(--forum-padding-density)) calc(var(--space-0-8rem)*var(--forum-padding-density));
    border-radius:var(--main-border-radius);
  }

  .punbb .hashelp {
    position:relative;
  }

  [id="post"] .container[id$="-area"],[id="tags"] .container {
    display:block;
    overflow:auto;
    max-height:276px;
    border-radius:var(--main-border-radius);
  }

  [id="form-buttons"]+[id="tags"] {
    position:relative;
  }

  [id="pun"] [id="tags"] .container {
    position:absolute;
    right:0px;
    top:0px!important;
    z-index:2;
    padding:calc(var(--space-12px)*var(--forum-padding-density)) calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-10px)*var(--forum-padding-density));
    text-align:center;
  }

  [id="tags"] tr {
    display:table-row;
  }

  [id="pun-messages"] [id="post-form"] div.container {
    padding-left:calc(var(--space-12px)*var(--forum-padding-density))!important;
  }

  [id="font-area"],[id="size-area"] {
    right:unset!important;
  }

  [id="font-area"] div,[id="size-area"] div,[id="addition-area"] div {
    height:auto!important;
    padding:calc(var(--space-4px)*var(--forum-padding-density)) calc(var(--space-8px)*var(--forum-padding-density));
  }

  [id="font-area"] div:hover,[id="size-area"] div:hover,[id="addition-area"] div:hover {
    border-radius:var(--main-border-radius);
  }

  [id="image-area-tcon-computer"] {
    margin-bottom:var(--space-0-6em);
  }

  [id="image-area"] {
    max-width:430px;
  }

  [id="pun"] #keyboard-span input {
    margin:var(--space-2px);
    padding:calc(var(--space-2px)*var(--forum-padding-density)) calc(var(--space-8px)*var(--forum-padding-density))!important;
    font-weight:400!important;
    font-size:12px;
    border-radius:var(--main-border-radius);
  }

  [id="form-buttons"] tr {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(24px,1fr));
    grid-template-rows:auto;
    gap:var(--space-6px) var(--space-6px);
    text-align:center;
  }

  [id="form-buttons"] td {
    position:relative;
    padding:0!important;
    height:24px;
    line-height:0;
    cursor:pointer;
    font-family:var(--fa);
    text-transform:none;
    font-size:16px;
    font-weight:900;
    opacity:0.9;
  }

  [id="form-buttons"] td img {
    opacity:0;
    position:absolute;
    display:block;
    height:100%;
    width:100%;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
  }

  [id="form-buttons"] td:hover {
    opacity:1;
  }

  [id="form-buttons"] td:before {
    pointer-events:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  [id="button-font"]:before {
    content:"\f031 ";
    font-family:var(--fa);
    font-weight:900;
    text-transform:none;
  }

  [id="button-size"]:before {
    content:"\f034 ";
    font-family:var(--fa);
    font-weight:900;
    text-transform:none;
  }

  [id="button-bold"]:before {
    content:"\f032 ";
    font-family:var(--fa);
    font-weight:900;
    text-transform:none;
  }

  [id="button-italic"]:before {
    content:"\f033 ";
    font-family:var(--fa);
    font-weight:900;
    text-transform:none;
  }

  [id="button-underline"]:before {
    content:"\f0cd ";
  }

  [id="button-strike"]:before {
    content:"\f0cc ";
  }

  [id="button-left"]:before {
    content:"\f036 ";
    font-family:var(--fa);
    font-weight:900;
    text-transform:none;
  }

  [id="button-center"]:before {
    content:"\f037 ";
    font-family:var(--fa);
    font-weight:900;
    text-transform:none;
  }

  [id="button-right"]:before {
    content:"\f038 ";
    font-family:var(--fa);
    font-weight:900;
    text-transform:none;
  }

  [id="button-link"]:before {
    content:"\f0c1 ";
    font-family:var(--fa);
    font-weight:900;
    text-transform:none;
  }

  [id="button-spoiler"]:before {
    content:"\f086 ";
    font-family:var(--fa);
    font-weight:900;
    text-transform:none;
  }

  [id="button-image"]:before {
    content:"\f03e ";
    font-family:var(--fa);
    font-weight:900;
    text-transform:none;
  }

  [id="button-video"]:before {
    content:"\f03d ";
    font-family:var(--fa);
    font-weight:900;
    text-transform:none;
  }

  [id="button-hide"]:before {
    content:"\f023 ";
    font-family:var(--fa);
    font-weight:900;
    text-transform:none;
  }

  [id="button-quote"]:before {
    content:"\f10e ";
    font-family:var(--fa);
    font-weight:900;
    text-transform:none;
  }

  [id="button-code"]:before {
    content:"\f121 ";
    font-family:var(--fa);
    font-weight:900;
    text-transform:none;
  }

  [id="button-color"]:before {
    content:"\f1fb ";
  }

  [id="button-table"]:before {
    content:"\f0ce ";
    font-family:var(--fa);
    font-weight:900;
    text-transform:none;
  }

  [id="button-smile"]:before {
    content:"\f118 ";
    font-family:var(--fa);
    font-weight:900;
    text-transform:none;
  }

  [id="button-keyboard"]:before {
    content:"\f11c ";
  }

  [id="button-addition"]:before {
    content:"\f055 ";
    font-family:var(--fa);
    font-weight:900;
    text-transform:none;
  }

  [id="button-files_rusff"]:before {
    content:"\f067 ";
    font-family:var(--fa);
    font-weight:900;
    text-transform:none;
  }

  [id="button-graffiti_rusff"]:before {
    content:"\f075 ";
    font-family:var(--fa);
    font-weight:900;
    text-transform:none;
  }

  [id="pun"] [id="pun-graffiti-rusff"] .inner.popup_graffiti {
    position:fixed!important;
    left:50%!important;
    top:25%!important;
    margin:-130px 0 0 0!important;
    transform:translateX(-50%);
    width:auto!important;
    max-width:700px!important;
  }

  .punbb .inner.popup_graffiti h1 {
    grid-template-columns:1fr auto auto;
  }

  .punbb .inner.popup_graffiti h1:before {
    grid-column:1/2;
  }

  .punbb .inner.popup_graffiti h1 span:first-of-type {
    grid-column:2/-2;
  }

  [id="pun-respect"] [id="pun-main"] .container,[id="pun-positive"] [id="pun-main"] .container {
    padding:calc(var(--space-6px)*var(--forum-padding-density)) calc(var(--space-14px)*var(--forum-padding-density))0;
    text-align:center;
  }

  [id="pun-respect"] .tc3,[id="pun-positive"] .tc3 {
    word-break:break-word;
  }

  [id="similar-topics"] div.container {
    padding:calc(var(--space-0-2rem)*var(--forum-padding-density)) calc(var(--space-1-2rem)*var(--forum-padding-density)) calc(var(--space-1rem)*var(--forum-padding-density));
  }

  [id="pun"] #similar-topics div.container {
    padding-top:calc(var(--space-0-2rem)*var(--forum-padding-density));
  }

  [id="pun"] #similar-topics td {
    padding:calc(var(--space-4px)*var(--forum-padding-density)) calc(var(--space-0px)*var(--forum-padding-density));
  }

  [id="pun-regrules"] p.formsubmit {
    margin-top:var(--space-2rem);
  }

  [id="pun-regrules"] .html-box {
    text-align:justify;
  }

  form[id="register"] div.info-box {
    margin:var(--space-0-2rem) var(--space-1-4rem) var(--space-0-3rem);
    text-align:justify;
  }

  form[id="register"] div.info-box p {
    padding:0 0 calc(var(--space-0-9rem)*var(--forum-padding-density))0;
    line-height:1.4;
  }

  [id="pun-register"].punbb .formal fieldset,[id="pun-login"].punbb .formal fieldset {
    margin-bottom:var(--space-1-2rem);
    padding:calc(var(--space-1rem)*var(--forum-padding-density));
    border-radius:var(--secondary-border-radius);
  }

  [id="pun-login"] .fs-box p.inputfield:not(p.required),[id="pun-register"] .fs-box p.inputfield {
    display:block;
  }

  [id="pun-register"] p.inputfield {
    margin:var(--space-0rem) var(--space-1rem) var(--space-0-8rem);
  }

  [id="pun-login"] p.infofield,[id="pun-register"] p.infofield {
    display:block;
    clear:both;
  }

  [id="pun-register"] p.inputfield:not(.required)>br:has(+span.input),[id="pun-login"] p.inputfield:not(.required)>br:has(+span.input) {
    display:none;
  }

  [id="pun-register"] fieldset.radiofield label {
    font-size:1.2rem;
  }

  .redirect-page #pun {
    margin:var(--space-10pct) auto auto;
    text-align:center;
    font-size:1.2rem;
  }

  .redirect-page h1+div.info {
    padding:calc(var(--space-0px)*var(--forum-padding-density));
  }

  [id="BookmCntToggle"] {
    top:10px!important;
    height:26px!important;
    width:26px!important;
    z-index:11!important;
    opacity:0.85!important;
    border-radius:var(--main-border-radius);
  }

  [id="BookmCntToggle"]:hover {
    opacity:1!important;
  }

  [id="MyBookmarks"] {
    margin-top:var(--space-50px);
    height:auto!important;
    min-height:150px;
    max-height:500px;
    border-radius:var(--radius-0px) var(--secondary-border-radius) var(--secondary-border-radius) var(--radius-0px);
  }

  [id="MyBookmarks"] .container {
    margin-top:var(--space-2-6rem);
  }

  [id="MyBookmarks"] span.scrl.t,[id="MyBookmarks"] span.scrl.b {
    top:-2rem!important;
  }

  [id="MyBookmarks"] inner {
    margin-top:var(--space-2-4rem);
    padding-top:calc(var(--space-0rem)*var(--forum-padding-density))!important;
    max-height:400px;
    overflow-x:hidden;
    overflow-y:auto;
  }

  [id="pun"] .punbb [id="MyBookmarks"] h2,[id="pun"] .punbb [id="MyBookmarks"] h1 {
    display:block;
    margin:var(--space-0px) var(--space-0px) var(--space-4px)!important;
    padding:calc(var(--space-6px)*var(--forum-padding-density)) calc(var(--space-20px)*var(--forum-padding-density)) calc(var(--space-6px)*var(--forum-padding-density)) calc(var(--space-4px)*var(--forum-padding-density));
    font-size:1.1rem;
    border-radius:var(--radius-0px) calc(var(--secondary-border-radius) - var(--radius-1px)) var(--radius-0px) var(--radius-0px);
  }

  [id="pun"] .punbb [id="MyBookmarks"] h2:before,[id="pun"] .punbb [id="MyBookmarks"] h1:before {
    display:none;
  }

  [id="pun"] .punbb .editBookmark h1 {
    display:block;
    font-size:1.1rem;
  }

  [id="pun"] .punbb .editBookmark h1:before {
    display:none;
  }

  .reactions-root {
    margin-top:var(--space-1-2rem);
  }

  [id="pun"] .post-body .reactions-container {
    justify-content:flex-end;
    margin-right:var(--space-4px);
  }

  [id="pun"] .reaction-picker {
    order:5;
  }

  [id="pun"] .post-body .reaction-picker-panel {
    right:0;
  }

  [id="pun"] .post-body .reaction-picker-button {
    width:18px;
    height:18px;
    padding:calc(var(--space-4px)*var(--forum-padding-density));
    margin-top:var(--space-4px);
  }

  [id="pun"] .post-body .emoji-mart {
    font-size:11px;
    border-radius:var(--main-border-radius);
  }

  [id="pun"] .post-body .reaction-chip {
    border-radius:var(--main-border-radius);
  }

  [id="pun"] .reactions-root .emoji-mart-search input {
    margin-bottom:var(--space-6px);
    font-size:1.1rem;
    border-radius:var(--main-border-radius);
  }

  [id="pun"] .reactions-root .emoji-mart-search-icon {
    top:5px;
  }

  [id="pun"] .reactions-root .emoji-mart-category-label span {
    border-radius:var(--main-border-radius);
  }

  [id="pun"] div#pun-live-rusff {
    margin:var(--space-1-4rem) var(--space-0rem) var(--space-0rem);
    height:auto;
    width:auto;
    line-height:1.4;
    font-size:1.1rem;
    overflow:auto;
  }

  [id="pun"] .cool1 {
    width:100px;
    font-size:10px;
  }

  [id="html-header"] {
    grid-row:4;
  }

  [id="pun-title"] {
    grid-column:1;
    grid-row:1;
  }

  [id="pun-navlinks"] {
    grid-column:1;
    grid-row:2;
  }

  [id="pun-ulinks"] {
    grid-column:1;
    grid-row:3;
  }

  [id="pun-index"] .category .tcl,[id="pun-viewforum"] .category .isub .tcl {
    grid-area:lone;
    min-width:0px;
  }

  [id="pun-index"] .category .tc2,[id="pun-viewforum"] .category .isub .tc2 {
    grid-area:ltwo;
    min-width:70px;
    align-items:flex-start;
  }

  [id="pun-index"] .category .tc3,[id="pun-viewforum"] .category .isub .tc3 {
    grid-area:lthree;
    min-width:70px;
    align-items:flex-start;
  }

  [id="pun-index"] .category .tcr,[id="pun-viewforum"] .category .isub .tcr {
    grid-area:lfour;
    min-width:0px;
    max-width:414px;
  }

  [id="pun-index"] div.icon,[id="pun-viewforum"] .isub div.icon {
    grid-area:iconka;
    min-width:0px;
  }

  [id="pun-index"] div.tclcon,[id="pun-viewforum"] .isub div.tclcon {
    grid-area:neiconka;
    min-width:0px;
  }

  [id="pun-index"] .user-avatar,[id="pun-viewforum"] .isub .user-avatar {
    grid-area:avaindex;
    min-width:0px;
  }

  .lastpost-link {
    grid-area:lastpost-a;
    align-self:start;
    min-width:0px;
  }

  [id="pun-index"] span.lastpost,[id="pun-viewforum"] .isub span.lastpost {
    grid-area:lastpost-span;
    align-self:end;
    min-width:0px;
  }

  [id="pun-stats"] li.item1 {
    grid-area:ntemy;
    min-width:0px;
  }

  [id="pun-stats"] li.item2 {
    grid-area:nsoob;
    min-width:0px;
  }

  [id="pun-stats"] li.item3 {
    grid-area:nrega;
    min-width:0px;
  }

  [id="pun-stats"] li.item4 {
    grid-area:nregapos;
    min-width:0px;
  }

  [id="pun-stats"] li.item5.onlinelist {
    grid-area:nonlinelist;
    min-width:0px;
  }

  [id="pun-stats"] li.item5.users_24h {
    grid-area:nusers_24h;
    min-width:0px;
    max-height:100px;
  }

  .forum .tcr .user-avatar,.usertable .user-avatar {
    grid-area:avain;
    min-width:0px;
  }

  .usertable .user-avatar {
    margin:auto auto auto var(--space-0px);
  }

  .usertable .usersname {
    grid-area:nikname;
    min-width:0px;
    margin:auto auto auto var(--space-0px);
  }

  .forum .tcr .user-avatar+a {
    grid-area:avaina;
    min-width:0px;
    align-self:end;
  }

  .forum .tcr span.byuser {
    grid-area:abyuser;
    min-width:0px;
    align-self:start;
  }

  .post-author {
    grid-area:post-author;
    min-width:0px;
  }

  .post-body {
    grid-area:post-body;
    min-width:0px;
  }

  .post-links {
    grid-area:post-links;
    min-width:0px;
  }

  .post-author li.pa-author {
    grid-area:pa-autor;
    min-width:0px;
  }

  .post-author li.pa-avatar {
    grid-area:pa-avatar;
    min-width:0px;
  }

  .post-author li.pa-title {
    grid-area:pa-title;
    min-width:0px;
  }

  .post-author li.pa-respect {
    grid-area:pa-respect;
    min-width:0px;
  }

  .post-author li.pa-posts {
    grid-area:pa-posts;
    min-width:0px;
  }

  .punbb-admin [id="title-logo-tr"] [id="title-logo-tdr"] {
    clip-path:none;
  }

  div.admin-advert-block {
    display:block;
    position:absolute;
    top:10px;
    right:50%;
    transform:translateX(50%);
    text-align:center;
    border-radius:var(--secondary-border-radius);
    z-index:5;
  }

  .punbb-admin .linksb {
    display:flex;
    flex-wrap:wrap;
    height:auto!important;
    padding:calc(var(--space-1rem)*var(--forum-padding-density))0;
  }

  .punbb-admin .linksb .pagelink {
    font-size:1.1rem!important;
  }

  #pun-admain .linksb .postlink {
    font-size:1.1rem;
    flex-basis:45%;
  }

  .adcontainer:has(#adnav-standard) {
    border-radius:var(--radius-0px) var(--radius-0px) var(--secondary-border-radius) var(--secondary-border-radius);
  }

  #pun-admain h1,#pun-admain h2,#pun-admain h3,#pun-admain h4,.adformal h2,#pun-adnav h2,.adformal h2,#pun #pun-adnav h2 {
    padding:calc(var(--space-5px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density)) calc(var(--space-4px)*var(--forum-padding-density));
    font-size:1.1rem!important;
    border-radius:var(--secondary-border-radius) var(--secondary-border-radius) var(--radius-0px) var(--radius-0px);
  }

  #pun-admain1 form.adcontainer,#pun-admain2 form.adcontainer,#pun-admain-new form.adcontainer,#pun-admain1 div.adcontainer,#pun-admain2 div.adcontainer {
    padding:calc(var(--space-16px)*var(--forum-padding-density)) calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-0px) var(--radius-0px) var(--secondary-border-radius) var(--secondary-border-radius);
  }

  #pun-admain1 div.adcontainer {
    margin-bottom:var(--space-1-2rem);
  }

  #pun-admain2.adformal,#pun-admain3.adformal {
    margin-top:var(--space-1-2rem);
  }

  #pun-admain legend span {
    font-size:1.1rem!important;
    border-radius:var(--main-border-radius);
  }

  #pun-admain fieldset .handle,#pun-admain fieldset p {
    margin-bottom:var(--space-6px)!important;
    border-radius:var(--main-border-radius);
  }

  #pun-admain .tags {
    border-radius:var(--main-border-radius);
  }

  #pun-admain #ranks label[for^="fld"] {
    opacity:1;
  }

  #pun-admain input.button,#pun-admain p.submitend input[type="submit"],#pun-admain span.submitend input[type="submit"] {
    margin:var(--space-0-4rem) var(--space-0-2rem);
    padding:calc(var(--space-3px)*var(--forum-padding-density)) calc(var(--space-10px)*var(--forum-padding-density)) calc(var(--space-4px)*var(--forum-padding-density))!important;
    font-weight:400!important;
    font-size:1.1rem;
    letter-spacing:0.04rem;
  }

  #pun-admain select,#pun-admain optgroup {
    font-size:1.2rem!important;
  }

  div#pun-admain .adlabel {
    width:20rem;
    margin-left:-20rem;
    padding-left:calc(var(--space-1em)*var(--forum-padding-density));
    padding-right:calc(var(--space-0em)*var(--forum-padding-density));
  }

  #pun-admain2 fieldset .subforums {
    margin:var(--space-1rem) var(--space-0rem);
    width:100%;
  }

  #pun-admain #form-buttons td#button-smile {
    display:none;
  }

  #pun-admain #tags .container {
    max-width:320px;
  }

  #pun-admain #table-area td,#pun-admain #color-area td {
    padding:calc(var(--space-2px)*var(--forum-padding-density));
  }

  #pun-admain #table-area td img,#pun-admain #color-area td img {
    width:auto;
    height:15px;
  }

  :root {
    --links:600 14px "Roboto",sans-serif;
    --font-body:"Lora",Georgia,serif;
    --font-ui:"Roboto",Arial,sans-serif;
    --fa: 'Font Awesome';
    --font-symbols:var(--fa);
    --index-radius: 20px;
    --index-gap:20px;
  }

  .fa-icon,[class*="symbols-outlined"] {
    font-family:var(--fa);
    font-weight:900;
    font-style:normal;
    font-size:24px;
    line-height:1;
    letter-spacing:normal;
    text-transform:none;
    display:inline-block;
    white-space:nowrap;
    word-wrap:normal;
    direction:ltr;
    -webkit-font-smoothing:antialiased;
  }

  [class*="symbols-outlined"] {
    font-family:var(--font-symbols);
  }

  body {
    min-height:100vh;
  }

  #pun-index {
    font:400 14px/1.45 var(--font-body);
    border-radius:var(--index-radius);
  }

  #pun-index #pun-main {
    max-width:1200px;
    margin-inline:auto;
  }

  #pun-index .category {
    margin:0 0 var(--space-65px);
    min-width:0;
  }

  #pun-index #pun-main .category h2 {
    position:relative;
    display:flex;
    align-items:center;
    gap:var(--space-15px);
    width:auto;
    height:auto;
    margin:0 0 var(--space-12px);
    padding:0;
    overflow:visible;
    font:700 clamp(18px,4.8vw,40px)/1.05 var(--font-body);
    letter-spacing:-2px;
    text-align:left;
    text-transform:uppercase;
  }

  #pun-index #pun-main .category h2 span {
    display:block;
    min-width:0;
    overflow-wrap:anywhere;
  }

  #pun-index .category h2::after {
    content:"";
    height:3px;
    border-radius:var(--radius-2px);
    flex:1;
    min-width:20px;
  }

  #pun-index .category:nth-of-type(even) h2 {
    flex-direction:row-reverse;
    text-align:right;
  }

  #pun-index .category table,#pun-index .category tbody {
    display:block;
    width:100%;
  }

  #pun-index .category thead {
    display:none;
  }

  #pun-index .category tbody,#pun-index .category tbody.hasicon {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:var(--index-gap);
  }

  #pun-index .category tr,#pun-index .category tr.isub {
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1fr) 145px;
    grid-template-rows:auto 1fr auto;
    grid-template-areas:"title last""title last""topics posts";
    gap:var(--space-8px) var(--space-16px);
    padding:calc(var(--space-18px)*var(--forum-padding-density));
    margin:0;
    min-width:0;
    min-height:210px;
    border-radius:var(--index-radius);
    overflow:visible;
  }

  #pun-index .category td {
    width:auto;
    min-width:0;
  }

  #pun-index .category .tcl {
    grid-area:title;
    text-align:left;
    padding:0;
  }

  #pun-index .category .tcl .intd {
    display:block;
    height:100%;
    padding:0;
  }

  #pun-index .category .tclcon {
    display:flex;
    flex-direction:column;
    height:100%;
    min-width:0;
    font:400 14px/1.3 var(--font-body);
    overflow-wrap:anywhere;
  }

  #pun-index .category h3 {
    position:relative;
    isolation:isolate;
    overflow:visible;
    display:block;
    padding:0 calc(var(--space-35px)*var(--forum-padding-density)) calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-10px)*var(--forum-padding-density));
    margin:0;
    letter-spacing:-.7px;
    font:600 clamp(14px,2vw,20px)/1.15 var(--font-body);
    text-transform:uppercase;
    text-align:center;
  }

  #pun-index .category h3::after {
    content:"";
    position:absolute;
    z-index:99999;
    right:0;
    top:-22px;
    width:52px;
    height:56px;
    opacity:.85;
    pointer-events:none;
  }

  #pun-index .category .forumdesc {
    padding:calc(var(--space-15px)*var(--forum-padding-density)) calc(var(--space-18px)*var(--forum-padding-density));
    border-radius:var(--radius-20px);
    font:400 12px/1.65 var(--font-ui);
    overflow-wrap:anywhere;
    max-height:200px;
    overflow:auto;
  }

  #pun-index .category .forumdesc strong {
    font-weight:700;
  }

  #pun-index .category .tc2,#pun-index .category .tc3 {
    display:block;
    align-self:end;
    min-width:0;
    margin:0;
    padding:0;
    font:400 12px/1.4 var(--font-ui);
    text-align:right;
  }

  #pun-index .category .tc2 {
    grid-area:topics;
  }

  #pun-index .category .tc3 {
    grid-area:posts;
  }

  #pun-index .category .tc2::before {
    content:"    : ";
    font:inherit;
  }

  #pun-index .category .tc3::before {
    content:"         : ";
    font:inherit;
  }

  #pun-index .category .tcr {
    grid-area:last;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:var(--space-5px);
    max-width:none;
    width:auto;
    height:auto;
    padding:0;
    margin:0;
    font:400 12px/1.35 var(--font-body);
    text-align:center;
    overflow-wrap:anywhere;
  }

  #pun #pun-index.punbb .user-avatar {
    order:-1;
    display:block;
    float:none!important;
    transform:none!important;
    clear:none!important;
    margin:0 0 var(--space-5px)!important;
    width:145px!important;
    height:98px!important;
    border-radius:var(--radius-20px);
    position:relative;
  }

  #pun #pun-index.punbb .user-avatar .avatar-image {
    display:block;
    position:static;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    border-radius:var(--radius-18px)!important;
    object-fit:cover;
  }

  #pun-index .category .tcr img {
    max-width:100%;
  }

  #pun-index .category .tcr .user-avatar img {
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:var(--radius-18px);
  }

  #pun-index .category span.lastpost,#pun-index .category .lastpost-link {
    display:block;
    min-width:0;
    align-self:auto;
    font-size:12px;
  }

  #pun-index .category .lastpost-link {
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  #pun-index .category .tcr br {
    display:none;
  }

  #pun-index .category .icon {
    display:none;
  }

  #pun-index .category .inew+.tclcon h3::before {
    font:20px/1 var(--fa);
    margin-right:var(--space-6px);
    text-transform:none;
  }

  #pun-index .index-sublinks {
    display:flex;
    flex-wrap:wrap;
    gap:var(--space-6px);
    margin-top:var(--space-10px);
    font-size:0;
  }

  #pun-index .index-sublinks a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:calc(var(--space-7px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density));
    min-height:32px;
    border-radius:var(--radius-10px);
    font:600 12px/1.2 var(--font-ui);
    text-transform:uppercase;
    text-align:center;
    transition:background-size .3s;
    overflow-wrap:anywhere;
  }

  #pun-index .index-layout-feature tbody,#pun-index .index-layout-feature tbody.hasicon {
    grid-template-columns:minmax(0,1fr) minmax(0,2fr);
  }

  #pun-index .index-layout-feature tr:first-child {
    grid-row:span 2;
    min-height:410px;
  }

  #pun-index .index-layout-feature tr:first-child .forumdesc {
    margin-top:var(--space-6px);
  }

  #pun-index .index-layout-feature tr:first-child {
    grid-template-columns:1fr;
    grid-template-areas:"title""last""topics""posts";
    grid-template-rows:1fr auto auto auto;
  }

  #pun-index .index-layout-feature tr:first-child h3 {
    text-align:center;
    font-size:20px;
  }

  #pun-index .index-layout-feature tr:first-child .tcr {
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    padding:calc(var(--space-8px)*var(--forum-padding-density));
    border-radius:var(--radius-14px);
  }

  #pun-index .index-layout-feature tr:first-child .tcr .user-avatar {
    display:none!important;
  }

  #pun-index .index-layout-feature tr:first-child .index-sublinks {
    margin-top:auto;
    padding-top:calc(var(--space-145px)*var(--forum-padding-density));
    justify-content:center;
  }

  #pun-index .index-layout-feature tr:first-child .index-sublinks a {
    width:42px;
    height:42px;
    padding:0;
    border-radius:var(--radius-50pct);
  }

  #pun-index .index-layout-feature tr:nth-child(n+4) {
    grid-column:1/-1;
  }

  #pun-index .index-theme {
    display:flex;
    justify-content:flex-end;
    margin:0 0 var(--space-18px);
  }

  #pun-index .index-theme button,#pun-index .index-collapse {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    border-radius:var(--radius-50pct);
    width:38px;
    height:38px;
    flex:none;
    padding:0;
  }

  #pun-index .category h2 .index-collapse {
    order:3;
  }

  #pun-index .category.index-collapsed table {
    display:none;
  }

  #pun-index a:focus-visible,#pun-index button:focus-visible {
    outline-offset:4px;
  }

  @media (prefers-reduced-motion:reduce) {
    #pun-index *,#pun-index *::before,#pun-index *::after {
      animation:none!important;
      transition:none!important;
    }
  }

  #pun-index .category.index-has-guide {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,2fr);
    gap:0 var(--space-20px);
    align-items:stretch;
  }

  #pun-index #pun-main .category.index-has-guide h2 {
    grid-column:1/-1;
  }

  #pun-index .index-has-guide>table {
    grid-column:2;
    grid-row:2;
  }

  #pun-index .index-has-guide tbody,#pun-index .index-has-guide tbody.hasicon {
    grid-template-columns:minmax(0,1fr);
  }

  #pun-index .CATfo-guidebook {
    display:flex;
    position:relative;
    flex-direction:column;
    grid-column:1;
    grid-row:2;
    min-width:0;
    width:auto;
    height:auto;
    min-height:410px;
    margin:0;
    padding:calc(var(--space-18px)*var(--forum-padding-density)) calc(var(--space-15px)*var(--forum-padding-density)) calc(var(--space-14px)*var(--forum-padding-density));
    border-radius:var(--radius-30px);
    overflow:hidden;
    box-sizing:border-box;
  }

  #pun-index .CATfo-guidebook .CATfotit {
    margin:0;
    padding:calc(var(--space-8px)*var(--forum-padding-density))0 calc(var(--space-12px)*var(--forum-padding-density));
    text-align:center;
    font:600 clamp(27px,3vw,40px)/1.1 var(--font-body);
    text-transform:uppercase;
  }

  #pun-index .CATfo-guidebook .CATfotit a {
    display:inline-block;
    padding:calc(var(--space-5px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density));
    border-radius:var(--radius-14px);
  }

  #pun-index .CATfo-guidebook .CATfodesc {
    margin:0;
    padding:calc(var(--space-16px)*var(--forum-padding-density)) calc(var(--space-18px)*var(--forum-padding-density));
    border-radius:var(--radius-20px);
    font:400 14px/1.35 var(--font-body);
  }

  #pun-index .CATfo-guidebook .ov {
    max-height:180px;
    height:auto;
    overflow:auto;
  }

  #pun-index .CATfo-guidebook .CATfosf {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:var(--space-8px);
    margin:auto -15px -14px;
    padding:calc(var(--space-12px)*var(--forum-padding-density)) calc(var(--space-10px)*var(--forum-padding-density));
  }

  #pun-index .CATfo-guidebook .CATfosf a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 42px;
    width:42px;
    height:42px;
    padding:0;
    margin:0;
    border-radius:var(--radius-50pct);
  }

  #pun-index .CATfo-guidebook .CATfosf [class*="symbols-outlined"] {
    font-size:24px;
  }

  #pun-index .category.index-has-guide.index-collapsed .CATfo-guidebook {
    display:none;
  }

  #pun-index .category .CATfosf.index-sublinks {
    position:static;
    float:none;
    width:auto;
    height:auto;
    margin:var(--space-12px)0 0;
    padding:0;
    display:flex;
    flex-wrap:wrap;
    gap:var(--space-7px);
    justify-content:center;
  }

  #pun-index .category .CATfosf.index-sublinks a {
    height:auto;
    min-height:32px;
    margin:0;
    padding:calc(var(--space-7px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density));
    font:600 12px/1.25 var(--font-ui);
    text-decoration:none;
  }

  @media (min-width:1060px) {
    #pun-index .index-has-guide tr.index-with-menu .tclcon {
      display:grid;
      grid-template-columns:minmax(0,1fr) minmax(140px,.55fr);
      gap:var(--space-8px) var(--space-14px);
      align-content:start;
    }

    #pun-index .index-has-guide tr.index-with-menu .tclcon>h3 {
      grid-column:1;
    }

    #pun-index .index-has-guide tr.index-with-menu .tclcon>.forumdesc {
      grid-column:1;
    }

    #pun-index .index-has-guide tr.index-with-menu .CATfosf.index-sublinks {
      grid-column:2;
      grid-row:1/span 2;
      display:flex;
      flex-direction:column;
      margin:0;
      align-self:start;
    }

    #pun-index .index-has-guide tr.index-with-menu .CATfosf.index-sublinks a {
      width:100%;
    }
  }

  #pun-index .index-has-guide>.container {
    grid-column:2;
    grid-row:2;
    min-width:0;
    width:100%;
  }

  #pun-index .index-has-guide>.container table {
    width:100%;
  }

  #pun-index .category.index-collapsed>.container {
    display:none;
  }

  #pun #pun-index.punbb .user-avatar>a {
    display:block;
    width:100%;
    height:100%;
    position:relative;
    border-radius:inherit;
  }

  #pun-index .category .tclcon>.acchide {
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    overflow:hidden!important;
    clip-path:inset(50%);
    white-space:nowrap;
  }

  #pun-index .category tr.inew h3::before {
    content:"\f005 ";
    font:20px/1 var(--fa);
    text-transform:none;
    margin-right:var(--space-6px);
  }

  #pun-index .category .inew+.tclcon h3::before {
    content:none;
  }

  #pun-index .category .tcr:empty {
    min-height:0;
  }

  #pun-navlinks {
    position:relative;
    overflow:visible;
    padding:calc(var(--space-12px)*var(--forum-padding-density))0;
  }

  #pun-navlinks ul.container {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:var(--space-10px);
    padding:0;
    margin:0;
    list-style:none;
    overflow:visible;
  }

  #pun-navlinks ul.container li {
    position:relative;
    display:block;
    float:none;
    margin:0;
    padding:0;
    width:auto;
  }

  #pun-navlinks ul.container li a {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    padding:0;
    margin:0;
    border-radius:var(--radius-17px);
    text-decoration:none;
    box-sizing:border-box;
    overflow:visible;
    transition:background-color .18s,color .18s,transform .18s;
  }

  #pun-navlinks ul.container li a::before {
    content:"\f0c1 ";
    display:block;
    position:static;
    width:auto;
    height:auto;
    margin:0;
    padding:0;
    font-family:var(--fa);
    font-size:25px;
    font-weight:900;
    font-style:normal;
    line-height:1;
    letter-spacing:normal;
    text-transform:none;
    white-space:nowrap;
    direction:ltr;
    -webkit-font-smoothing:antialiased;
  }

  #pun-navlinks #navindex a::before {
    content:"\f015 ";
  }

  #pun-navlinks #navuserlist a::before {
    content:"\f0c0 ";
  }

  #pun-navlinks #navsearch a::before {
    content:"\f002 ";
  }

  #pun-navlinks #navprofile a::before {
    content:"\f2bd ";
  }

  #pun-navlinks #navpm a::before {
    content:"\f0e0 ";
  }

  #pun-navlinks #navadmin a::before {
    content:"\f505 ";
  }

  #pun-navlinks #navlogout a::before {
    content:"\f2f5 ";
  }

  #pun-navlinks #navlogin a::before {
    content:"\f2f6 ";
  }

  #pun-navlinks #navregister a::before {
    content:"\f234 ";
  }

  #pun-navlinks #navrules a::before {
    content:"\f0e3 ";
  }

  #pun-navlinks ul.container li a>span {
    position:absolute;
    left:50%;
    top:calc(100% + 8px);
    transform:translateX(-50%);
    display:block;
    width:max-content;
    max-width:170px;
    height:auto;
    padding:calc(var(--space-6px)*var(--forum-padding-density)) calc(var(--space-10px)*var(--forum-padding-density));
    margin:0;
    border-radius:var(--radius-8px);
    font:500 12px/1.3 var(--font-ui);
    text-transform:none;
    letter-spacing:normal;
    text-align:center;
    white-space:normal;
    opacity:0;
    clip:auto;
    clip-path:none;
    visibility:visible;
    pointer-events:none;
    z-index:50;
    transition:opacity .18s;
  }

  #pun-navlinks ul.container li a:hover,#pun-navlinks ul.container li a:focus-visible {
    transform:translateY(-2px);
  }

  #pun-navlinks ul.container li a:hover>span,#pun-navlinks ul.container li a:focus-visible>span {
    opacity:1;
  }

  #pun-navlinks ul.container li a:focus-visible {
    outline-offset:3px;
  }

  #pun-navlinks ul.container li a::after {
    content:none;
  }

  @media (prefers-reduced-motion:reduce) {
    #pun-navlinks ul.container li a,#pun-navlinks ul.container li a>span {
      transition:none;
    }
  }

  #pun #title-logo-table {
    display:none!important;
  }

  #pun #pun-navlinks {
    margin:var(--space-12px) var(--space-24px) var(--space-12px) auto!important;
    max-width:calc(100% - 48px);
    padding:0!important;
    width:max-content;
    box-sizing:border-box;
  }

  #pun #pun-navlinks ul.container {
    margin:0!important;
    justify-content:flex-end;
    gap:var(--space-10px);
    padding:0!important;
  }

  #pun #pun-navlinks ul.container li a {
    display:flex!important;
    padding:0!important;
  }

  #pun #pun-index .category .tc2,#pun #pun-index .category .tc3 {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:var(--space-5px);
    font:500 12px/1.3 var(--font-ui);
  }

  #pun #pun-index .category .tc2::before,#pun #pun-index .category .tc3::before {
    display:inline-block;
    margin:0;
    font:900 18px/1 var(--fa);
    letter-spacing:normal;
    text-transform:none;
    -webkit-font-smoothing:antialiased;
  }

  #pun #pun-index .category .tc2::before {
    content:"\f086 ";
  }

  #pun #pun-index .category .tc3::before {
    content:"\f075 ";
  }

  #pun .statscon {
    padding:calc(var(--space-22px)*var(--forum-padding-density));
    border-radius:var(--radius-30px);
    font:400 14px/1.5 var(--font-body);
    margin:var(--space-24px)0;
    min-width:0;
  }

  #pun .statscon ul.container {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:auto!important;
    grid-template-areas:none!important;
    gap:var(--space-14px);
    margin:0!important;
    padding:0!important;
    list-style:none;
  }

  #pun .statscon ul.container>li {
    grid-area:auto!important;
    grid-column:auto;
    grid-row:auto;
    min-width:0;
    width:auto;
    margin:0!important;
    padding:calc(var(--space-10px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-6px);
    text-align:left;
    overflow-wrap:anywhere;
    font:400 13px/1.5 var(--font-body);
  }

  #pun .statscon ul.container>li.item1,#pun .statscon ul.container>li.item2,#pun .statscon ul.container>li.item3,#pun .statscon ul.container>li.item4 {
    display:flex;
    flex-direction:column;
    gap:var(--space-6px);
  }

  #pun .statscon ul.container>li.item1::before,#pun .statscon ul.container>li.item2::before,#pun .statscon ul.container>li.item3::before,#pun .statscon ul.container>li.item4::before {
    font:900 25px/1 var(--fa);
    text-transform:none;
    -webkit-font-smoothing:antialiased;
  }

  #pun .statscon .item1::before {
    content:"\f086 ";
  }

  #pun .statscon .item2::before {
    content:"\f075 ";
  }

  #pun .statscon .item3::before {
    content:"\f0c0 ";
  }

  #pun .statscon .item4::before {
    content:"\f234 ";
  }

  #pun .statscon ul.container>li>span {
    padding:0;
    font:400 12px/1.4 var(--font-ui);
  }

  #pun .statscon ul.container>li>strong {
    font:600 22px/1.2 var(--font-body);
  }

  #pun .statscon ul.container>li.item4>strong {
    font-size:14px;
  }

  #pun .statscon ul.container>li.onlinelist,#pun .statscon ul.container>li.users_24h {
    grid-column:span 2!important;
    max-height:none!important;
    overflow:visible!important;
  }

  #pun .statscon .onlinelist>div>a:first-child,#pun .statscon .users_24h>div>a:first-child {
    display:block;
    margin:0 0 var(--space-10px);
    font:600 16px/1.3 var(--font-body);
  }

  #pun .statscon .onlinelist>div>a:first-child::before,#pun .statscon .users_24h>div>a:first-child::before {
    display:inline-block;
    vertical-align:middle;
    margin-right:var(--space-8px);
    font:900 24px/1 var(--fa);
    text-transform:none;
    -webkit-font-smoothing:antialiased;
  }

  #pun .statscon .onlinelist>div>a:first-child::before {
    content:"\f0c0 ";
  }

  #pun .statscon .users_24h>div>a:first-child::before {
    content:"\f1da ";
  }

  #pun .statscon .onlinelist>div>span,#pun .statscon .users_24h>div>span {
    display:block;
    margin-top:var(--space-14px);
    padding-top:calc(var(--space-12px)*var(--forum-padding-density));
    line-height:2.4;
  }

  #pun .statscon .onlinelist>div>span a,#pun .statscon .users_24h>div>span a {
    display:inline-block;
    margin:var(--space-3px) var(--space-4px) var(--space-3px)0;
    padding:calc(var(--space-4px)*var(--forum-padding-density)) calc(var(--space-11px)*var(--forum-padding-density));
    border-radius:var(--radius-12px);
    font:500 13px/1.4 var(--font-ui);
    text-decoration:none;
  }

  #pun .statscon ul.container>li.statistics {
    grid-column:1/-1!important;
    padding:calc(var(--space-12px)*var(--forum-padding-density))!important;
  }

  #pun .statscon #statistic-other {
    display:flex;
    flex-wrap:wrap;
    gap:var(--space-8px);
  }

  #pun .statscon #statistic-other span {
    display:block;
    padding:0!important;
    min-width:0;
    max-width:100%;
  }

  #pun .statscon #statistic-other a {
    display:block;
    padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density));
    border-radius:var(--radius-12px);
    font:500 12px/1.35 var(--font-ui);
    white-space:normal;
    overflow-wrap:anywhere;
  }

  #pun .statscon a:focus-visible {
    outline-offset:3px;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) {
    font-family:var(--font-body);
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) #pun-main {
    min-width:0;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) #pun-main>h1 {
    display:block!important;
    position:relative;
    width:auto;
    height:auto;
    margin:var(--space-10px)0 var(--space-10px);
    padding:0 0 0 calc(var(--space-0px)*var(--forum-padding-density));
    overflow:visible;
    text-transform:none;
    font:600 clamp(17px,2vw,30px)/1.12 var(--font-body);
    letter-spacing:-1.7px;
    overflow-wrap:anywhere;
    text-align:center;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) #pun-main>h1 span {
    display:inline;
    font:inherit;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum {
    margin:var(--space-14px)0;
    min-width:0;
    padding:0;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum>h2 {
    display:flex;
    position:static;
    width:auto;
    height:auto;
    overflow:visible;
    align-items:center;
    justify-content:space-between;
    gap:var(--space-12px);
    margin:0 0 var(--space-18px);
    padding:calc(var(--space-12px)*var(--forum-padding-density)) calc(var(--space-16px)*var(--forum-padding-density));
    border-radius:var(--radius-16px);
    font:500 13px/1.4 var(--font-ui);
    text-transform:none;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum>h2 .item2 {
    text-align:right;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum>.container {
    margin:0;
    padding:0;
    overflow:visible;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum table {
    display:block;
    width:100%;
    border-collapse:separate;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum thead {
    display:none!important;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody {
    display:grid;
    gap:var(--space-18px);
    width:100%;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr {
    position:relative;
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr) auto auto 270px;
    grid-template-rows:minmax(52px,auto) auto;
    grid-template-areas:"star title title title last""star . replies views last";
    gap:0 0;
    width:100%;
    min-height:84px;
    margin:0!important;
    padding:0!important;
    align-items:stretch;
    isolation:isolate;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr::before {
    content:"";
    grid-area:star;
    align-self:center;
    width:85px;
    height:85px;
    opacity:.75;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr::after {
    content:"";
    position:absolute;
    z-index:-1;
    left:54px;
    right:284px;
    top:0;
    bottom:0;
    border-radius:var(--radius-22px);
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody td {
    float:none!important;
    width:auto!important;
    min-width:0;
    margin:0!important;
    box-sizing:border-box;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tcl {
    grid-area:title;
    padding:calc(var(--space-16px)*var(--forum-padding-density)) calc(var(--space-24px)*var(--forum-padding-density)) calc(var(--space-8px)*var(--forum-padding-density))!important;
    align-self:center;
    text-align:left;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum .tcl .intd {
    position:static;
    display:block;
    margin:0;
    padding:0!important;
    width:auto;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum .tcl .icon {
    display:none!important;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum .tclcon {
    display:block;
    padding:0;
    margin:0;
    font:500 19px/1.4 var(--font-body);
    overflow-wrap:anywhere;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum .tclcon>a {
    font:inherit;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum .tclcon .byuser {
    display:inline;
    font:600 16px/1.4 var(--font-body);
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum .tclcon .byuser::before {
    content:" / ";
    margin:0 var(--space-3px);
    font:inherit;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum .tclcon .acchide {
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip-path:inset(50%);
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum .stickytext,#pun :is(#pun-viewforum,#pun-searchtopics) .forum .closedatafield {
    display:inline-block;
    margin-right:var(--space-5px);
    font:600 11px/1.3 var(--font-ui);
    padding:calc(var(--space-4px)*var(--forum-padding-density)) calc(var(--space-7px)*var(--forum-padding-density));
    border-radius:var(--radius-8px);
    vertical-align:middle;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tr.inew::before {
    opacity:1;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tc2,#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tc3 {
    display:inline-flex!important;
    align-items:center;
    gap:var(--space-5px);
    justify-content:center;
    font:500 12px/1.2 var(--font-ui);
    text-align:center;
    white-space:nowrap;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tc2 {
    grid-area:replies;
    border-radius:var(--radius-12px)0 0 0;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tc3 {
    grid-area:views;
    margin-right:var(--space-32px)!important;
    border-radius:0 var(--radius-12px)0 0;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tc2::before,#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tc3::before {
    display:inline;
    font:900 16px/1 var(--fa);
    text-transform:none;
    margin:0;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tc2::before {
    content:"\f075 ";
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tc3::before {
    content:"\f06e ";
  }

  #pun #pun-searchtopics .forum tbody .tc2:has(a) {
    white-space:normal;
    max-width:230px;
  }

  #pun #pun-searchtopics .forum tbody .tc2:has(a)::before {
    content:"\f07c ";
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tcr {
    grid-area:last;
    display:grid!important;
    grid-template-columns:96px minmax(0,1fr);
    grid-template-rows:1fr 1fr;
    grid-template-areas:"avatar date""avatar author";
    align-content:center;
    align-items:center;
    gap:0 var(--space-10px);
    position:relative;
    max-width:none;
    margin-left:var(--space-14px)!important;
    padding:0 calc(var(--space-12px)*var(--forum-padding-density))0 0!important;
    border-radius:var(--radius-22px);
    overflow:hidden;
    text-align:center;
    font:400 12px/1.3 var(--font-body);
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tcr>a {
    grid-area:date;
    align-self:end;
    display:block;
    padding-top:calc(var(--space-8px)*var(--forum-padding-density));
    font:400 12px/1.35 var(--font-body);
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tcr>.byuser {
    grid-area:author;
    align-self:start;
    display:block;
    margin:var(--space-3px)0 0;
    padding-bottom:calc(var(--space-8px)*var(--forum-padding-density));
    font:600 13px/1.3 var(--font-body);
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tcr .byuser::before {
    content:none;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tcr>br {
    display:none;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tcr>.user-avatar {
    grid-area:avatar;
    display:block!important;
    float:none!important;
    position:relative!important;
    align-self:stretch;
    width:96px!important;
    height:100%!important;
    min-height:80px;
    margin:0!important;
    transform:none!important;
    border-radius:var(--radius-20px)0 0 var(--radius-20px);
    overflow:hidden;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .user-avatar>a {
    display:block;
    width:100%;
    height:100%;
    position:relative;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .user-avatar .avatar-image {
    display:block;
    position:absolute;
    inset:0;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    border-radius:0!important;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .user-avatar img {
    width:100%;
    height:100%;
    object-fit:cover;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .user-avatar .isonline {
    right:5px!important;
    top:5px!important;
    width:10px!important;
    height:10px!important;
    border-radius:var(--radius-50pct)!important;
    clip-path:none;
    animation:none!important;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tcr:not(:has(.user-avatar)) {
    grid-template-columns:1fr;
    grid-template-areas:"date""author";
    padding:calc(var(--space-10px)*var(--forum-padding-density))!important;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .linkst,#pun :is(#pun-viewforum,#pun-searchtopics) .linksb {
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:var(--space-10px);
    margin:var(--space-10px)0;
    padding:0;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .pagelink {
    float:none;
    margin:0;
    padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density));
    border-radius:var(--radius-14px);
    font:400 13px/1.5 var(--font-ui);
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .pagelink a,#pun :is(#pun-viewforum,#pun-searchtopics) .pagelink strong {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:28px;
    min-height:28px;
    margin:var(--space-2px);
    padding:calc(var(--space-3px)*var(--forum-padding-density)) calc(var(--space-7px)*var(--forum-padding-density));
    border-radius:var(--radius-9px);
    box-sizing:border-box;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .postlink {
    display:flex;
    float:none;
    flex-wrap:wrap;
    gap:var(--space-8px);
    margin:0;
    padding:0;
    width:auto;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .postlink span {
    display:block;
    margin:0;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .postlink a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:var(--space-7px);
    min-height:38px;
    padding:calc(var(--space-9px)*var(--forum-padding-density)) calc(var(--space-16px)*var(--forum-padding-density));
    border-radius:var(--radius-12px);
    font:600 12px/1.3 var(--font-ui);
    text-transform:uppercase;
    box-sizing:border-box;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .new-topic a::before,#pun :is(#pun-viewforum,#pun-searchtopics) .new-poll a::before {
    font:900 19px/1 var(--fa);
    text-transform:none;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .new-topic a::before {
    content:"\f067 ";
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .new-poll a::before {
    content:"\f080 ";
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .modmenu {
    margin:var(--space-18px)0;
    padding:calc(var(--space-12px)*var(--forum-padding-density)) calc(var(--space-16px)*var(--forum-padding-density));
    border-radius:var(--radius-16px);
    font:400 12px/1.5 var(--font-ui);
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .modmenu .container {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:var(--space-10px);
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) a:focus-visible {
    outline-offset:3px;
  }

  @media (prefers-reduced-motion:reduce) {
    #pun :is(#pun-viewforum,#pun-searchtopics) * {
      transition:none!important;
      animation:none!important;
    }
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tcl {
    display:block!important;
    position:relative!important;
    visibility:visible!important;
    opacity:1!important;
    overflow:visible!important;
    z-index:1;
    min-height:0!important;
    height:auto!important;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum .tcl .intd,#pun :is(#pun-viewforum,#pun-searchtopics) .forum .tclcon {
    display:block!important;
    position:static!important;
    visibility:visible!important;
    opacity:1!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    transform:none!important;
    clip:auto!important;
    clip-path:none!important;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum .tclcon>a {
    display:inline!important;
    visibility:visible!important;
    opacity:1!important;
    font:500 19px/1.4 var(--font-body)!important;
    text-indent:0!important;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tc2,#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tc3 {
    position:relative;
    z-index:1;
    visibility:visible!important;
    opacity:1!important;
  }

  #pun #pun-searchtopics .forum tbody tr {
    grid-template-columns:85px minmax(0,1fr) auto 270px;
    grid-template-areas:"star title title last""star forum replies last";
    grid-template-rows:auto auto;
  }

  #pun #pun-searchtopics .forum tbody .tc2 {
    grid-area:forum;
    justify-self:start;
    margin:0 0 0 var(--space-24px)!important;
    border-radius:var(--radius-10px) var(--radius-10px)0 0;
    max-width:none;
    white-space:normal;
    text-align:left;
    justify-content:flex-start;
  }

  #pun #pun-searchtopics .forum tbody .tc2::before {
    content:"\f07c ";
  }

  #pun #pun-searchtopics .forum tbody .tc2 a {
    font:500 12px/1.3 var(--font-ui);
    overflow-wrap:anywhere;
  }

  #pun #pun-searchtopics .forum tbody .tc3 {
    grid-area:replies;
    margin-right:var(--space-25px)!important;
    border-radius:var(--radius-10px) var(--radius-10px)0 0;
  }

  #pun #pun-searchtopics .forum tbody .tc3::before {
    content:"\f075 ";
  }

  #pun #pun-searchtopics .forum tbody .tc3::after {
    content:"       ";
    font:400 11px/1.2 var(--font-ui);
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tc2,#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tc3 {
    align-self:start;
    margin-bottom:var(--space-9px)!important;
    border-radius:var(--radius-10px);
    padding:calc(var(--space-5px)*var(--forum-padding-density)) calc(var(--space-9px)*var(--forum-padding-density))!important;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tcl {
    padding-bottom:calc(var(--space-6px)*var(--forum-padding-density))!important;
  }

  #pun #pun-searchtopics .forum tbody .tc2 {
    margin-left:var(--space-24px)!important;
  }

  #pun .forum .pagestext {
    display:inline-flex;
    align-items:center;
    flex-wrap:wrap;
    gap:var(--space-4px);
    margin-left:var(--space-10px);
    vertical-align:middle;
    font:500 12px/1 var(--font-ui);
  }

  #pun .forum .pagestext .bracket {
    display:none;
  }

  #pun .forum .pagestext a {
    display:inline-flex;
    justify-content:center;
    align-items:center;
    min-width:25px;
    height:25px;
    padding:0 calc(var(--space-6px)*var(--forum-padding-density));
    border-radius:var(--radius-8px);
    box-sizing:border-box;
    font:500 12px/1 var(--font-ui);
  }

  #pun #pun-viewtopic #pun-main>h1 {
    position:relative;
    width:auto;
    height:auto;
    overflow:visible;
    margin:var(--space-5px)0;
    padding:0 0 0 calc(var(--space-38px)*var(--forum-padding-density));
    font:600 clamp(15px,4vw,24px)/1.15 var(--font-body);
    text-align:left;
    letter-spacing:-1px;
    overflow-wrap:anywhere;
    text-transform:uppercase;
  }

  #pun #pun-viewtopic #pun-main>h1 span {
    font:inherit;
  }

  #pun #pun-viewtopic :is(.linkst,.linksb) {
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:var(--space-12px);
    margin:var(--space-5px)0;
    padding:calc(var(--space-5px)*var(--forum-padding-density));
    border-radius:var(--radius-20px);
  }

  #pun #pun-viewtopic .postlink {
    float:none;
    display:flex;
    flex-wrap:wrap;
    gap:var(--space-8px);
    margin:0;
    padding:0;
    width:auto;
  }

  #pun #pun-viewtopic .postlink a {
    display:inline-flex;
    align-items:center;
    gap:var(--space-8px);
    min-height:38px;
    padding:calc(var(--space-9px)*var(--forum-padding-density)) calc(var(--space-17px)*var(--forum-padding-density));
    border-radius:var(--radius-12px);
    font:600 12px/1.3 var(--font-ui);
    text-transform:uppercase;
    box-sizing:border-box;
  }

  #pun #pun-viewtopic .postlink a::before {
    content:"\f3e5 ";
    font:900 20px/1 var(--fa);
    text-transform:none;
  }

  #pun #pun-viewtopic .pagelink {
    float:none;
    margin:0;
    padding:0;
    font:400 13px/1.5 var(--font-ui);
  }

  #pun #pun-viewtopic .pagelink a,#pun #pun-viewtopic .pagelink strong {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:30px;
    min-height:30px;
    margin:var(--space-2px);
    padding:calc(var(--space-4px)*var(--forum-padding-density)) calc(var(--space-8px)*var(--forum-padding-density));
    border-radius:var(--radius-10px);
    box-sizing:border-box;
  }

  #pun #pun-viewtopic .subscribelink {
    float:none;
    margin:0;
    font:500 12px/1.4 var(--font-ui);
  }

  #pun #pun-viewtopic .subscribelink a {
    display:inline-flex;
    align-items:center;
    gap:var(--space-7px);
    padding:calc(var(--space-9px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density));
    border-radius:var(--radius-12px);
  }

  #pun #pun-viewtopic .subscribelink a::before {
    content:"\f0f3 ";
    font:900 20px/1 var(--fa);
    text-transform:none;
  }

  #pun .formsubmit {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:var(--space-10px);
    padding:calc(var(--space-16px)*var(--forum-padding-density))0;
    margin:0;
  }

  #pun .formsubmit input.button {
    width:auto;
    min-height:40px;
    padding:calc(var(--space-10px)*var(--forum-padding-density)) calc(var(--space-18px)*var(--forum-padding-density))!important;
    margin:0!important;
    border-radius:var(--radius-12px);
    font:600 13px/1.3 var(--font-ui);
    letter-spacing:0;
    cursor:pointer;
  }

  #pun :is(#pun-crumbs1,#pun-crumbs2) {
    margin:var(--space-10px)0!important;
    padding:calc(var(--space-10px)*var(--forum-padding-density)) calc(var(--space-10px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-16px);
    width:auto!important;
    box-sizing:border-box;
  }

  #pun :is(#pun-crumbs1,#pun-crumbs2) .crumbs {
    margin:0;
    padding:0;
    font:400 12px/1.8 var(--font-ui);
    text-align:left;
    overflow-wrap:anywhere;
  }

  #pun :is(#pun-crumbs1,#pun-crumbs2) .crumbs::before,#pun :is(#pun-crumbs1,#pun-crumbs2) .crumbs::after,#pun :is(#pun-crumbs1,#pun-crumbs2) .crumbs a::before,#pun :is(#pun-crumbs1,#pun-crumbs2) .crumbs a::after {
    content:none;
  }

  #pun :is(#pun-crumbs1,#pun-crumbs2) .crumbs>strong {
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip-path:inset(50%);
  }

  #pun :is(#pun-crumbs1,#pun-crumbs2) .crumbs em {
    font-style:normal;
    margin:0 var(--space-6px);
  }

  #pun :is(#pun-crumbs1,#pun-crumbs2) .crumbs a {
    text-decoration:none;
  }

  #pun #pun-viewtopic .topic .post>h3 {
    position:relative;
    display:block;
    height:auto;
    margin:0 0 var(--space-12px);
    padding:calc(var(--space-5px)*var(--forum-padding-density)) calc(var(--space-5px)*var(--forum-padding-density));
    border-radius:var(--radius-8px);
    font:400 12px/1.5 var(--font-ui);
    text-align:left;
  }

  #pun #pun-viewtopic .topic .post>h3>span {
    display:flex;
    align-items:center;
    gap:var(--space-10px);
    margin:0;
    padding:0;
    float:none;
  }

  #pun #pun-viewtopic .topic .post>h3 strong {
    display:inline-flex;
    justify-content:center;
    align-items:center;
    min-width:28px;
    min-height:28px;
    padding:calc(var(--space-2px)*var(--forum-padding-density)) calc(var(--space-7px)*var(--forum-padding-density));
    border-radius:var(--radius-9px);
    font:600 12px/1 var(--font-ui);
    box-sizing:border-box;
  }

  #pun #pun-viewtopic .topic .post>h3 .sharelink {
    display:inline-flex;
    align-items:center;
    gap:var(--space-5px);
    width:auto;
    height:auto;
    padding:calc(var(--space-5px)*var(--forum-padding-density)) calc(var(--space-8px)*var(--forum-padding-density));
    font:500 12px/1.3 var(--font-ui);
    border-radius:var(--radius-9px);
  }

  #pun #pun-viewtopic .topic .post>h3 .sharelink::before {
    content:"\f1e0 ";
    font:900 17px/1 var(--fa);
    text-transform:none;
    margin:0;
  }

  #pun #pun-viewtopic .topic .post>h3 .permalink {
    margin-left:auto;
    font:400 12px/1.4 var(--font-ui);
  }

  #pun #pun-status {
    margin:var(--space-12px)0!important;
    padding:calc(var(--space-12px)*var(--forum-padding-density)) calc(var(--space-16px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-18px);
    width:auto!important;
  }

  #pun #pun-status>.container {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:var(--space-8px) var(--space-18px);
    margin:0;
    padding:0;
    font:400 12px/1.6 var(--font-ui);
  }

  #pun #pun-status .container>span {
    float:none;
    margin:0;
    min-width:0;
    overflow-wrap:anywhere;
  }

  #pun #pun-status .container strong {
    font-weight:600;
  }

  #pun #pun-status .container .status-right {
    margin-left:auto;
  }

  #pun #pun-status .container a {
    display:inline-block;
    padding:calc(var(--space-2px)*var(--forum-padding-density)) calc(var(--space-7px)*var(--forum-padding-density));
    border-radius:var(--radius-7px);
  }

  #pun #pun-ulinks {
    margin:var(--space-5px)0!important;
    padding:calc(var(--space-5px)*var(--forum-padding-density))!important;
    width:auto!important;
    border-radius:var(--radius-18px);
  }

  #pun #pun-ulinks ul.container {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-start;
    gap:var(--space-8px);
    margin:0;
    padding:0;
    list-style:none;
  }

  #pun #pun-ulinks ul.container li {
    float:none;
    margin:0;
    padding:0;
  }

  #pun #pun-ulinks ul.container li a {
    display:inline-flex;
    align-items:center;
    gap:var(--space-6px);
    padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-10px)*var(--forum-padding-density));
    border-radius:var(--radius-11px);
    font:500 12px/1.3 var(--font-ui);
    text-transform:none;
  }

  #pun :is(.formsubmit input,.pagestext a,#pun-status a,#pun-ulinks a,.subscribelink a):focus-visible {
    outline-offset:3px;
  }

  #pun #pun-userlist #pun-main>h1 {
    display:block!important;
    width:auto;
    height:auto;
    margin:var(--space-18px)0;
    padding:0;
    font:600 clamp(27px,4vw,44px)/1.15 var(--font-body);
    letter-spacing:-1px;
    text-align:left;
  }

  #pun #pun-userlist #pun-main table:has(td.username) {
    display:block!important;
    width:100%!important;
    margin:var(--space-18px)0!important;
    table-layout:auto;
  }

  #pun #pun-userlist #pun-main table:has(td.username) thead {
    display:none!important;
  }

  #pun #pun-userlist #pun-main table:has(td.username) tbody {
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:var(--space-12px);
    width:100%;
  }

  #pun #pun-userlist #pun-main table:has(td.username) tbody tr {
    position:relative;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:var(--space-8px)!important;
    align-items:start;
    align-content:start;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:calc(var(--space-13px)*var(--forum-padding-density)) calc(var(--space-10px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-18px)!important;
    box-sizing:border-box;
  }

  #pun #pun-userlist #pun-main table:has(td.username) tbody td {
    display:block!important;
    float:none!important;
    position:static!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    text-align:center!important;
    font:400 11px/1.4 var(--font-ui)!important;
    overflow-wrap:anywhere;
    box-sizing:border-box;
  }

  #pun #pun-userlist #pun-main table tbody td.username {
    grid-area:person!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:var(--space-8px)!important;
  }

  #pun #pun-userlist .username .user-avatar {
    grid-area:auto!important;
    position:relative!important;
    display:block!important;
    clear:none!important;
    flex:0 0 auto!important;
    width:140px!important;
    height:140px!important;
    border-radius:var(--radius-14px)!important;
    transform:none!important;
    overflow:visible!important;
  }

  #pun #pun-userlist .username .user-avatar>a {
    display:block!important;
    position:relative!important;
    width:100%!important;
    height:100%!important;
    border-radius:var(--radius-12px);
    overflow:hidden;
  }

  #pun #pun-userlist .username .user-avatar .avatar-image {
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    border-radius:var(--radius-12px)!important;
  }

  #pun #pun-userlist .username .user-avatar.no-avatar .avatar-image::after {
    content:"\f007 ";
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    font:900 30px/1 var(--fa);
  }

  #pun #pun-userlist .username .user-avatar .isonline {
    position:absolute;
    right:3px!important;
    top:3px!important;
    width:9px!important;
    height:9px!important;
    border-radius:var(--radius-50pct)!important;
    clip-path:none!important;
    animation:none!important;
    z-index:2;
  }

  #pun #pun-userlist .username .usersname {
    grid-area:auto!important;
    position:static!important;
    min-width:0!important;
    font:600 16px/1.2 var(--font-body)!important;
    overflow-wrap:anywhere;
  }

  #pun #pun-userlist .username .usersname a {
    display:inline!important;
    font:inherit!important;
    text-decoration:none;
  }

  #pun #pun-userlist #pun-main table tbody td.user_title {
    grid-area:role!important;
    border-radius:var(--radius-8px);
    font:500 10px/1.25 var(--font-ui)!important;
    text-align:center!important;
  }

  #pun #pun-userlist #pun-main table tbody td.relation {
    grid-area:respect!important;
  }

  #pun #pun-userlist #pun-main table tbody td.num_posts {
    grid-area:posts!important;
  }

  #pun #pun-userlist #pun-main table tbody :is(td.relation,td.num_posts) {
    justify-self:stretch!important;
    align-self:stretch!important;
    padding:calc(var(--space-7px)*var(--forum-padding-density)) calc(var(--space-3px)*var(--forum-padding-density))!important;
    margin:0!important;
    border-radius:var(--radius-10px)!important;
    font:600 14px/1.3 var(--font-ui)!important;
    text-align:center!important;
  }

  #pun #pun-userlist td.relation::before,#pun #pun-userlist td.num_posts::before {
    display:block;
    margin:0 0 var(--space-4px);
    padding:0;
    font:400 9px/1.2 var(--font-ui);
  }

  #pun #pun-userlist td.relation::before {
    content:"        ";
  }

  #pun #pun-userlist td.num_posts::before {
    content:"         ";
  }

  #pun #pun-userlist #pun-main table tbody td.registered {
    grid-area:registered!important;
    justify-self:stretch!important;
    margin:var(--space-2px)0 0!important;
    padding:calc(var(--space-7px)*var(--forum-padding-density))0 0!important;
    font-size:10px!important;
  }

  #pun #pun-userlist #pun-main table tbody td.last_visit {
    grid-area:visit!important;
    justify-self:stretch!important;
    font-size:10px!important;
  }

  #pun #pun-userlist td.registered::before,#pun #pun-userlist td.last_visit::before {
    display:block;
    margin-bottom:var(--space-2px);
    font:400 9px/1.2 var(--font-ui);
  }

  #pun #pun-userlist td.registered::before {
    content:"           ";
  }

  #pun #pun-userlist td.last_visit::before {
    content:"               ";
  }

  #pun #pun-userlist .formal {
    padding:calc(var(--space-14px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-20px);
    margin:var(--space-16px)0;
  }

  #pun #pun-userlist .formal fieldset {
    padding:calc(var(--space-10px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-14px);
  }

  #pun #pun-userlist .formal .fs-box {
    margin:0!important;
    padding:0!important;
  }

  #pun #pun-userlist .formal input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),#pun #pun-userlist .formal select {
    padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-10px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-10px);
    max-width:100%;
    box-sizing:border-box;
    font:400 12px/1.3 var(--font-ui);
  }

  #pun select[name="show_group"] {
    width:185px;
  }

  #pun select[name="sort_by"] {
    width:215px;
  }

  #pun select[name="sort_dir"] {
    width:155px;
  }

  #pun #pun-userlist .formal .formsubmit {
    padding:calc(var(--space-10px)*var(--forum-padding-density))0 0!important;
  }

  #pun #pun-userlist .pagelink {
    padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density));
    border-radius:var(--radius-12px);
    font:400 12px/1.5 var(--font-ui);
  }

  #pun #pun-userlist .pagelink a,#pun #pun-userlist .pagelink strong {
    display:inline-flex;
    justify-content:center;
    align-items:center;
    min-width:26px;
    min-height:26px;
    margin:var(--space-2px);
    padding:calc(var(--space-3px)*var(--forum-padding-density)) calc(var(--space-7px)*var(--forum-padding-density));
    border-radius:var(--radius-8px);
    box-sizing:border-box;
  }

  #pun #pun-userlist a:focus-visible {
    outline-offset:3px;
  }

  #pun #pun-main.show_user_posts {
    min-width:0;
  }

  #pun #pun-main.show_user_posts>h1 {
    display:block!important;
    position:relative;
    width:auto;
    height:auto;
    margin:var(--space-20px)0;
    padding:0 0 0 calc(var(--space-36px)*var(--forum-padding-density));
    overflow:visible;
    text-align:left;
    font:600 clamp(28px,4vw,46px)/1.15 var(--font-body);
    letter-spacing:-1px;
    text-transform:none;
  }

  #pun #pun-main.show_user_posts>h1::before {
    content:"\f002 ";
    position:absolute;
    left:0;
    top:7px;
    font:900 27px/1 var(--fa);
    text-transform:none;
  }

  #pun #pun-main.show_user_posts>.topic {
    margin:var(--space-18px)0;
    padding:0;
  }

  #pun #pun-main.show_user_posts>.topic>h2 {
    position:static;
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:var(--space-12px);
    overflow:visible;
    width:auto;
    height:auto;
    margin:0 0 var(--space-16px);
    padding:calc(var(--space-12px)*var(--forum-padding-density)) calc(var(--space-15px)*var(--forum-padding-density));
    border-radius:var(--radius-15px);
    font:500 12px/1.4 var(--font-ui);
    text-align:left;
  }

  #pun #pun-main.show_user_posts>.topic>h2 .item2 {
    text-align:right;
  }

  #pun #pun-main.show_user_posts .post {
    display:block!important;
    position:relative;
    margin:0 0 var(--space-18px)!important;
    padding:0!important;
    border-radius:var(--radius-23px)!important;
    overflow:hidden;
    min-height:0!important;
  }

  #pun #pun-main.show_user_posts .post>h3 {
    display:block!important;
    position:static;
    margin:0!important;
    padding:calc(var(--space-12px)*var(--forum-padding-density)) calc(var(--space-16px)*var(--forum-padding-density))!important;
    height:auto!important;
    min-height:0!important;
    text-align:left!important;
    font:400 12px/1.5 var(--font-ui)!important;
  }

  #pun #pun-main.show_user_posts .post>h3>span {
    display:flex!important;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-start;
    gap:var(--space-6px) var(--space-9px);
    float:none!important;
    margin:0!important;
    padding:0!important;
    width:auto!important;
  }

  #pun #pun-main.show_user_posts .post>h3 strong {
    order:-1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:26px;
    min-height:26px;
    padding:calc(var(--space-3px)*var(--forum-padding-density)) calc(var(--space-6px)*var(--forum-padding-density));
    border-radius:var(--radius-8px);
    font:600 11px/1 var(--font-ui);
    box-sizing:border-box;
  }

  #pun #pun-main.show_user_posts .post>h3 a {
    text-decoration:none;
    overflow-wrap:anywhere;
  }

  #pun #pun-main.show_user_posts .post>h3 a:nth-of-type(2) {
    font:600 17px/1.3 var(--font-body);
  }

  #pun #pun-main.show_user_posts .post>h3 a:last-of-type {
    margin-left:auto;
    font:400 11px/1.4 var(--font-ui);
  }

  #pun #pun-main.show_user_posts .post>h3 em {
    font-style:normal;
  }

  #pun #pun-main.show_user_posts .post>.container {
    display:grid!important;
    grid-template-columns:145px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:"author body""author actions"!important;
    gap:var(--space-12px) var(--space-18px)!important;
    margin:0!important;
    padding:calc(var(--space-16px)*var(--forum-padding-density))!important;
    align-items:start;
    min-height:0!important;
  }

  #pun #pun-main.show_user_posts .post-author {
    grid-area:author!important;
    position:static!important;
    float:none!important;
    display:block!important;
    min-width:0!important;
    width:auto!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:calc(var(--space-13px)*var(--forum-padding-density)) calc(var(--space-10px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-16px)!important;
    text-align:center!important;
    box-sizing:border-box;
  }

  #pun #pun-main.show_user_posts .post-author>ul {
    display:block!important;
    list-style:none;
    margin:0!important;
    padding:0!important;
  }

  #pun #pun-main.show_user_posts .post-author li {
    display:block!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    font:400 11px/1.5 var(--font-ui)!important;
  }

  #pun #pun-main.show_user_posts .post-author .pa-author {
    margin-bottom:var(--space-8px)!important;
    font:600 19px/1.3 var(--font-body)!important;
    overflow-wrap:anywhere;
  }

  #pun #pun-main.show_user_posts .post-author .pa-author::before {
    content:"\f2bd ";
    display:block;
    margin-bottom:var(--space-7px);
    font:900 29px/1 var(--fa);
    text-transform:none;
  }

  #pun #pun-main.show_user_posts .post-author .pa-author strong {
    font:inherit!important;
  }

  #pun #pun-main.show_user_posts .post-author .pa-replies {
    padding:calc(var(--space-5px)*var(--forum-padding-density)) calc(var(--space-7px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-9px)!important;
  }

  #pun #pun-main.show_user_posts .post-body {
    grid-area:body!important;
    float:none!important;
    position:static!important;
    display:block!important;
    min-width:0!important;
    width:auto!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:calc(var(--space-3px)*var(--forum-padding-density))0!important;
  }

  #pun #pun-main.show_user_posts .post-box {
    margin:0!important;
    padding:0!important;
    min-height:0!important;
  }

  #pun #pun-main.show_user_posts .post-content {
    margin:0!important;
    padding:0!important;
    min-height:0!important;
    font:400 14px/1.65 var(--font-body)!important;
    overflow-wrap:anywhere;
  }

  #pun #pun-main.show_user_posts .post-content p {
    margin:0 0 var(--space-8px);
    line-height:inherit;
  }

  #pun #pun-main.show_user_posts .post-content p:empty {
    display:none;
  }

  #pun #pun-main.show_user_posts .post-content img {
    max-width:100%;
    height:auto;
  }

  #pun #pun-main.show_user_posts .post-content :is(pre,.code-box) {
    max-width:100%;
    overflow:auto;
  }

  #pun #pun-main.show_user_posts .post-links {
    grid-area:actions!important;
    display:block!important;
    position:static!important;
    float:none!important;
    margin:0!important;
    padding:0!important;
    width:auto!important;
    text-align:right;
  }

  #pun #pun-main.show_user_posts .post-links ul {
    display:flex!important;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:var(--space-8px);
    margin:0!important;
    padding:0!important;
    list-style:none;
  }

  #pun #pun-main.show_user_posts .post-links li {
    margin:0!important;
    padding:0!important;
    float:none!important;
  }

  #pun #pun-main.show_user_posts .post-links a {
    display:inline-flex;
    align-items:center;
    gap:var(--space-7px);
    padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density))!important;
    margin:0!important;
    border-radius:var(--radius-11px)!important;
    font:500 11px/1.3 var(--font-ui)!important;
    text-transform:none!important;
    letter-spacing:0;
  }

  #pun #pun-main.show_user_posts .post-links a::before {
    content:"\f061 ";
    font:900 17px/1 var(--fa);
    text-transform:none;
  }

  #pun #pun-main.show_user_posts :is(.linkst,.linksb) {
    display:flex;
    flex-wrap:wrap;
    gap:var(--space-10px);
    margin:var(--space-16px)0;
    padding:0;
  }

  #pun #pun-main.show_user_posts .pagelink {
    float:none;
    margin:0;
    padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density));
    border-radius:var(--radius-13px);
    font:400 12px/1.5 var(--font-ui);
  }

  #pun #pun-main.show_user_posts .pagelink a,#pun #pun-main.show_user_posts .pagelink strong {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:28px;
    min-height:28px;
    margin:var(--space-2px);
    padding:calc(var(--space-3px)*var(--forum-padding-density)) calc(var(--space-7px)*var(--forum-padding-density));
    border-radius:var(--radius-9px);
    box-sizing:border-box;
  }

  #pun #pun-main.show_user_posts a:focus-visible {
    outline-offset:3px;
  }

  #pun #pun-main:has(#viewprofile-next)>h1 {
    display:block!important;
    position:relative;
    width:auto;
    height:auto;
    margin:var(--space-20px)0;
    padding:0;
    text-align:left;
    font:600 clamp(28px,4vw,44px)/1.15 var(--font-body);
    letter-spacing:-1px;
    text-transform:none;
  }

  #pun #viewprofile-next {
    display:block!important;
    margin:var(--space-18px)0!important;
    padding:0!important;
    width:100%!important;
    min-width:0;
    box-sizing:border-box;
  }

  #pun #viewprofile {
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  #pun #viewprofile>.container,#pun #viewprofile>.container>ul {
    display:block!important;
    margin:0!important;
    padding:0!important;
    list-style:none;
  }

  #pun #viewprofile table,#pun #viewprofile tbody {
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  #pun #viewprofile table tr {
    display:grid!important;
    grid-template-columns:235px minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    grid-template-areas:"portrait details"!important;
    gap:var(--space-22px)!important;
    align-items:start;
    padding:0!important;
    margin:0!important;
  }

  #pun #viewprofile #profile-left {
    grid-area:portrait!important;
    position:relative;
    display:flex!important;
    flex-direction:column!important;
    gap:var(--space-12px);
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:calc(var(--space-14px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-25px)!important;
    box-sizing:border-box;
    align-items:stretch;
  }

  #pun #viewprofile #profile-left>li {
    display:block!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    list-style:none;
    text-align:center!important;
    font:400 12px/1.4 var(--font-ui);
    grid-area:auto!important;
  }

  #pun #viewprofile #profile-left #pa-avatar {
    order:1;
  }

  #pun #viewprofile #pa-avatar>div {
    display:block;
    margin:0!important;
    padding:0!important;
    width:100%!important;
  }

  #pun #viewprofile #pa-avatar img {
    display:block!important;
    width:100%!important;
    height:200px!important;
    max-width:100%!important;
    margin:0!important;
    border-radius:var(--radius-17px)!important;
    object-fit:cover;
    object-position:center 25%;
  }

  #pun #viewprofile #profile-left #profile-name {
    order:2;
    font:600 26px/1.15 var(--font-body)!important;
    overflow-wrap:anywhere;
  }

  #pun #viewprofile #profile-name strong {
    font:inherit!important;
  }

  #pun #viewprofile #profile-left #profile-title {
    order:3;
    align-self:center;
    padding:calc(var(--space-5px)*var(--forum-padding-density)) calc(var(--space-10px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-10px)!important;
    font:500 11px/1.3 var(--font-ui)!important;
  }

  #pun #viewprofile #profile-left #pa-online {
    order:4;
    padding:calc(var(--space-9px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-12px)!important;
    font:400 11px/1.4 var(--font-ui)!important;
  }

  #pun #viewprofile #pa-online strong {
    font:inherit;
  }

  #pun #viewprofile #profile-left #pa-edit {
    order:5;
  }

  #pun #viewprofile #pa-edit a {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:var(--space-7px);
    width:100%;
    margin:0!important;
    padding:calc(var(--space-10px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-12px)!important;
    font:600 11px/1.4 var(--font-ui)!important;
    text-transform:uppercase;
    box-sizing:border-box;
  }

  #pun #viewprofile #pa-edit a::before {
    content:"\f303 ";
    font:900 18px/1 var(--fa);
    text-transform:none;
  }

  #pun #viewprofile #profile-right {
    grid-area:details!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:auto!important;
    grid-template-areas:none!important;
    gap:var(--space-13px)!important;
    align-content:start;
    width:auto!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    box-sizing:border-box;
  }

  #pun #viewprofile #profile-right::before {
    content:"                       ";
    grid-column:1/-1;
    display:block;
    padding:calc(var(--space-22px)*var(--forum-padding-density)) calc(var(--space-20px)*var(--forum-padding-density));
    border-radius:var(--radius-24px);
    font:600 clamp(22px,2.5vw,30px)/1.2 var(--font-body);
    text-align:left;
  }

  #pun #viewprofile #profile-right>li {
    grid-area:auto!important;
    display:flex!important;
    flex-direction:column;
    gap:var(--space-7px);
    align-items:flex-start;
    justify-content:flex-start;
    position:relative;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    padding:calc(var(--space-15px)*var(--forum-padding-density)) calc(var(--space-16px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-18px)!important;
    list-style:none;
    text-align:left!important;
    overflow-wrap:anywhere;
    box-sizing:border-box;
  }

  #pun #viewprofile #profile-right>li>span {
    display:block;
    font:500 11px/1.4 var(--font-ui)!important;
    margin:0!important;
    padding:0!important;
    width:auto!important;
  }

  #pun #viewprofile #profile-right>li>strong {
    display:block;
    font:500 15px/1.45 var(--font-body)!important;
    margin:0!important;
    padding:0!important;
    min-width:0;
    max-width:100%;
  }

  #pun #viewprofile #profile-right>li>span a {
    font:inherit!important;
  }

  #pun #viewprofile #profile-right>li>strong a {
    display:inline-block;
    margin:var(--space-3px) var(--space-3px) var(--space-3px)0;
    padding:calc(var(--space-5px)*var(--forum-padding-density)) calc(var(--space-8px)*var(--forum-padding-density));
    border-radius:var(--radius-9px);
    font:500 11px/1.35 var(--font-ui);
  }

  #pun #viewprofile #profile-right #pa-posts {
    grid-column:1/-1!important;
  }

  #pun #viewprofile #profile-right #pa-email {
    grid-column:1/-1!important;
  }

  #pun #viewprofile #profile-right #pa-email strong {
    font-family:var(--font-ui)!important;
    font-size:11px!important;
  }

  #pun #viewprofile #profile-right #pa-email a {
    padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density));
  }

  #pun #viewprofile #profile-right #pa-email a::before {
    display:inline-block;
    vertical-align:middle;
    margin-right:var(--space-5px);
    content:"\f0e0 ";
    font:900 17px/1 var(--fa);
  }

  #pun #viewprofile #profile-right #pa-email a.sendpm::before {
    content:"\f075 ";
  }

  #pun #viewprofile #profile-signature {
    margin:var(--space-22px)0 0!important;
    padding:calc(var(--space-18px)*var(--forum-padding-density)) calc(var(--space-20px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-22px)!important;
    font:400 14px/1.6 var(--font-body);
    overflow-wrap:anywhere;
    box-sizing:border-box;
  }

  #pun #viewprofile #profile-signature::before {
    content:"       ";
    display:block;
    margin-bottom:var(--space-12px);
    padding-bottom:calc(var(--space-8px)*var(--forum-padding-density));
    font:600 20px/1.3 var(--font-body);
  }

  #pun #viewprofile #profile-signature>ul {
    margin:0!important;
    padding:0!important;
    list-style:none;
  }

  #pun #viewprofile #profile-signature img {
    max-width:100%;
    height:auto;
  }

  #pun #viewprofile a:focus-visible {
    outline-offset:3px;
  }

  #pun #pun-main:has(#profile>.container>#profilenav)>h1 {
    display:block!important;
    width:auto;
    height:auto;
    margin:var(--space-20px)0;
    padding:0;
    text-align:left;
    font:600 clamp(28px,4vw,44px)/1.15 var(--font-body);
    letter-spacing:-1px;
    text-transform:none;
  }

  #pun #profile.formal {
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    min-width:0;
  }

  #pun #profile>.container {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:auto!important;
    grid-template-areas:none!important;
    gap:var(--space-18px)!important;
    margin:0!important;
    padding:0!important;
    min-width:0;
  }

  #pun #profile #profilenav {
    grid-area:auto!important;
    grid-column:1/-1!important;
    position:static!important;
    display:block!important;
    float:none!important;
    width:auto!important;
    height:auto!important;
    margin:0 0 var(--space-4px)!important;
    padding:calc(var(--space-14px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-22px)!important;
    box-sizing:border-box;
  }

  #pun #profile #profilenav h2 {
    display:none!important;
  }

  #pun #profile #profilenav ul {
    display:flex!important;
    flex-wrap:wrap!important;
    gap:var(--space-8px)!important;
    margin:0!important;
    padding:0!important;
    list-style:none;
    justify-content:flex-start;
  }

  #pun #profile #profilenav li {
    display:block!important;
    float:none!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
  }

  #pun #profile #profilenav li a {
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:var(--space-7px);
    min-height:38px;
    margin:0!important;
    padding:calc(var(--space-9px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-12px)!important;
    font:500 12px/1.3 var(--font-ui)!important;
    text-transform:none!important;
    letter-spacing:0;
    text-decoration:none;
    box-sizing:border-box;
  }

  #pun #profile #profilenav li a::before {
    content:"\f1de ";
    display:inline-block;
    font:900 19px/1 var(--fa);
    text-transform:none;
  }

  #pun #profile #profilenav .view a::before {
    content:"\f2bd ";
  }

  #pun #profile #profilenav .item1 a::before {
    content:"\f2c2 ";
  }

  #pun #profile #profilenav .item2 a::before {
    content:"\f007 ";
  }

  #pun #profile #profilenav .item4 a::before {
    content:"\f2bb ";
  }

  #pun #profile #profilenav .item5 a::before {
    content:"\f303 ";
  }

  #pun #profile #profilenav .item6 a::before {
    content:"\f108 ";
  }

  #pun #profile #profilenav .item7 a::before {
    content:"\f023 ";
  }

  #pun #profile #profilenav .item8 a::before {
    content:"\f1de ";
  }

  #pun #profile #profilenav .item9 a::before {
    content:"\f234 ";
  }

  #pun #profile #profilenav .item10 a::before {
    content:"\f0ee ";
  }

  #pun #profile #profilenav .item11 a::before {
    content:"\f505 ";
  }

  #pun #profile>.container>fieldset {
    grid-area:auto!important;
    display:block!important;
    float:none!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:calc(var(--space-17px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-20px)!important;
    box-sizing:border-box;
  }

  #pun #profile>.container>fieldset:has(textarea),#pun #profile>.container>fieldset:has(.post-content),#pun #profile>.container>fieldset:has(table) {
    grid-column:1/-1!important;
  }

  #pun #profile fieldset legend {
    display:block;
    position:static;
    width:auto!important;
    max-width:100%;
    margin:0 0 0 var(--space-2px)!important;
    padding:0 calc(var(--space-6px)*var(--forum-padding-density))!important;
    font:600 17px/1.3 var(--font-body)!important;
    text-transform:none;
    letter-spacing:0;
    border-radius:var(--radius-8px);
    overflow-wrap:anywhere;
  }

  #pun #profile fieldset legend span {
    padding:0!important;
  }

  #pun #profile fieldset legend span::before,#pun #profile fieldset legend span::after {
    content:none;
  }

  #pun #profile fieldset .fs-box {
    display:block!important;
    margin:0!important;
    padding:calc(var(--space-5px)*var(--forum-padding-density))0 0!important;
    min-width:0;
  }

  #pun #profile fieldset :is(.inputfield,.selectfield,.datafield,.checkfield,.infofield) {
    float:none!important;
    width:auto!important;
    min-width:0;
    margin:0 0 var(--space-12px)!important;
    padding:0!important;
    font:400 12px/1.5 var(--font-ui);
    overflow-wrap:anywhere;
  }

  #pun #profile fieldset p:last-child {
    margin-bottom:0!important;
  }

  #pun #profile fieldset label,#pun #profile fieldset .label {
    display:inline-block;
    margin-bottom:var(--space-5px);
    font:500 12px/1.4 var(--font-ui);
  }

  #pun #profile .inputfield>br,#pun #profile .selectfield>br {
    display:none;
  }

  #pun #profile fieldset .input {
    display:block;
    min-width:0;
    max-width:100%;
  }

  #pun #profile input:not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]),#pun #profile select,#pun #profile textarea {
    max-width:100%!important;
    min-height:38px;
    box-sizing:border-box;
    padding:calc(var(--space-9px)*var(--forum-padding-density)) calc(var(--space-11px)*var(--forum-padding-density))!important;
    margin:0 0 var(--space-5px)!important;
    border-radius:var(--radius-11px)!important;
    font:400 13px/1.4 var(--font-ui)!important;
  }

  #pun #profile .inputfield input:not([type="checkbox"]):not([type="radio"]) {
    width:100%!important;
  }

  #pun #profile textarea {
    width:100%!important;
    resize:vertical;
  }

  #pun #profile .selectfield select {
    margin-right:var(--space-5px)!important;
  }

  #pun #profile :is(input,select,textarea):focus-visible {
    outline-offset:2px;
  }

  #pun #profile fieldset a {
    font:500 16px/1.4 var(--font-body);
  }

  #pun #profile .datafield a,#pun #profile #email .input a {
    display:inline-block;
    padding:calc(var(--space-6px)*var(--forum-padding-density)) calc(var(--space-9px)*var(--forum-padding-density));
    margin:var(--space-4px) var(--space-4px)0 0;
    border-radius:var(--radius-9px);
  }

  #pun #profile .infofield {
    font-size:11px!important;
  }

  #pun #profile>.container>.formsubmit {
    grid-area:auto!important;
    grid-column:1/-1!important;
    display:flex!important;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:var(--space-12px)!important;
    margin:0!important;
    padding:calc(var(--space-14px)*var(--forum-padding-density)) calc(var(--space-16px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-18px);
    font:400 11px/1.5 var(--font-ui);
    box-sizing:border-box;
  }

  #pun #profile .formsubmit input[name="submit"] {
    padding:calc(var(--space-10px)*var(--forum-padding-density)) calc(var(--space-20px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-12px)!important;
    font:600 12px/1.3 var(--font-ui)!important;
    letter-spacing:0;
  }

  #pun #profile a:focus-visible {
    outline-offset:3px;
  }

  #pun #profile>.container>fieldset:not(:has(~fieldset)):not(fieldset~fieldset) {
    grid-column:1/-1!important;
  }

  #pun #profile>.container>fieldset:has(.avatardemo) {
    grid-column:1/-1!important;
    padding:calc(var(--space-24px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-24px)!important;
  }

  #pun #profile fieldset:has(.avatardemo) .fs-box {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 200px!important;
    gap:var(--space-12px) var(--space-24px)!important;
    align-content:start;
    align-items:start;
    padding:calc(var(--space-8px)*var(--forum-padding-density))0 0!important;
  }

  #pun #profile fieldset .avatardemo {
    grid-column:2;
    grid-row:1/span 5;
    justify-self:end;
    float:none!important;
    display:block;
    width:200px!important;
    height:200px!important;
    max-width:100%;
    margin:0!important;
    padding:calc(var(--space-6px)*var(--forum-padding-density));
    border-radius:var(--radius-21px);
    object-fit:cover;
    object-position:center 25%;
    box-sizing:border-box;
  }

  #pun #profile fieldset:has(.avatardemo) .fs-box>p {
    grid-column:1;
    margin:0!important;
    max-width:720px;
  }

  #pun #profile fieldset:has(.avatardemo) .infofield {
    font-size:13px!important;
    line-height:1.65;
  }

  #pun #profile fieldset:has(.avatardemo) .inputfield a,#pun #profile fieldset:has(.avatardemo) .datafield a {
    display:inline-flex;
    align-items:center;
    gap:var(--space-7px);
    min-height:36px;
    margin:0!important;
    padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density));
    border-radius:var(--radius-11px);
    font:500 12px/1.3 var(--font-ui);
    box-sizing:border-box;
  }

  #pun #profile fieldset:has(.avatardemo) .inputfield a::before {
    content:"\f03e ";
    font:900 19px/1 var(--fa);
  }

  #pun #profile fieldset:has(.avatardemo) .datafield a::before {
    content:"\f1f8 ";
    font:900 19px/1 var(--fa);
  }

  #pun #profile .checkfield {
    display:flex!important;
    align-items:center;
    flex-wrap:wrap;
    gap:var(--space-8px);
  }

  #pun #profile .checkfield>.input {
    display:inline-flex!important;
    align-items:center;
    flex:none;
  }

  #pun #profile .checkfield label {
    display:inline!important;
    margin:0!important;
    font:500 12px/1.4 var(--font-ui);
  }

  #pun #profile .checkfield input[type="checkbox"] {
    appearance:auto!important;
    -webkit-appearance:auto!important;
    width:16px!important;
    height:16px!important;
    min-height:0;
    margin:0!important;
    padding:0!important;
  }

  #pun #profile>.container {
    margin-left:0!important;
    margin-right:0!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box;
  }

  #pun #profile>div.container {
    display:block!important;
    padding:0!important;
  }

  #pun #profile>div.container>fieldset {
    width:100%!important;
    margin:var(--space-16px)0!important;
    box-sizing:border-box;
  }

  #pun #profile>div.container>#profilenav {
    margin:0 0 var(--space-18px)!important;
    width:100%!important;
  }

  #pun #profile>div.container>.adfs-box {
    max-width:100%;
    min-width:0;
    overflow-x:auto;
  }

  #pun #profile.messages-container,#pun #profile.messages-container>.container {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box;
  }

  #pun #profile.messages-container #notify-settings {
    position:static!important;
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 var(--space-14px)!important;
    padding:calc(var(--space-12px)*var(--forum-padding-density)) calc(var(--space-14px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-16px);
    box-sizing:border-box;
    transform:none!important;
    left:auto!important;
    right:auto!important;
    font:400 12px/1.5 var(--font-ui);
  }

  #pun #profile.messages-container #notify-settings .inp2 {
    display:flex!important;
    align-items:center;
    flex-wrap:wrap;
    gap:var(--space-8px);
    width:100%!important;
    margin:0!important;
    padding:0!important;
    position:static!important;
  }

  #pun #profile.messages-container #OnOff_Notify {
    float:none!important;
    margin:0!important;
    width:16px!important;
    height:16px!important;
    appearance:auto!important;
    flex:none;
  }

  #pun #profile.messages-container #volume-set {
    position:static!important;
    float:none!important;
    margin:0 0 0 auto!important;
    padding:0!important;
    display:flex;
    align-items:center;
    gap:var(--space-9px);
    width:auto!important;
    max-width:100%;
    font:inherit;
  }

  #pun #profile.messages-container #volSlider {
    display:inline-block;
    max-width:100%;
    flex:0 0 120px;
  }

  #pun #profile.messages-container #profilenav {
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:var(--space-12px)!important;
    margin-bottom:var(--space-18px)!important;
  }

  #pun #profile.messages-container #profilenav>ul {
    gap:var(--space-9px)!important;
  }

  #pun #profile.messages-container #profilenav>ul+ul {
    margin-top:var(--space-12px)!important;
  }

  #pun #profile.messages-container #profilenav a[href*="box=0"]::before {
    content:"\f01c ";
  }

  #pun #profile.messages-container #profilenav a[href*="box=1"]::before {
    content:"\f1d8 ";
  }

  #pun #profile.messages-container #profilenav a[href*="action=new"]::before {
    content:"\f303 ";
  }

  #pun #profile.messages-container #profilenav a[href*="box=2"]::before {
    content:"\f017 ";
  }

  #pun #profile.messages-container #profilenav a[href*="markread"]::before {
    content:"\f560 ";
  }

  #pun #profile.messages-container #profilenav a[href*="clean"]::before {
    content:"\f1f8 ";
  }

  #pun #profile.messages-container #messages {
    margin:0!important;
    padding:0!important;
    max-width:100%;
    min-width:0;
  }

  #pun #messages fieldset {
    margin:0!important;
    padding:calc(var(--space-16px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-22px)!important;
    min-width:0;
    box-sizing:border-box;
  }

  #pun #messages .fs-box,#pun #messages .fs-box>.container {
    margin:0!important;
    padding:0!important;
    min-width:0;
    max-width:100%;
  }

  #pun #messages table {
    display:block!important;
    width:100%!important;
    table-layout:auto;
  }

  #pun #messages thead {
    display:block!important;
    width:100%;
  }

  #pun #messages thead tr {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 170px 105px 26px;
    gap:var(--space-12px);
    padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density))!important;
  }

  #pun #messages thead th {
    display:block!important;
    width:auto!important;
    padding:0!important;
    font:500 11px/1.4 var(--font-ui);
    text-align:left;
  }

  #pun #messages tbody {
    display:grid!important;
    gap:var(--space-10px);
    width:100%;
  }

  #pun #messages tbody tr {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 170px 105px 26px!important;
    grid-template-rows:auto!important;
    grid-template-areas:"subject sender date select"!important;
    gap:var(--space-12px);
    align-items:center;
    margin:0!important;
    padding:calc(var(--space-12px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-16px);
    min-width:0;
  }

  #pun #messages tbody td {
    display:block!important;
    float:none!important;
    width:auto!important;
    min-width:0;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    text-align:left!important;
    font:400 12px/1.4 var(--font-ui);
  }

  #pun #messages tbody .pmtcl1 {
    grid-area:subject!important;
  }

  #pun #messages tbody .pmtc22 {
    grid-area:sender!important;
    display:flex!important;
    align-items:center;
    gap:var(--space-8px);
  }

  #pun #messages tbody .pmtc33 {
    grid-area:date!important;
    font-size:11px;
  }

  #pun #messages tbody .pmtc24 {
    grid-area:select!important;
    text-align:center!important;
  }

  #pun #messages .pmtcl1 .intd {
    display:block!important;
    padding:0!important;
    margin:0!important;
  }

  #pun #messages .pmtcl1 .icon {
    display:none!important;
  }

  #pun #messages .tclcon {
    display:block!important;
    margin:0!important;
    padding:0!important;
    overflow-wrap:anywhere;
  }

  #pun #messages .tclcon>a {
    display:block;
    font:500 16px/1.4 var(--font-body);
    overflow-wrap:anywhere;
  }

  #pun #messages tr.inew .tclcon>a {
    font-weight:700;
  }

  #pun #messages .pmtc22>a {
    min-width:0;
    overflow-wrap:anywhere;
    font:500 12px/1.4 var(--font-ui);
  }

  #pun #messages .user-avatar {
    position:relative!important;
    display:block!important;
    float:none!important;
    flex:0 0 36px;
    width:36px!important;
    height:44px!important;
    margin:0!important;
    transform:none!important;
    border-radius:var(--radius-10px);
  }

  #pun #messages .user-avatar>a {
    display:block;
    position:relative;
    width:100%;
    height:100%;
  }

  #pun #messages .user-avatar .avatar-image {
    position:absolute;
    inset:0;
    display:block;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    border-radius:var(--radius-10px)!important;
  }

  #pun #messages .user-avatar .isonline {
    top:2px!important;
    right:2px!important;
    width:8px!important;
    height:8px!important;
    border-radius:var(--radius-50pct)!important;
    clip-path:none!important;
    animation:none!important;
  }

  #pun #messages input[type="checkbox"] {
    appearance:auto!important;
    -webkit-appearance:auto!important;
    width:15px!important;
    height:15px!important;
    padding:0!important;
    margin:0!important;
  }

  #pun #messages .formsubmit {
    margin-top:var(--space-14px)!important;
  }

  #pun #profile.messages-container .linksb {
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:var(--space-12px);
    margin:var(--space-16px)0 0!important;
    padding:calc(var(--space-12px)*var(--forum-padding-density)) calc(var(--space-14px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-16px);
  }

  #pun #profile.messages-container .linksb .clearer {
    display:none;
  }

  #pun #profile.messages-container .pagelink {
    float:none!important;
    margin:0!important;
    padding:0!important;
    font:400 12px/1.5 var(--font-ui);
  }

  #pun #profile.messages-container .pagelink a,#pun #profile.messages-container .pagelink strong {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:28px;
    min-height:28px;
    margin:var(--space-2px);
    padding:calc(var(--space-3px)*var(--forum-padding-density)) calc(var(--space-7px)*var(--forum-padding-density));
    border-radius:var(--radius-9px);
    box-sizing:border-box;
  }

  #pun #profile.messages-container .postlink {
    float:none!important;
    margin:0!important;
    padding:0!important;
    width:auto!important;
  }

  #pun #profile.messages-container input[type="submit"].button {
    min-height:37px;
    padding:calc(var(--space-9px)*var(--forum-padding-density)) calc(var(--space-14px)*var(--forum-padding-density))!important;
    margin:0 var(--space-5px)0 0!important;
    border-radius:var(--radius-11px)!important;
    font:600 12px/1.3 var(--font-ui)!important;
    letter-spacing:0!important;
    box-sizing:border-box;
    cursor:pointer;
  }

  #pun #profile.messages-container fieldset:has(.post) {
    min-width:0;
    margin:var(--space-18px)0!important;
    padding:calc(var(--space-18px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-23px)!important;
    box-sizing:border-box;
  }

  #pun #profile.messages-container fieldset>legend strong {
    font:600 20px/1.3 var(--font-body);
    overflow-wrap:anywhere;
  }

  #pun #profile.messages-container fieldset:has(.post)>.fs-box {
    margin:0!important;
    padding:0!important;
  }

  #pun #profile.messages-container .post {
    display:block!important;
    margin:0!important;
    padding:0!important;
    min-height:0!important;
  }

  #pun #profile.messages-container .post>h3 {
    display:block!important;
    height:auto!important;
    margin:0 0 var(--space-12px)!important;
    padding:calc(var(--space-9px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-12px)!important;
    font:500 12px/1.4 var(--font-ui)!important;
    text-align:left!important;
  }

  #pun #profile.messages-container .post>h3 span {
    display:block!important;
    float:none!important;
    margin:0!important;
    padding:0!important;
    font:inherit;
  }

  #pun #profile.messages-container .post>.container {
    display:grid!important;
    grid-template-columns:150px minmax(0,1fr)!important;
    gap:var(--space-14px) var(--space-18px)!important;
    margin:0!important;
    padding:0!important;
    align-items:start;
  }

  #pun #profile.messages-container .post-author {
    grid-area:author!important;
    position:static!important;
    float:none!important;
    display:block!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box;
  }

  #pun #profile.messages-container .post-author ul {
    display:flex!important;
    flex-direction:column;
    gap:var(--space-8px);
    list-style:none;
    margin:0!important;
    padding:0!important;
  }

  #pun #profile.messages-container .post-author li {
    width:auto!important;
  }

  #pun #profile.messages-container .post-author .pa-avatar {
    order:-1;
  }

  #pun #profile.messages-container .post-author .pa-avatar img {
    border-radius:var(--radius-12px);
  }

  #pun #profile.messages-container .post-author .pa-online {
    font-weight:600!important;
  }

  #pun #profile.messages-container .post-body {
    grid-area:body!important;
    float:none!important;
    position:static!important;
    width:auto!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:calc(var(--space-15px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-17px)!important;
    box-sizing:border-box;
  }

  #pun #profile.messages-container .post-box,#pun #profile.messages-container .post-content {
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }

  #pun #profile.messages-container .post-content {
    font:400 14px/1.65 var(--font-body);
    overflow-wrap:anywhere;
  }

  #pun #profile.messages-container .post-content img {
    max-width:100%;
    height:auto;
  }

  #pun #profile.messages-container .post-sig {
    margin-top:var(--space-18px);
    padding-top:calc(var(--space-12px)*var(--forum-padding-density));
    font-size:12px;
  }

  #pun #profile.messages-container .post-links {
    grid-area:actions!important;
    display:block!important;
    float:none!important;
    margin:0!important;
    padding:0!important;
    width:auto!important;
  }

  #pun #profile.messages-container .post-links ul {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:var(--space-8px);
    margin:0!important;
    padding:0!important;
    list-style:none;
  }

  #pun #profile.messages-container .post-links li {
    margin:0!important;
    padding:0!important;
  }

  #pun #profile.messages-container .post-links a {
    display:inline-flex;
    align-items:center;
    padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-10px)!important;
    font:500 12px/1.3 var(--font-ui)!important;
  }

  #pun #profile.messages-container #post-form {
    width:100%!important;
    max-width:100%;
    margin:var(--space-18px)0 0!important;
    border-radius:var(--radius-18px)!important;
    box-sizing:border-box;
  }

  #pun #profile.messages-container #post-form .fs-box {
    margin:0!important;
    padding:0!important;
    min-width:0;
  }

  #pun #profile.messages-container #main-reply {
    width:100%!important;
    max-width:100%;
    min-height:160px;
    padding:calc(var(--space-12px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-13px)!important;
    box-sizing:border-box;
    resize:vertical;
    font:400 14px/1.5 var(--font-ui);
  }

  #pun #profile.messages-container #form-buttons {
    max-width:100%;
    overflow-x:auto;
  }

  #pun #profile.messages-container #post-form>p:has(input[name="savemessage"]) {
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:var(--space-12px);
    padding:calc(var(--space-12px)*var(--forum-padding-density))0 0!important;
    margin:0!important;
  }

  #pun #profile.messages-container #post-form>p:has(input[name="savemessage"])>span {
    float:none!important;
    min-width:0;
  }

  #pun #profile.messages-container .checkfield:has(input[name="savemessage"]) {
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:var(--space-7px);
    float:none!important;
    margin:0!important;
    padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-11px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-11px);
    font:500 12px/1.3 var(--font-ui);
  }

  #pun #profile.messages-container input[name="savemessage"] {
    appearance:auto!important;
    width:16px!important;
    height:16px!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }

  #pun #profile.messages-container fieldset>legend:has(>strong),#pun #profile.messages-container fieldset>legend>strong {
    font-family:var(--font-body)!important;
  }

  #pun #profile.messages-container .post>.container {
    grid-template-areas:"author body""actions actions"!important;
    align-items:stretch!important;
    grid-template-rows:auto auto!important;
  }

  #pun #profile.messages-container .post-author,#pun #profile.messages-container .post-body {
    align-self:stretch!important;
    height:auto!important;
    min-height:0!important;
  }

  #pun #profile.messages-container .post-links {
    grid-column:1/-1!important;
  }

  #pun #profile.messages-container #volume-set {
    align-items:center!important;
    min-height:24px;
    line-height:24px!important;
  }

  #pun #profile.messages-container #volSlider {
    display:block!important;
    position:relative!important;
    width:120px!important;
    height:24px!important;
    min-height:24px;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box;
    cursor:pointer;
    overflow:visible!important;
  }

  #pun #profile.messages-container #volSlider::before {
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:50%;
    height:4px;
    transform:translateY(-50%);
    border-radius:var(--radius-4px);
    pointer-events:none;
  }

  #pun #profile.messages-container #volSlider .before {
    position:absolute!important;
    left:0!important;
    top:50%!important;
    bottom:auto!important;
    height:4px!important;
    max-width:100%;
    margin:0!important;
    padding:0!important;
    border-radius:var(--radius-4px);
    transform:translateY(-50%);
    pointer-events:none;
  }

  #pun #profile.messages-container #volSlider .thumb {
    position:absolute!important;
    top:50%!important;
    bottom:auto!important;
    width:12px!important;
    height:12px!important;
    margin:0!important;
    padding:0!important;
    border-radius:var(--radius-50pct)!important;
    transform:translateY(-50%);
    box-sizing:border-box;
    cursor:grab;
    z-index:2;
  }

  #pun #profile.messages-container #volSlider .thumb:active {
    cursor:grabbing;
  }

  #pun .adformal {
    min-width:0;
    max-width:100%;
    margin:0!important;
    padding:calc(var(--space-18px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-23px)!important;
    box-sizing:border-box;
  }

  #pun .adformal>h2 {
    display:block;
    position:static;
    width:auto;
    height:auto;
    margin:0 0 var(--space-16px)!important;
    padding:0!important;
    text-align:left!important;
    font:600 25px/1.25 var(--font-body)!important;
    text-transform:none;
    overflow:visible;
  }

  #pun .adformal>h2 span {
    font:inherit;
  }

  #pun .adformal table.adcontainer {
    max-width:100%;
    overflow-x:auto;
    border-radius:var(--radius-15px);
    border-spacing:0;
    border-collapse:separate;
    box-sizing:border-box;
  }

  #pun .adformal table.adcontainer :is(thead,tbody) {
    display:table-row-group!important;
    width:auto;
  }

  #pun .adformal table.adcontainer thead {
    display:table-header-group!important;
  }

  #pun .adformal table.adcontainer tr {
    display:table-row!important;
    padding:0!important;
    margin:0!important;
  }

  #pun .adformal table.adcontainer :is(th,td) {
    display:table-cell!important;
    float:none!important;
    width:auto;
    min-width:0;
    margin:0!important;
    padding:calc(var(--space-12px)*var(--forum-padding-density)) calc(var(--space-14px)*var(--forum-padding-density))!important;
    vertical-align:top;
    text-align:left!important;
    font:400 12px/1.55 var(--font-ui);
    box-sizing:border-box;
  }

  #pun .adformal table.adcontainer th {
    font-weight:600;
  }

  #pun .adformal table.adcontainer td.tcl {
    min-width:135px;
  }

  #pun .adformal table.adcontainer td.tcr {
    min-width:220px;
  }

  #pun .adformal table.adcontainer td.tc3 {
    white-space:nowrap;
  }

  #pun .adformal table.page-list td.tc-tags {
    min-width:90px;
  }

  #pun .adformal table.page-list a[href*="edit_page="],#pun .adformal table.page-list a[href*="del_page="] {
    display:inline-flex;
    align-items:center;
    gap:var(--space-5px);
    margin:var(--space-3px)0;
    padding:calc(var(--space-6px)*var(--forum-padding-density)) calc(var(--space-9px)*var(--forum-padding-density));
    border-radius:var(--radius-9px);
    font:500 11px/1.3 var(--font-ui);
    white-space:nowrap;
  }

  #pun .adformal table.page-list a[href*="edit_page="]::before {
    content:"\f303 ";
    font:900 16px/1 var(--fa);
  }

  #pun .adformal table.page-list a[href*="del_page="]::before {
    content:"\f1f8 ";
    font:900 16px/1 var(--fa);
  }

  #pun .adformal .pagelink {
    display:block;
    float:none!important;
    margin:var(--space-12px)0!important;
    padding:calc(var(--space-10px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-13px);
    font:400 12px/1.6 var(--font-ui);
    box-sizing:border-box;
  }

  #pun .adformal .pagelink .page-container {
    display:inline-flex;
    flex-wrap:wrap;
    align-items:center;
    gap:var(--space-4px);
  }

  #pun .adformal .pagelink :is(a,strong) {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:27px;
    min-height:27px;
    margin:var(--space-2px);
    padding:calc(var(--space-3px)*var(--forum-padding-density)) calc(var(--space-7px)*var(--forum-padding-density));
    border-radius:var(--radius-8px);
    box-sizing:border-box;
  }

  #pun .adformal .per-page-select {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:var(--space-10px);
  }

  #pun .adformal .per-page-select>span:last-child {
    float:none!important;
    margin-left:auto;
  }

  #pun .adformal :is(select,input[type="text"],input[type="password"],textarea) {
    max-width:100%;
    padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-10px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-10px)!important;
    font:400 12px/1.4 var(--font-ui);
    box-sizing:border-box;
  }

  #pun .adformal fieldset,#pun #pun-admain fieldset {
    min-width:0;
    margin:var(--space-18px)0!important;
    padding:calc(var(--space-17px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-19px)!important;
    box-sizing:border-box;
  }

  #pun .adformal legend,#pun #pun-admain legend {
    max-width:100%;
    border-radius:var(--radius-8px);
    font:600 19px/1.3 var(--font-body)!important;
    text-transform:none;
    letter-spacing:0;
    overflow-wrap:anywhere;
  }

  #pun .adformal legend span,#pun #pun-admain legend span {
    padding:0!important;
    font:inherit;
  }

  #pun .adformal legend span::before,#pun .adformal legend span::after,#pun #pun-admain legend span::before,#pun #pun-admain legend span::after {
    content:none;
  }

  #pun .adformal .adfs-box,#pun #pun-admain .adfs-box {
    min-width:0;
    max-width:100%;
    margin:0!important;
    padding:calc(var(--space-7px)*var(--forum-padding-density))0 0!important;
  }

  #pun .adformal .adinfofield,#pun #pun-admain .adinfofield {
    font:400 12px/1.6 var(--font-ui);
    overflow-wrap:anywhere;
  }

  #pun .adfs-box.words>.adinfofield:only-child {
    display:flex;
    align-items:center;
    gap:var(--space-10px);
    padding:calc(var(--space-16px)*var(--forum-padding-density))!important;
    margin:0!important;
    border-radius:var(--radius-14px);
  }

  #pun .adfs-box.words>.adinfofield:only-child::before {
    content:"\f0b0 ";
    font:900 24px/1 var(--fa);
  }

  #pun .adformal a:focus-visible {
    outline-offset:3px;
  }

  #pun #pun-main>:is(#administration,#most_active,#most_connected,#most_invitations,#most_viewed_topics,#most_replied_topics) {
    margin:var(--space-20px)0!important;
    padding:calc(var(--space-18px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-23px)!important;
    min-width:0;
    scroll-margin-top:20px;
  }

  #pun #pun-main>:is(#administration,[id^="most_"])>h1 {
    display:block!important;
    position:static;
    width:auto;
    height:auto;
    margin:0 0 var(--space-16px)!important;
    padding:0!important;
    text-align:left;
    font:600 clamp(23px,3vw,32px)/1.2 var(--font-body)!important;
    text-transform:none;
    letter-spacing:-.6px;
    overflow:visible;
  }

  #pun #pun-main>:is(#administration,[id^="most_"])>h1::before {
    content:"\f080 ";
    display:inline-block;
    vertical-align:middle;
    margin-right:var(--space-10px);
    font:900 25px/1 var(--fa);
    text-transform:none;
  }

  #pun #pun-main>#administration>h1::before {
    content:"\f505 ";
  }

  #pun #pun-main>#most_connected>h1::before {
    content:"\f017 ";
  }

  #pun #pun-main>#most_invitations>h1::before {
    content:"\f234 ";
  }

  #pun #pun-main>#most_viewed_topics>h1::before {
    content:"\f06e ";
  }

  #pun #pun-main>#most_replied_topics>h1::before {
    content:"\f086 ";
  }

  #pun #pun-main>:is(#administration,[id^="most_"])>.container {
    margin:0!important;
    padding:0!important;
    min-width:0;
    overflow:visible;
  }

  #pun #pun-main>:is(#administration,[id^="most_"]) table {
    display:block!important;
    width:100%!important;
    border-spacing:0;
  }

  #pun #pun-main>:is(#administration,[id^="most_"]) thead {
    display:none!important;
  }

  #pun #pun-main>:is(#administration,[id^="most_"]) tbody {
    display:grid!important;
    gap:var(--space-9px);
    counter-reset:rating;
  }

  #pun #pun-main>:is(#administration,[id^="most_"]) tbody tr {
    display:grid!important;
    grid-template-columns:30px minmax(110px,1.2fr) minmax(110px,1fr) repeat(3,minmax(95px,.8fr))!important;
    gap:var(--space-12px);
    align-items:center;
    margin:0!important;
    padding:calc(var(--space-13px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-15px);
    min-width:0;
    counter-increment:rating;
  }

  #pun #pun-main>:is(#administration,[id^="most_"]) tbody tr::before {
    content:counter(rating);
    display:flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    border-radius:var(--radius-9px);
    font:600 12px/1 var(--font-ui);
  }

  #pun #pun-main>:is(#administration,[id^="most_"]) tbody td {
    display:block!important;
    float:none!important;
    width:auto!important;
    min-width:0;
    grid-area:auto!important;
    grid-column:auto!important;
    grid-row:auto!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
    font:400 12px/1.4 var(--font-ui);
    overflow:visible!important;
    overflow-wrap:anywhere;
  }

  #pun #pun-main>:is(#administration,[id^="most_"]) tbody td::before {
    display:block;
    margin-bottom:var(--space-4px);
    font:400 10px/1.2 var(--font-ui);
  }

  #pun #pun-main>:is(#administration,[id^="most_"]) tbody td.tc-title::before {
    content:"      ";
  }

  #pun #pun-main>:is(#administration,[id^="most_"]) tbody td.tc-registered::before {
    content:"           ";
  }

  #pun #pun-main>:is(#administration,[id^="most_"]) tbody td.tc-posts::before {
    content:"         ";
  }

  #pun #pun-main>:is(#administration,[id^="most_"]) tbody td.tc-lastvisit::before {
    content:"               ";
  }

  #pun #pun-main>:is(#administration,[id^="most_"]) tbody td.tc-percent::before {
    content:"              ";
  }

  #pun #pun-main>:is(#administration,[id^="most_"]) tbody td.tc-timevisit::before {
    content:"               ";
  }

  #pun #pun-main>:is(#administration,[id^="most_"]) tbody td.tc-invitations::before {
    content:"           ";
  }

  #pun #pun-main>:is(#administration,[id^="most_"]) tbody td.tc-replies::before {
    content:"      ";
  }

  #pun #pun-main>:is(#administration,[id^="most_"]) tbody td.tc-views::before {
    content:"         ";
  }

  #pun #pun-main>:is(#administration,[id^="most_"]) tbody td.tcl a {
    font:600 17px/1.3 var(--font-body);
  }

  #pun #pun-main>:is(#most_viewed_topics,#most_replied_topics) tbody tr {
    grid-template-columns:30px minmax(0,2fr) minmax(90px,1fr) 90px 90px!important;
  }

  #pun #pun-main>:is(#most_viewed_topics,#most_replied_topics) td.tc-username::before {
    content:"     ";
  }

  #pun .adformal table.adcontainer {
    border-radius:var(--radius-12px)!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }

  #pun .adformal table.adcontainer thead,#pun .adformal table.adcontainer thead tr {
    border-radius:0!important;
  }

  #pun .adformal table.adcontainer thead th {
    height:auto!important;
    min-height:0!important;
    border-radius:0!important;
    padding:calc(var(--space-12px)*var(--forum-padding-density)) calc(var(--space-14px)*var(--forum-padding-density))!important;
    line-height:1.5!important;
    vertical-align:middle!important;
    white-space:normal!important;
    overflow:visible!important;
  }

  #pun .adformal table.adcontainer thead th:first-child {
    border-top-left-radius:var(--radius-11px)!important;
  }

  #pun .adformal table.adcontainer thead th:last-child {
    border-top-right-radius:var(--radius-11px)!important;
  }

  #pun .adformal legend,#pun #pun-admain legend {
    display:table!important;
    position:static!important;
    float:none!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0 0 0 var(--space-4px)!important;
    padding:calc(var(--space-6px)*var(--forum-padding-density)) calc(var(--space-10px)*var(--forum-padding-density))!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    box-sizing:border-box;
    border-radius:var(--radius-10px)!important;
  }

  #pun .adformal legend>span,#pun #pun-admain legend>span,#pun .adformal legend>strong,#pun #pun-admain legend>strong {
    display:inline!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:anywhere;
    font:inherit!important;
    line-height:inherit!important;
    box-sizing:border-box;
  }

  #pun .adformal fieldset,#pun #pun-admain fieldset {
    overflow:visible!important;
    min-width:0!important;
    height:auto!important;
  }

  #pun .adformal table.adcontainer {
    display:table!important;
    width:100%!important;
    max-width:100%!important;
    table-layout:fixed!important;
    border-spacing:0!important;
    padding:0!important;
    margin-right:0!important;
    border-collapse:separate!important;
  }

  #pun .adformal table.adcontainer :is(th,td) {
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
  }

  #pun .adformal table.adcontainer :is(th,td).tcl {
    width:17%!important;
  }

  #pun .adformal table.adcontainer :is(th,td).tc2 {
    width:17%!important;
  }

  #pun .adformal table.adcontainer :is(th,td).tc3 {
    width:20%!important;
  }

  #pun .adformal table.adcontainer :is(th,td).tcr {
    width:auto!important;
  }

  #pun .adformal table.page-list :is(th,td).tc-tags {
    width:15%!important;
  }

  #pun #pun-admain :is(.linkst,.linksb) {
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:var(--space-12px);
    margin:var(--space-16px)0!important;
    padding:calc(var(--space-13px)*var(--forum-padding-density)) calc(var(--space-15px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-17px);
    box-sizing:border-box;
    min-width:0;
  }

  #pun #pun-admain :is(.linkst,.linksb)>.clearer {
    display:none;
  }

  #pun #pun-admain .pagelink {
    float:none!important;
    max-width:100%;
    margin:0!important;
    padding:0!important;
    line-height:2!important;
    font:400 12px/2 var(--font-ui)!important;
    overflow-wrap:anywhere;
  }

  #pun #pun-admain .pagelink :is(a,strong) {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:29px;
    min-height:29px;
    margin:var(--space-3px) var(--space-2px);
    padding:calc(var(--space-3px)*var(--forum-padding-density)) calc(var(--space-8px)*var(--forum-padding-density));
    border-radius:var(--radius-9px);
    box-sizing:border-box;
    font:500 12px/1.3 var(--font-ui);
  }

  #pun #pun-admain .pagelink .ellipsis {
    display:inline-block;
    padding:0 calc(var(--space-5px)*var(--forum-padding-density));
  }

  #pun #pun-admain :is(.linkst,.linksb) .postlink {
    display:block;
    float:none!important;
    min-width:0;
    max-width:100%;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    flex:0 1 380px;
  }

  #pun #pun-admain :is(.linkst,.linksb) .postlink select {
    display:block;
    width:100%;
    min-width:0;
    max-width:100%;
    min-height:38px;
    margin:0!important;
    padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-11px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-11px)!important;
    font:400 12px/1.4 var(--font-ui);
    box-sizing:border-box;
  }

  #pun #pun-admain .adfs-box {
    font:400 13px/1.6 var(--font-ui);
    overflow-wrap:anywhere;
    min-width:0;
  }

  #pun #pun-admain .adfs-box :is(p,ul,ol) {
    margin:0 0 var(--space-12px);
  }

  #pun #pun-admain .adfs-box p:last-child {
    margin-bottom:0;
  }

  #pun #pun-admain .adfs-box :is(.adinputfield,.adselectfield,.adcheckfield,.adtextarea) {
    margin:0 0 var(--space-14px)!important;
    padding:0!important;
    min-width:0;
  }

  #pun #pun-admain .adfs-box :is(label,.label) {
    font:500 12px/1.4 var(--font-ui);
  }

  #pun #pun-admain .adfs-box :is(input[type="text"],input[type="password"],input[type="number"],select,textarea) {
    max-width:100%!important;
    min-height:36px;
    padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-11px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-10px)!important;
    font:400 12px/1.4 var(--font-ui);
    box-sizing:border-box;
  }

  #pun #pun-admain .adfs-box textarea {
    width:100%;
    resize:vertical;
    min-height:120px;
  }

  #pun #pun-admain .adfs-box input[type="checkbox"],#pun #pun-admain .adfs-box input[type="radio"] {
    appearance:auto!important;
    width:16px;
    height:16px;
    min-height:0;
    margin:0 var(--space-6px)0 0;
    padding:0!important;
    vertical-align:middle;
  }

  #pun #pun-admain :is(.adformsubmit,.formsubmit) {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:var(--space-10px);
    margin:var(--space-14px)0;
    padding:calc(var(--space-12px)*var(--forum-padding-density))0;
    font:400 12px/1.5 var(--font-ui);
  }

  #pun #pun-admain input[type="submit"],#pun #pun-admain input[type="button"] {
    min-height:36px;
    margin:0 var(--space-5px)0 0!important;
    padding:calc(var(--space-9px)*var(--forum-padding-density)) calc(var(--space-14px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-11px)!important;
    font:600 12px/1.3 var(--font-ui);
    letter-spacing:0;
    cursor:pointer;
  }

  #pun #pun-admain :is(input,select,textarea,a):focus-visible {
    outline-offset:2px;
  }

  #pun #pun-adnav {
    max-width:100%;
    padding:0!important;
    border-radius:var(--radius-20px)!important;
    overflow:visible;
    box-sizing:border-box;
  }

  #pun #pun-adnav>h2 {
    display:block;
    margin:0!important;
    border-radius:var(--radius-19px) var(--radius-19px)0 0;
    font:600 15px/1.3 var(--font-body)!important;
    text-align:left;
    text-transform:none;
  }

  #pun #pun-adnav>h2::before {
    content:"\f009 ";
    display:inline-block;
    vertical-align:middle;
    margin-right:var(--space-7px);
    font:900 20px/1 var(--fa);
  }

  #pun #pun-adnav .adcontainer {
    margin:0!important;
  }

  #pun #adnav-standard>ul {
    display:flex;
    flex-direction:column;
    gap:var(--space-5px);
    margin:0!important;
    padding:0!important;
    list-style:none;
  }

  #pun #adnav-standard>ul>li {
    position:relative;
    display:block;
    margin:0!important;
    padding:0!important;
    min-width:0;
  }

  #pun #adnav-standard>ul>li>a {
    display:flex;
    align-items:center;
    gap:var(--space-8px);
    min-height:36px;
    margin:0!important;
    padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-9px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-11px);
    font:500 11px/1.35 var(--font-ui);
    text-decoration:none;
    box-sizing:border-box;
    overflow-wrap:anywhere;
  }

  #pun #adnav-standard>ul>li>a::before {
    content:"\f013 ";
    flex:none;
    display:block;
    font:900 19px/1 var(--fa);
    text-transform:none;
  }

  #pun #adnav-standard>ul>.item1>a::before {
    content:"\f015 ";
  }

  #pun #adnav-standard>ul>.item2>a::before {
    content:"\f009 ";
  }

  #pun #adnav-standard>ul>.item3>a::before {
    content:"\f086 ";
  }

  #pun #adnav-standard>ul>.item4>a::before {
    content:"\f0c0 ";
  }

  #pun #adnav-standard>ul>.item14>a::before {
    content:"\f2c2 ";
  }

  #pun #adnav-standard>ul>.item6>a::before {
    content:"\f1de ";
  }

  #pun #adnav-standard>ul>.item7>a::before {
    content:"\f3ed ";
  }

  #pun #adnav-standard>ul>.item5>a::before {
    content:"\f0c0 ";
  }

  #pun #adnav-standard>ul>.item-forms>a::before {
    content:"\f0e7 ";
  }

  #pun #adnav-standard>ul>.item8>a::before {
    content:"\f0b0 ";
  }

  #pun #adnav-standard>ul>.item9>a::before {
    content:"\f5a2 ";
  }

  #pun #adnav-standard>ul>.item10>a::before {
    content:"\f05e ";
  }

  #pun #adnav-standard>ul>.item12>a::before {
    content:"\f51a ";
  }

  #pun #adnav-standard>ul>.item15>a::before {
    content:"\f53f ";
  }

  #pun #adnav-standard>ul>.item20>a::before {
    content:"\f07c ";
  }

  #pun #adnav-standard>ul>.item16>a::before {
    content:"\f15c ";
  }

  #pun #adnav-standard>ul>.item17>a::before {
    content:"\f0a1 ";
  }

  #pun #adnav-standard>ul>.item13>a::before {
    content:"\f0e0 ";
  }

  #pun #adnav-standard>ul>.item18>a::before {
    content:"\f09d ";
  }

  #pun #adnav-standard>ul>.item19>a::before {
    content:"\f0ac ";
  }

  #pun #adnav-standard>ul>.item21>a::before {
    content:"\f0ee ";
  }

  #pun #adnav-standard>ul>.item11>a::before {
    content:"\f1da ";
  }

  #pun #adnav-standard>ul>.item22>a::before {
    content:"\f121 ";
  }

  #pun #adnav-standard .adsubnav {
    display:flex;
    flex-direction:column;
    gap:var(--space-3px);
    margin:var(--space-6px)0 var(--space-7px) var(--space-17px)!important;
    padding:0 0 0 calc(var(--space-9px)*var(--forum-padding-density))!important;
    list-style:none;
  }

  #pun #adnav-standard .adsubnav li {
    margin:0!important;
    padding:0!important;
  }

  #pun #adnav-standard .adsubnav a {
    display:block;
    padding:calc(var(--space-5px)*var(--forum-padding-density)) calc(var(--space-6px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-7px);
    font:400 10px/1.35 var(--font-ui);
    overflow-wrap:anywhere;
  }

  #pun #adnav-standard .new {
    position:static;
    display:inline-block;
    margin:var(--space-4px)0 var(--space-2px) var(--space-9px);
    padding:calc(var(--space-3px)*var(--forum-padding-density)) calc(var(--space-6px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-6px);
    font:600 9px/1 var(--font-ui)!important;
    vertical-align:baseline;
  }

  #pun #pun-adnav a:focus-visible {
    outline-offset:2px;
  }

  #pun #pun-adnav #adnav-standard .adsubnav {
    display:none!important;
  }

  #pun #adnav-standard>ul>li:has(.adsubnav)>a {
    height:100%;
  }

  #pun #adnav-standard>ul>li:has(>sup.new) {
    position:relative!important;
  }

  #pun #adnav-standard>ul>li:has(>sup.new)>a {
    padding-right:calc(var(--space-46px)*var(--forum-padding-density))!important;
  }

  #pun #adnav-standard>ul>li>sup.new {
    position:absolute!important;
    right:7px!important;
    top:18px!important;
    bottom:auto!important;
    left:auto!important;
    transform:translateY(-50%);
    display:inline-block;
    margin:0!important;
    padding:calc(var(--space-3px)*var(--forum-padding-density)) calc(var(--space-5px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-6px);
    font:600 8px/1.15 var(--font-ui)!important;
    vertical-align:baseline;
    white-space:nowrap;
    pointer-events:none;
    z-index:1;
  }

  #pun .post-content :is(.quote-box,.code-box) {
    position:relative;
    max-width:100%;
    min-width:0;
    margin:var(--space-16px)0!important;
    padding:0!important;
    border-radius:var(--radius-18px)!important;
    box-sizing:border-box;
    text-align:justify;
    overflow:hidden;
  }

  #pun .post-content .quote-box>cite {
    display:block;
    position:relative;
    font-style:normal;
  }

  #pun .post-content .quote-box>blockquote {
    position:relative;
    display:block;
    margin:0!important;
    padding:calc(var(--space-23px)*var(--forum-padding-density)) calc(var(--space-36px)*var(--forum-padding-density))!important;
    font:400 14px/1.65 var(--font-body);
    overflow-wrap:anywhere;
    min-width:0;
    box-sizing:border-box;
  }

  #pun .post-content .quote-box>blockquote::before,#pun .post-content .quote-box>blockquote::after {
    content:"\f10e ";
    position:absolute;
    display:block;
    width:22px;
    height:22px;
    font:900 22px/1 var(--fa);
    opacity:.65;
    pointer-events:none;
  }

  #pun .post-content .quote-box>blockquote::before {
    left:9px;
    top:8px;
    transform:rotate(180deg);
  }

  #pun .post-content .quote-box>blockquote::after {
    right:9px;
    bottom:8px;
  }

  #pun .post-content .quote-box>blockquote>p {
    margin:0 0 var(--space-8px)!important;
    padding:0!important;
    font:inherit;
    line-height:inherit;
  }

  #pun .post-content .quote-box>blockquote>p:last-child {
    margin-bottom:0!important;
  }

  #pun .post-content .code-box>.legend {
    display:flex;
    align-items:center;
    gap:var(--space-8px);
    margin:0!important;
    padding:calc(var(--space-11px)*var(--forum-padding-density)) calc(var(--space-16px)*var(--forum-padding-density))!important;
    border-radius:0!important;
    text-align:left!important;
    font:600 12px/1.4 var(--font-ui)!important;
  }

  #pun .post-content .code-box>.legend::before {
    content:"\f121 ";
    font:900 21px/1 var(--fa);
    text-transform:none;
  }

  #pun .post-content .code-box .blockcode {
    position:relative;
    margin:0!important;
    padding:calc(var(--space-22px)*var(--forum-padding-density)) calc(var(--space-31px)*var(--forum-padding-density))!important;
    min-width:0;
  }

  #pun .post-content .code-box .blockcode::before,#pun .post-content .code-box .blockcode::after {
    position:absolute;
    display:block;
    font:900 18px/1 var(--fa);
    opacity:.7;
    pointer-events:none;
  }

  #pun .post-content .code-box .blockcode::before {
    content:"\f053 ";
    left:7px;
    top:9px;
  }

  #pun .post-content .code-box .blockcode::after {
    content:"\f054 ";
    right:7px;
    bottom:9px;
  }

  #pun .post-content .code-box .scrollbox {
    display:block;
    min-width:0;
    max-width:100%;
    max-height:350px;
    min-height:3.5em;
    overflow:auto!important;
    margin:0!important;
    padding:0 0 calc(var(--space-5px)*var(--forum-padding-density))!important;
    scrollbar-width:thin;
  }

  #pun .post-content .code-box pre {
    display:block;
    padding:0!important;
    font:400 12px/1.6 Consolas,"Courier New",monospace!important;
    width:max-content;
    min-width:100%;
    tab-size:4;
  }

  #pun .post-content .code-box .scrollbox::-webkit-scrollbar {
    width:6px;
    height:6px;
  }

  #pun .post-content .code-box .scrollbox::-webkit-scrollbar-thumb {
    border-radius:var(--radius-6px);
  }

  #pun #pun-viewtopic .post h3+.container {
    grid-template-columns:270px minmax(0,1fr)!important;
    align-items:start;
    overflow:visible!important;
  }

  #pun #pun-viewtopic .post {
    overflow:visible!important;
  }

  #pun #pun-viewtopic .post-author {
    float:none!important;
    width:100%!important;
    min-width:0;
    max-width:100%;
    height:auto!important;
    margin:0!important;
    box-sizing:border-box;
    text-align:center;
  }

  #pun #pun-viewtopic .post-author.online::before {
    content:none!important;
  }

  #pun #pun-viewtopic .post-author>ul {
    display:flex!important;
    flex-direction:column;
    gap:var(--space-10px);
    margin:0!important;
    list-style:none;
  }

  #pun #pun-viewtopic .post-author li {
    grid-area:auto!important;
    float:none!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    min-width:0;
    font:400 12px/1.5 var(--font-ui);
    overflow-wrap:anywhere;
  }

  #pun #pun-viewtopic .post-author .pa-author {
    padding:calc(var(--space-9px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-12px);
    font:600 23px/1.2 var(--font-body)!important;
    text-transform:uppercase;
  }

  #pun #pun-viewtopic .post-author .pa-title {
    font:500 11px/1.4 var(--font-ui)!important;
  }

  #pun #pun-viewtopic .post-author .pa-avatar img {
    display:block;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    max-height:280px;
    margin:0 auto!important;
    border-radius:var(--radius-14px);
  }

  #pun #pun-viewtopic .post-author :is(.pa-posts,.pa-respect) {
    align-items:center;
    justify-content:flex-start;
    border-radius:var(--radius-11px);
  }

  #pun #pun-viewtopic .post-author :is(.pa-posts,.pa-respect)::before {
    font:900 19px/1 var(--fa);
    text-transform:none;
    flex:0 0 auto;
  }

  #pun #pun-viewtopic .post-author .pa-posts::before {
    content:"\f075 ";
  }

  #pun #pun-viewtopic .post-author .pa-respect::before {
    content:"\f004 ";
  }

  #pun #pun-viewtopic .post-author .fld-name {
    margin-right:auto;
    font-weight:400;
  }

  #pun #pun-viewtopic .post-author .pa-online {
    display:flex!important;
    align-items:center;
    justify-content:center;
    gap:var(--space-8px);
    border-radius:var(--radius-12px);
    font:500 11px/1.5 var(--font-ui)!important;
  }

  #pun #pun-viewtopic .post-author .pa-online strong {
    font:inherit!important;
  }

  #pun #pun-viewtopic .post-author.online .pa-online::before {
    content:"";
    width:8px;
    height:8px;
    border-radius:var(--radius-50pct);
    flex:0 0 auto;
  }

  @media (max-height:650px) {
    #pun #pun-viewtopic .post-author {
      position:static!important;
    }
  }

  #pun #pun-viewtopic .post h3+.container {
    grid-template-rows:auto auto!important;
    grid-template-areas:"post-author post-body""post-links post-links"!important;
    row-gap:var(--space-16px)!important;
  }

  #pun #pun-viewtopic .post-author {
    position:relative!important;
    top:auto!important;
    align-self:stretch!important;
    padding:0!important;
    border-radius:0!important;
    overflow:visible!important;
  }

  #pun #pun-viewtopic .post-author>ul {
    padding:calc(var(--space-16px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-20px)!important;
    box-sizing:border-box;
    width:100%;
  }

  #pun #pun-viewtopic .post-links {
    grid-area:post-links!important;
    position:relative!important;
    float:none!important;
    clear:both;
    width:100%!important;
    min-width:0;
    max-width:100%;
    margin:0!important;
    padding:calc(var(--space-12px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-16px)!important;
    box-sizing:border-box;
    text-transform:none!important;
  }

  #pun #pun-viewtopic .post-links>ul {
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center;
    justify-content:flex-end;
    gap:var(--space-8px)!important;
    width:100%;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    list-style:none;
  }

  #pun #pun-viewtopic .post-links li {
    display:block!important;
    float:none!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
    min-width:0;
    max-width:100%;
  }

  #pun #pun-viewtopic .post-links li.pl-email:last-of-type {
    margin-right:auto!important;
  }

  #pun #pun-viewtopic .post-links li.email {
    margin-right:auto!important;
  }

  #pun #pun-viewtopic .post-links li.pl-delete {
    margin-left:auto!important;
  }

  #pun #pun-viewtopic .post-links a {
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:var(--space-6px);
    margin:0!important;
    padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-11px)*var(--forum-padding-density))!important;
    min-height:36px;
    max-width:100%;
    border-radius:var(--radius-10px)!important;
    font:500 12px/1.4 var(--font-ui)!important;
    text-transform:none!important;
    text-decoration:none!important;
    box-sizing:border-box;
    overflow-wrap:anywhere;
  }

  #pun #pun-viewtopic .post-links a::before {
    font:900 18px/1 var(--fa);
    text-transform:none;
    flex:0 0 auto;
  }

  #pun #pun-viewtopic .post-links .profile a::before {
    content:"\f2bd ";
  }

  #pun #pun-viewtopic .post-links .pm a::before {
    content:"\f075 ";
  }

  #pun #pun-viewtopic .post-links .email a::before {
    content:"\f0e0 ";
  }

  #pun #pun-viewtopic .post-links .pl-delete a::before {
    content:"\f1f8 ";
  }

  #pun #pun-viewtopic .post-links .pl-edit a::before {
    content:"\f303 ";
  }

  #pun #pun-viewtopic .post-links .pl-quote a::before {
    content:"\f10e ";
  }

  #pun #pun-viewtopic .post-links a:focus-visible {
    outline-offset:3px;
  }

  @media (max-height:650px) {
    #pun #pun-viewtopic .post-author>ul {
      position:static!important;
    }
  }

  #pun fieldset:has(#main-reply)>legend {
    display:none!important;
  }

  #pun fieldset:has(#main-reply) {
    display:block!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%;
    margin:var(--space-18px)0!important;
    padding:calc(var(--space-18px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-20px)!important;
    box-sizing:border-box;
  }

  #pun fieldset:has(#main-reply)>legend {
    float:none!important;
    width:auto!important;
    max-width:100%;
    height:auto!important;
    margin:0!important;
    padding:0 calc(var(--space-9px)*var(--forum-padding-density))!important;
    font:600 17px/1.4 var(--font-body)!important;
    white-space:normal;
    overflow-wrap:anywhere;
  }

  #pun fieldset:has(#main-reply)>legend span {
    display:inline!important;
    padding:calc(var(--space-3px)*var(--forum-padding-density)) calc(var(--space-6px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-8px);
    font:inherit!important;
  }

  #pun fieldset:has(#main-reply) .fs-box {
    position:relative;
    min-width:0;
    width:100%;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box;
  }

  #pun fieldset:has(#main-reply) .areafield {
    margin:var(--space-12px)0 0!important;
    padding:0!important;
  }

  #pun fieldset:has(#main-reply) .areafield>.input {
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  #pun #main-reply {
    display:block;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:240px;
    height:auto;
    padding:calc(var(--space-16px)*var(--forum-padding-density))!important;
    margin:0!important;
    border-radius:var(--radius-15px)!important;
    font:400 14px/1.65 var(--font-ui)!important;
    box-sizing:border-box;
    resize:vertical;
  }

  #pun #main-reply:focus {
    outline-offset:2px;
  }

  #pun fieldset:has(#main-reply) #form-buttons {
    width:100%!important;
    max-width:100%;
    margin:0!important;
    border-radius:var(--radius-13px)!important;
    box-sizing:border-box;
  }

  #pun fieldset:has(#main-reply) #form-buttons :is(table,tbody) {
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons tr {
    gap:var(--space-5px);
    width:100%;
    margin:0!important;
    padding:0!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td {
    position:relative;
    display:block!important;
    flex:0 0 34px;
    height:34px!important;
    margin:0!important;
    padding:0!important;
    border-radius:var(--radius-8px);
    cursor:pointer;
  }

  #pun fieldset:has(#main-reply) #form-buttons td::before {
    content:var(--editor-icon,'\f12e');
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font:900 20px/1 var(--fa)!important;
    text-transform:none;
    pointer-events:none;
  }

  #pun fieldset:has(#main-reply) #form-buttons td img {
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    opacity:0!important;
    margin:0!important;
    padding:0!important;
    cursor:pointer;
  }

  #pun #button-font {
    --editor-icon:'\f031';
  }

  #pun #button-size {
    --editor-icon:'\f034';
  }

  #pun #button-bold {
    --editor-icon:'\f032';
  }

  #pun #button-italic {
    --editor-icon:'\f033';
  }

  #pun #button-underline {
    --editor-icon:'\f0cd';
  }

  #pun #button-strike {
    --editor-icon:'\f0cc';
  }

  #pun #button-left {
    --editor-icon:'\f036';
  }

  #pun #button-center {
    --editor-icon:'\f037';
  }

  #pun #button-right {
    --editor-icon:'\f038';
  }

  #pun #button-link {
    --editor-icon:'\f0c1';
  }

  #pun #button-spoiler {
    --editor-icon:'\f338';
  }

  #pun #button-image {
    --editor-icon:'\f03e';
  }

  #pun #button-video {
    --editor-icon:'\f03d';
  }

  #pun #button-hide {
    --editor-icon:'\f023';
  }

  #pun #button-quote {
    --editor-icon:'\f10e';
  }

  #pun #button-code {
    --editor-icon:'\f121';
  }

  #pun #button-color {
    --editor-icon:'\f53f';
  }

  #pun #button-table {
    --editor-icon:'\f0ce';
  }

  #pun #button-smile {
    --editor-icon:'\f118';
  }

  #pun #button-keyboard {
    --editor-icon:'\f11c';
  }

  #pun #button-addition {
    --editor-icon:'\f055';
  }

  #pun fieldset:has(#main-reply) #tags {
    position:relative;
    max-width:100%;
    min-width:0;
  }

  #pun fieldset:has(#main-reply) #tags>.container {
    max-width:100%!important;
    width:auto!important;
    min-width:0!important;
    max-height:360px;
    overflow:auto;
    z-index:10;
    margin:var(--space-10px)0!important;
    padding:calc(var(--space-12px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-14px)!important;
    box-sizing:border-box;
  }

  #pun fieldset:has(#main-reply) #tags :is(input:not([type="hidden"]):not([type="file"]),textarea) {
    max-width:100%;
    box-sizing:border-box;
    border-radius:var(--radius-8px);
    padding:calc(var(--space-7px)*var(--forum-padding-density));
  }

  #pun fieldset:has(#main-reply) #tags textarea {
    width:100%!important;
    min-height:100px;
    resize:vertical;
    font:13px/1.5 var(--font-ui);
  }

  #pun fieldset:has(#main-reply) #tags :is(#image-source-list,#image-area-actions,#video-area-actions,#spoiler-type-list) a {
    display:inline-block;
    margin:var(--space-4px);
    padding:calc(var(--space-7px)*var(--forum-padding-density)) calc(var(--space-10px)*var(--forum-padding-density));
    border-radius:var(--radius-9px);
    cursor:pointer;
    font:500 12px/1.4 var(--font-ui);
  }

  #pun fieldset:has(#main-reply) :is(#font-area,#size-area,#addition-area)>div {
    position:relative;
    padding:calc(var(--space-7px)*var(--forum-padding-density)) calc(var(--space-10px)*var(--forum-padding-density));
    border-radius:var(--radius-8px);
    cursor:pointer;
  }

  #pun fieldset:has(#main-reply) :is(#font-area,#size-area)>div>img {
    position:absolute;
    inset:0;
    width:100%!important;
    height:100%!important;
    opacity:0;
  }

  #pun fieldset:has(#main-reply) #keyboard-span input {
    margin:var(--space-2px);
    min-width:27px;
    cursor:pointer;
  }

  #pun fieldset:has(#main-reply) #video-host-list {
    line-height:2;
    overflow-wrap:anywhere;
  }

  #pun fieldset:has(#main-reply) #image-area-tcon-computer table {
    width:100%;
    table-layout:fixed;
  }

  #pun #topic-modmenu {
    width:100%!important;
    max-width:100%;
    margin:var(--space-16px)0!important;
    padding:calc(var(--space-12px)*var(--forum-padding-density)) calc(var(--space-15px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-16px)!important;
    box-sizing:border-box;
  }

  #pun #topic-modmenu>.container {
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:var(--space-12px);
    margin:0!important;
    padding:0!important;
    width:100%!important;
    min-width:0;
    font:400 12px/1.5 var(--font-ui);
  }

  #pun #topic-modmenu strong {
    display:flex;
    align-items:center;
    gap:var(--space-9px);
    max-width:100%;
    min-width:0;
    font-weight:400!important;
  }

  #pun #topic-modmenu strong::before {
    content:"\f505 ";
    font:900 23px/1 var(--fa);
  }

  #pun #mod-options {
    width:auto!important;
    max-width:100%;
    min-width:0;
    min-height:39px;
    padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-30px)*var(--forum-padding-density)) calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-11px)!important;
    font:500 12px/1.4 var(--font-ui)!important;
    box-sizing:border-box;
    cursor:pointer;
  }

  #pun #mod-options:focus-visible {
    outline-offset:2px;
  }

  #pun #topic-modmenu .container>span {
    float:none!important;
    margin:0!important;
    font-size:0;
  }

  #pun #topic-modmenu .container>span a {
    display:inline-flex;
    align-items:center;
    gap:var(--space-5px);
    margin:0 0 0 var(--space-7px);
    padding:calc(var(--space-7px)*var(--forum-padding-density)) calc(var(--space-10px)*var(--forum-padding-density));
    border-radius:var(--radius-9px);
    font:500 11px/1.4 var(--font-ui);
    text-decoration:none;
  }

  #pun #topic-modmenu .container>span a::before {
    content:"\f09e ";
    font:900 16px/1 var(--fa);
  }

  :root {
    --editor-smilies-width:320px;
    --editor-video-width:440px;
    --post-next-gap:10px;
  }

  #pun fieldset:has(#main-reply) #tags>#smilies-area {
    width:var(--editor-smilies-width)!important;
    max-width:100%!important;
    left:auto!important;
    right:0!important;
    box-sizing:border-box;
  }

  #pun fieldset:has(#main-reply) #tags>#video-area {
    width:var(--editor-video-width)!important;
    max-width:100%!important;
    right:auto!important;
    box-sizing:border-box;
  }

  #pun #smilies-block {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-start;
    gap:var(--space-8px);
    width:auto!important;
    max-width:100%;
  }

  #pun #smilies-block img {
    display:inline-block;
    flex:0 0 auto;
    width:auto!important;
    height:auto!important;
    max-width:100%;
    margin:0!important;
    padding:calc(var(--space-2px)*var(--forum-padding-density));
    cursor:pointer;
    object-fit:contain;
  }

  #pun #pun-viewtopic .topic .post:has(.post-links) {
    margin-bottom:var(--post-next-gap)!important;
  }

  #pun #pun-viewtopic .topic .post+.post>h3 {
    margin-top:0!important;
  }

  :root {
    --space-0-4rem: 0.4rem;
    --space-0rem: 0rem;
    --space-1rem: 1rem;
    --radius-0px: 0px;
    --radius-2px: 2px;
    --space-6px: 6px;
    --space-0-2rem: 0.2rem;
    --space-4px: 4px;
    --space-0-5rem: 0.5rem;
    --space-1-5rem: 1.5rem;
    --space-1-4rem: 1.4rem;
    --space-0px: 0px;
    --space-2rem: 2rem;
    --space-0-3rem: 0.3rem;
    --space-0-6rem: 0.6rem;
    --space-0-7rem: 0.7rem;
    --space-1-6rem: 1.6rem;
    --space-0-8rem: 0.8rem;
    --space-5px: 5px;
    --radius-50pct: 50%;
    --space-2px: 2px;
    --space-1-2rem: 1.2rem;
    --space-1-1rem: 1.1rem;
    --space-3pct: 3%;
    --space-0em: 0em;
    --space-1-8rem: 1.8rem;
    --space-8px: 8px;
    --space-20px: 20px;
    --space-10px: 10px;
    --space-9px: 9px;
    --space-1px: 1px;
    --space-3px: 3px;
    --radius-0pct: 0%;
    --space-3rem: 3rem;
    --space-2-6rem: 2.6rem;
    --space-26px: 26px;
    --space-16px: 16px;
    --space-14px: 14px;
    --space-0-1rem: 0.1rem;
    --space-0-9rem: 0.9rem;
    --radius-4px: 4px;
    --space-12px: 12px;
    --space-1em: 1em;
    --space-0-4em: 0.4em;
    --radius-0rem: 0rem;
    --radius-1px: 1px;
    --space-42px: 42px;
    --space-0-6em: 0.6em;
    --space-10pct: 10%;
    --space-50px: 50px;
    --space-2-4rem: 2.4rem;
    --space-18px: 18px;
    --space-2-2rem: 2.2rem;
    --space-7px: 7px;
    --space-34px: 34px;
    --space-65px: 65px;
    --space-15px: 15px;
    --space-35px: 35px;
    --radius-20px: 20px;
    --radius-18px: 18px;
    --radius-10px: 10px;
    --radius-14px: 14px;
    --space-145px: 145px;
    --space-36px: 36px;
    --radius-24px: 24px;
    --space-100px: 100px;
    --radius-30px: 30px;
    --radius-17px: 17px;
    --radius-8px: 8px;
    --space-24px: 24px;
    --space-22px: 22px;
    --space-11px: 11px;
    --radius-12px: 12px;
    --space-13px: 13px;
    --space-38px: 38px;
    --radius-16px: 16px;
    --radius-22px: 22px;
    --space-32px: 32px;
    --radius-9px: 9px;
    --space-25px: 25px;
    --space-17px: 17px;
    --radius-15px: 15px;
    --radius-7px: 7px;
    --radius-11px: 11px;
    --radius-23px: 23px;
    --radius-13px: 13px;
    --radius-25px: 25px;
    --radius-21px: 21px;
    --radius-19px: 19px;
    --radius-6px: 6px;
    --space-46px: 46px;
    --space-23px: 23px;
    --space-31px: 31px;
    --space-28px: 28px;
    --space-30px: 30px;
    --mod-picker-gap:6px;
    --mod-picker-padding:calc(8px * var(--forum-padding-density));
    --mod-option-padding:calc(10px * var(--forum-padding-density)) calc(12px * var(--forum-padding-density));
    --mod-picker-radius:14px;
    --mod-option-radius:9px;
  }

  #pun #mod-options option {
    font:400 12px/1.5 var(--font-ui);
  }

  @supports (appearance:base-select) {
    #pun #topic-modmenu #mod-options,#pun #topic-modmenu #mod-options::picker(select) {
      appearance:base-select;
    }

    #pun #topic-modmenu #mod-options {
      display:inline-flex;
      align-items:center;
      justify-content:space-between;
      gap:var(--space-12px);
      padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density))!important;
    }

    #pun #topic-modmenu #mod-options::picker-icon {
      transition:rotate .15s;
    }

    #pun #topic-modmenu #mod-options:open::picker-icon {
      rotate:180deg;
    }

    #pun #topic-modmenu #mod-options::picker(select) {
      margin-top:var(--mod-picker-gap);
      padding:var(--mod-picker-padding);
      border-radius:var(--mod-picker-radius);
      max-height:320px;
      max-width:calc(100vw - 24px);
      overflow:auto;
    }

    #pun #topic-modmenu #mod-options option {
      display:flex;
      align-items:center;
      gap:var(--space-8px);
      margin:0;
      padding:var(--mod-option-padding);
      border-radius:var(--mod-option-radius);
      font:500 12px/1.5 var(--font-ui);
      cursor:pointer;
      white-space:normal;
      overflow-wrap:anywhere;
    }

    #pun #topic-modmenu #mod-options option+option {
      margin-top:var(--space-4px);
    }

    #pun #topic-modmenu #mod-options option::before {
      content:var(--mod-icon,'\f362');
      font:900 18px/1 var(--fa);
    }

    #pun #mod-options option[value=""] {
      --mod-icon:'\f505';
    }

    #pun #mod-options option[value*="move_topics"] {
      --mod-icon:'\f07c';
    }

    #pun #mod-options option[value*="close="] {
      --mod-icon:'\f023';
    }

    #pun #mod-options option[value*="stick="] {
      --mod-icon:'\f08d';
    }

    #pun #mod-options option[value*="up="] {
      --mod-icon:'\f062';
    }

    #pun #mod-options option[value*="mode=delete"] {
      --mod-icon:'\f1f8';
    }

    #pun #mod-options option[value*="mode=move"] {
      --mod-icon:'\f362';
    }

    #pun #mod-options option[value*="mode=merge"] {
      --mod-icon:'\f126';
    }
  }

  :root {
    --mod-select-width:280px;
    --mod-select-height:42px;
  }

  #pun #topic-modmenu #mod-options {
    width:var(--mod-select-width)!important;
    min-height:var(--mod-select-height)!important;
    max-width:100%;
    box-sizing:border-box;
  }

  @supports (appearance:base-select) {
    #pun #topic-modmenu #mod-options::picker(select) {
      min-width:anchor-size(width);
      box-sizing:border-box;
    }
  }

  :root {
    --support-gap:16px;
    --support-padding:calc(22px * var(--forum-padding-density));
    --support-radius:20px;
    --support-item-radius:12px;
    --support-button-padding:calc(11px * var(--forum-padding-density)) calc(16px * var(--forum-padding-density));
    --support-section-gap:24px;
  }

  #pun :is(#forum-vip,#forum-foundation,#top-donators,#latest-donators) {
    min-width:0;
    max-width:100%;
    margin:var(--support-section-gap)0!important;
  }

  #pun :is(#forum-vip,#forum-foundation,#top-donators,#latest-donators)>h1 {
    display:block!important;
    position:relative;
    height:auto!important;
    width:auto!important;
    margin:0 0 var(--support-gap)!important;
    padding:0!important;
    text-align:left!important;
    text-transform:none!important;
    font:600 clamp(25px,3.5vw,42px)/1.2 var(--font-body)!important;
    overflow-wrap:anywhere;
  }

  #pun :is(#forum-vip,#forum-foundation,#top-donators,#latest-donators)>h1 span {
    font:inherit!important;
  }

  #pun :is(#forum-vip,#forum-foundation) .info {
    margin:0!important;
    padding:0!important;
  }

  #pun :is(#forum-vip,#forum-foundation) .info>.container {
    margin:0!important;
    padding:var(--support-padding)!important;
    border-radius:var(--support-radius)!important;
    box-sizing:border-box;
  }

  #pun :is(#forum-vip,#forum-foundation) .html-box {
    margin:0!important;
    padding:0!important;
    font:400 14px/1.7 var(--font-ui);
    overflow-wrap:anywhere;
  }

  #pun :is(#forum-vip,#forum-foundation) .html-box p {
    margin:0 0 var(--space-12px)!important;
    padding:0!important;
  }

  #pun #vip-info3 {
    font-weight:600;
  }

  #pun #forum-vip .advantage>ul {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:var(--space-12px);
    list-style:none;
    margin:var(--support-gap)0 var(--support-section-gap)!important;
    padding:0!important;
  }

  #pun #forum-vip .advantage>ul>li {
    display:flex;
    align-items:center;
    gap:var(--space-10px);
    min-width:0;
    margin:0!important;
    padding:calc(var(--space-14px)*var(--forum-padding-density))!important;
    border-radius:var(--support-item-radius);
    font:500 12px/1.5 var(--font-ui);
  }

  #pun #forum-vip .advantage>ul>li::before {
    content:var(--vip-icon,'check_circle_outline');
    font:900 25px/1 var(--fa);
    flex:0 0 auto;
  }

  #pun #vip-advance1 {
    --vip-icon:'\f070';
  }

  #pun #vip-advance2 {
    --vip-icon:'\f0ee';
  }

  #pun #vip-advance3 {
    --vip-icon:'\f004';
  }

  #pun #vip-advance-anticensor {
    --vip-icon:'\f031';
  }

  #pun #vip-advance-stealth {
    --vip-icon:'\f3ed';
  }

  #pun #vip-advance-multi {
    --vip-icon:'\f507';
  }

  #pun #vip-tariffs {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:var(--support-gap);
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  #pun #vip-tariffs .vip-tariff {
    position:relative;
    display:flex!important;
    flex-direction:column;
    align-items:stretch;
    gap:var(--space-12px);
    float:none!important;
    width:auto!important;
    min-width:0;
    margin:0!important;
    padding:var(--support-padding)!important;
    border-radius:var(--support-radius)!important;
    text-align:center;
    box-sizing:border-box;
  }

  #pun #vip-tariffs .head {
    margin:0!important;
    padding:0!important;
    font:600 22px/1.3 var(--font-body)!important;
  }

  #pun #vip-tariffs .price {
    display:block!important;
    margin:0!important;
    padding:0!important;
    font:600 36px/1.2 var(--font-ui)!important;
    min-height:64px;
  }

  #pun #vip-tariffs .price span {
    display:inline-block;
    opacity:.6;
    font:400 13px/1.4 var(--font-ui);
    text-decoration:line-through;
  }

  #pun #vip-tariffs .button-ok,#pun #forum-foundation input[type="submit"] {
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    min-height:42px;
    height:auto!important;
    margin:0!important;
    padding:var(--support-button-padding)!important;
    border-radius:var(--support-item-radius)!important;
    font:600 12px/1.5 var(--font-ui)!important;
    text-decoration:none!important;
    text-transform:none!important;
    white-space:normal;
    box-sizing:border-box;
    cursor:pointer;
  }

  #pun #vip-tariffs .button-ok {
    width:100%!important;
  }

  #pun :is(#vip-tariffs .button-ok,#forum-foundation input[type="submit"]):focus-visible {
    outline-offset:3px;
  }

  #pun #forum-foundation form {
    margin:0!important;
    padding:0!important;
  }

  #pun #forum-foundation form>p:last-child {
    margin:var(--support-gap)0 0!important;
  }

  #pun :is(#top-donators,#latest-donators)>.container {
    margin:0!important;
    padding:0!important;
    border-radius:var(--support-radius)!important;
    overflow:hidden;
    box-sizing:border-box;
  }

  #pun :is(#top-donators,#latest-donators) table {
    display:table!important;
    width:100%!important;
    margin:0!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    table-layout:fixed;
  }

  #pun :is(#top-donators,#latest-donators) :is(th,td) {
    display:table-cell!important;
    padding:calc(var(--space-14px)*var(--forum-padding-density))!important;
    border-radius:0!important;
    text-align:left!important;
    vertical-align:middle;
    white-space:normal!important;
    overflow-wrap:anywhere;
    font:400 12px/1.5 var(--font-ui);
  }

  #pun :is(#top-donators,#latest-donators) th {
    font-weight:600;
  }

  #pun :is(#top-donators,#latest-donators) td:first-child a {
    font-weight:600;
  }

  #pun :is(#top-donators,#latest-donators) td:last-child {
    font-weight:600;
  }

  :root {
    --forum-shell-radius:var(--radius-20px);
    --forum-shell-margin:var(--space-20px);
  }

  #pun {
    position:relative;
    overflow-wrap:break-word;
    margin:var(--forum-shell-margin) auto!important;
    padding:0!important;
    width:clamp(280px,var(--pun-width),100%);
    max-width:var(--pun-width);
    border-radius:var(--forum-shell-radius)!important;
    box-sizing:border-box;
  }

  :root {
    --stats-heading-gap:var(--space-12px);
    --stats-heading-padding:var(--space-12px) var(--space-16px);
    --stats-heading-radius:var(--radius-14px);
    --stats-heading-margin:var(--space-16px);
    --stats-heading-size:22px;
  }

  #pun #pun-stats>h2 {
    position:relative!important;
    display:flex!important;
    align-items:center;
    gap:var(--stats-heading-gap);
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0 0 var(--stats-heading-margin)!important;
    padding:var(--stats-heading-padding)!important;
    border-radius:var(--stats-heading-radius)!important;
    font:600 var(--stats-heading-size)/1.3 var(--font-body)!important;
    letter-spacing:0!important;
    text-align:left!important;
    text-transform:none!important;
    box-sizing:border-box;
    overflow:visible!important;
  }

  #pun #pun-stats>h2>span {
    display:block!important;
    float:none!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    font:inherit!important;
    overflow-wrap:anywhere;
    min-width:0;
  }

#pun #pun-stats > h2::before {
  content: "" !important;
  position: static !important;
  display: block !important;
  flex: 0 0 40px;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: currentColor !important;
  -webkit-mask: url("https://forumstatic.ru/files/001c/25/f9/29102.svg") center / 40px 40px no-repeat;
  mask: url("https://forumstatic.ru/files/001c/25/f9/29102.svg") center / 40px 40px no-repeat;
  transform: none !important;
}

  #pun #pun-stats>h2::after {
    content:""!important;
    position:static!important;
    display:block!important;
    flex:1;
    min-width:20px;
    width:auto!important;
    height:3px!important;
    margin:0!important;
    border-radius:var(--radius-2px);
    padding:0!important;
    transform:none!important;
  }

  :root {
    --ui-gap:8px;
    --ui-padding:calc(12px * var(--forum-padding-density));
    --ui-radius:12px;
    --ui-section-gap:16px;
    --ui-select-radius:11px;
    --bookmark-width:260px;
    --bookmark-radius:16px;
    --partners-max-height:100px;
    --editor-button-min:34px;
  }

  #pun select:is([name="show_group"],[name="sort_by"],[name="sort_dir"]) {
    border-radius:var(--ui-select-radius)!important;
    min-height:38px;
    max-width:100%;
    font:500 12px/1.5 var(--font-ui);
    box-sizing:border-box;
  }

  @supports (appearance:base-select) {
    #pun select:is([name="show_group"],[name="sort_by"],[name="sort_dir"]),#pun select:is([name="show_group"],[name="sort_by"],[name="sort_dir"])::picker(select) {
      appearance:base-select;
    }

    #pun select:is([name="show_group"],[name="sort_by"],[name="sort_dir"]) {
      display:inline-flex;
      align-items:center;
      justify-content:space-between;
      gap:var(--ui-gap);
      padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density))!important;
    }

    #pun select:is([name="show_group"],[name="sort_by"],[name="sort_dir"])::picker(select) {
      padding:calc(var(--space-6px)*var(--forum-padding-density));
      margin-top:var(--space-6px);
      border-radius:var(--ui-radius);
      max-height:none;
      min-width:anchor-size(width);
      max-width:calc(100vw - 24px);
      box-sizing:border-box;
    }

    #pun select:is([name="show_group"],[name="sort_by"],[name="sort_dir"]) option {
      display:flex;
      align-items:center;
      gap:var(--ui-gap);
      padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density));
      border-radius:var(--radius-8px);
      font:500 12px/1.5 var(--font-ui);
      cursor:pointer;
      white-space:normal;
    }

    #pun select:is([name="show_group"],[name="sort_by"],[name="sort_dir"]) option::before {
      font:900 18px/1 var(--fa);
      flex:0 0 auto;
    }

    #pun select[name="show_group"] option[value="-1"]::before {
      content:"\f0c0 ";
    }

    #pun select[name="show_group"] option[value="1"]::before {
      content:"\f505 ";
    }

    #pun select[name="show_group"] option[value="2"]::before {
      content:"\f3ed ";
    }

    #pun select[name="show_group"] option[value="4"]::before {
      content:"\f007 ";
    }

    #pun select[name="sort_by"] option[value="username"]::before {
      content:"\f2c2 ";
    }

    #pun select[name="sort_by"] option[value="registered"]::before {
      content:"\f4fc ";
    }

    #pun select[name="sort_by"] option[value="last_visit"]::before {
      content:"\f017 ";
    }

    #pun select[name="sort_by"] option[value="respect"]::before {
      content:"\f004 ";
    }

    #pun select[name="sort_by"] option[value="positive"]::before {
      content:"\f118 ";
    }

    #pun select[name="sort_by"] option[value="num_invites"]::before {
      content:"\f234 ";
    }

    #pun select[name="sort_by"] option[value="num_posts"]::before {
      content:"\f086 ";
    }

    #pun select[name="sort_by"] option[value="last_post"]::before {
      content:"\f1da ";
    }

    #pun select[name="sort_dir"] option[value="ASC"]::before {
      content:"\f062 ";
    }

    #pun select[name="sort_dir"] option[value="DESC"]::before {
      content:"\f063 ";
    }
  }

  #pun #pun-viewtopic .post-author>ul {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:var(--ui-gap)!important;
  }

  #pun #pun-viewtopic .post-author li {
    grid-column:1/-1!important;
    grid-row:auto!important;
  }

  #pun #pun-viewtopic .post-author .pa-posts {
    grid-column:1!important;
  }

  #pun #pun-viewtopic .post-author .pa-respect {
    grid-column:2!important;
  }

  #pun #pun-viewtopic .post-author :is(.pa-posts,.pa-respect) {
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:var(--space-4px);
    padding:calc(var(--space-8px)*var(--forum-padding-density))!important;
    font:600 14px/1.3 var(--font-ui)!important;
    text-align:center!important;
  }

  #pun #pun-viewtopic .post-author :is(.pa-posts,.pa-respect)::before {
    font-size:22px;
  }

  #pun #pun-viewtopic .post-author :is(.pa-posts,.pa-respect) .fld-name {
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden;
    clip-path:inset(50%);
    white-space:nowrap;
  }

  #pun fieldset:has(#main-reply) #form-buttons td {
    flex:1 0 var(--editor-button-min)!important;
    width:auto!important;
    min-width:var(--editor-button-min)!important;
    max-width:none!important;
  }

  #pun #pun-viewtopic #pun-main p.container:has(>span[style*="font-weight"]):has(>a[href*="profile.php"]) {
    display:block!important;
    width:100%!important;
    max-width:100%;
    margin:var(--ui-section-gap)0!important;
    padding:var(--ui-padding)!important;
    border-radius:var(--ui-radius)!important;
    font:400 12px/1.8 var(--font-ui);
    box-sizing:border-box;
  }

  #pun #pun-viewtopic #pun-main p.container:has(>span[style*="font-weight"])>span::before {
    content:"\f06e ";
    display:inline-block;
    vertical-align:middle;
    margin-right:var(--space-6px);
    font:900 19px/1 var(--fa);
  }

  #pun #pun-viewtopic #pun-main p.container:has(>span[style*="font-weight"])>a {
    display:inline-block;
    padding:calc(var(--space-2px)*var(--forum-padding-density)) calc(var(--space-8px)*var(--forum-padding-density));
    margin:var(--space-2px);
    border-radius:var(--radius-8px);
    text-decoration:none;
  }

  #pun #pun-announcement {
    margin:var(--ui-section-gap)0!important;
    padding:0!important;
    border-radius:var(--bookmark-radius)!important;
    overflow:hidden;
  }

  #pun #pun-announcement>h2 {
    display:flex!important;
    align-items:center;
    gap:var(--ui-gap);
    height:auto!important;
    margin:0!important;
    padding:calc(var(--space-12px)*var(--forum-padding-density)) calc(var(--space-16px)*var(--forum-padding-density))!important;
    font:600 19px/1.4 var(--font-body)!important;
    text-align:left!important;
    text-transform:none!important;
  }

  #pun #pun-announcement>h2 span {
    font:inherit!important;
    margin:0!important;
    padding:0!important;
  }

  #pun #pun-announcement>h2::before {
    content:"\f0a1 ";
    font:900 23px/1 var(--fa);
  }

  #pun #pun-announcement>.container {
    margin:0!important;
    padding:calc(var(--space-16px)*var(--forum-padding-density))!important;
  }

  #pun #pun-announcement .html-box {
    padding:0!important;
    margin:0!important;
    font:400 13px/1.7 var(--font-ui);
    overflow-wrap:anywhere;
  }

  #pun #statistic-other {
    display:flex!important;
    flex-wrap:wrap;
    justify-content:center!important;
    align-items:center;
    gap:var(--ui-gap);
    text-align:center!important;
  }

  #pun #statistic-other>span {
    padding:0!important;
    margin:0!important;
    float:none!important;
  }

  #pun #pun-ulinks>ul.container {
    justify-content:center!important;
    text-align:center!important;
  }

  #pun p.container:has(>.item1>a[href="//mybb.ru/"]) {
    display:flex!important;
    justify-content:center!important;
    align-items:center;
    text-align:center!important;
    margin:var(--ui-section-gap)0!important;
    padding:calc(var(--space-5px)*var(--forum-padding-density))!important;
  }

  #pun p.container>.item1:has(>a[href="//mybb.ru/"]) {
    float:none!important;
    margin:0!important;
    padding:0!important;
  }

  #pun a[href="//mybb.ru/"][title="                       "] {
    opacity:.65;
    font:400 10px/1.5 var(--font-ui);
    text-decoration:none;
  }

  #pun #pun-status .status-right a[href="/vip.php"],#pun #pun-status .status-right a[href="/foundation.php"] {
    display:inline-flex!important;
    align-items:center;
    gap:var(--space-5px);
    padding:calc(var(--space-6px)*var(--forum-padding-density)) calc(var(--space-10px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-9px);
    font:500 11px/1.4 var(--font-ui);
    text-decoration:none;
  }

  #pun #pun-status .status-right a[href="/vip.php"]::before {
    content:"\f5a2 ";
    font:900 17px/1 var(--fa);
  }

  #pun #pun-status .status-right a[href="/foundation.php"]::before {
    content:"\f4be ";
    font:900 17px/1 var(--fa);
  }

  #pun .post-content>p abbr {
    text-decoration:underline dotted var(--teal);
    text-underline-offset:3px;
    cursor:help;
    border-radius:var(--radius-4px);
    padding:0 calc(var(--space-2px)*var(--forum-padding-density));
  }

  #pun .post-content>p del {
    opacity:.65;
  }

  #pun .post-content>p strong {
    font-weight:700;
  }

  #pun .post-content>p em.bbuline {
    font-style:normal;
    text-decoration:underline;
    text-underline-offset:3px;
  }

  #pun .post-content>p a {
    text-decoration:underline;
    text-decoration-thickness:1px;
    text-underline-offset:3px;
  }

  #pun .post-content>hr {
    height:1px;
    margin:var(--space-16px)0!important;
    padding:0!important;
  }

  #pun .post-content>p .highlight-text {
    padding:calc(var(--space-2px)*var(--forum-padding-density)) calc(var(--space-5px)*var(--forum-padding-density));
    border-radius:var(--radius-4px);
  }

  #MyBookmarks {
    width:var(--bookmark-width)!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 24px);
    border-radius:var(--bookmark-radius)!important;
    box-sizing:border-box;
    overflow:hidden;
    font:400 12px/1.5 var(--font-ui);
    z-index:999!important;
  }

  #MyBookmarks>h2 {
    display:flex!important;
    align-items:center;
    gap:var(--ui-gap);
    margin:0!important;
    padding:var(--ui-padding)!important;
    height:auto!important;
    font:600 16px/1.4 var(--font-body)!important;
    text-transform:none!important;
  }

  #MyBookmarks>h2>span {
    margin:0!important;
    padding:0!important;
    font:inherit!important;
  }

  #MyBookmarks #bm2 {
    display:block!important;
    flex:0 0 24px;
    margin:0!important;
    cursor:pointer;
  }

  #MyBookmarks #bm2::before {
    content:"\f053 ";
    font:900 24px/1 var(--fa);
  }

  #MyBookmarks>.container {
    position:relative;
    padding:var(--ui-padding)!important;
    margin:0!important;
  }

  #MyBookmarks inner {
    display:block;
    max-height:calc(100dvh - 140px);
    overflow:auto;
    scrollbar-width:thin;
  }

  #MyBookmarks .BookmarkL {
    list-style:none;
    margin:0 0 var(--ui-gap)!important;
    padding:calc(var(--space-10px)*var(--forum-padding-density))!important;
    border-radius:var(--ui-radius);
    overflow-wrap:anywhere;
  }

  #MyBookmarks .last_click {
    position:relative;
    display:block;
    padding-right:calc(var(--space-16px)*var(--forum-padding-density));
  }

  #MyBookmarks .last_click>strong {
    position:absolute;
    right:0;
    top:0;
    cursor:pointer;
    font:500 18px/1 var(--font-ui);
  }

  #MyBookmarks .last_click>a {
    text-decoration:none;
  }

  #MyBookmarks .bm-topic {
    font-weight:600;
  }

  #MyBookmarks .bm-note {
    font-size:11px;
  }

  #MyBookmarks .bm-edit {
    display:inline-block;
    margin-top:var(--ui-gap);
    padding:calc(var(--space-5px)*var(--forum-padding-density)) calc(var(--space-8px)*var(--forum-padding-density));
    border-radius:var(--radius-8px);
    font:500 10px/1.4 var(--font-ui);
    cursor:pointer;
  }

  #MyBookmarks .scrl {
    align-items:center;
    justify-content:center;
    width:24px;
    height:24px;
    border-radius:var(--radius-8px);
    cursor:pointer;
    margin-bottom:var(--ui-gap);
  }

  #MyBookmarks .scrl::before {
    content:"\f077 ";
    font:900 20px/1 var(--fa);
  }

  #MyBookmarks .scrl.b::before {
    content:"\f078 ";
  }

  #MyBookmarks .scrl>span {
    display:none!important;
  }

  #pun .partners {
    display:flex!important;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:var(--partners-gap);
    width:100%;
    max-width:100%;
    border-radius:var(--ui-radius);
    overflow:auto;
    scrollbar-width:thin;
  }

  #pun .partners>a {
    display:block;
    flex:0 0 auto;
    max-width:100%;
    margin:0;
    padding:0;
    line-height:0;
  }

  #pun .partners img {
    display:block;
    width:88px!important;
    height:31px!important;
    max-width:100%;
    margin:0!important;
    padding:0!important;
    object-fit:contain;
  }

  :root {
    --bookmark-control-size:28px;
    --bookmark-control-gap:8px;
    --scroll-button-size:40px;
    --scroll-button-offset:18px;
    --scroll-button-gap:8px;
    --category-description-gap:12px;
  }

  #MyBookmarks>h2 {
    overflow:visible!important;
    min-height:48px;
    box-sizing:border-box;
  }

  #MyBookmarks #bm2 {
    position:relative!important;
    flex:0 0 var(--bookmark-control-size)!important;
    width:var(--bookmark-control-size)!important;
    min-width:var(--bookmark-control-size)!important;
    height:var(--bookmark-control-size)!important;
    overflow:visible!important;
    clip-path:none!important;
    transform:none!important;
  }

  #MyBookmarks #bm2::before {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    font:900 24px/1 var(--fa)!important;
  }

  #MyBookmarks>.container {
    padding-top:calc(var(--space-10px)*var(--forum-padding-density))!important;
  }

  #MyBookmarks .scrl {
    position:relative!important;
    top:auto!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    float:none!important;
    display:inline-flex!important;
    width:var(--bookmark-control-size)!important;
    height:var(--bookmark-control-size)!important;
    margin:0 var(--bookmark-control-gap) var(--bookmark-control-gap)0!important;
    transform:none!important;
    vertical-align:middle;
    z-index:1;
  }

  #MyBookmarks inner {
    clear:both;
  }

  #pun #pun-index .catDescr {
    display:block!important;
    width:100%;
    margin:var(--category-description-gap) auto var(--space-20px)!important;
    padding:0 calc(var(--space-16px)*var(--forum-padding-density))!important;
    box-sizing:border-box;
    text-align:center!important;
    font:italic 400 clamp(14px,1.5vw,18px)/1.6 var(--font-body)!important;
    letter-spacing:.02em;
    overflow-wrap:anywhere;
  }

  #ToTop,#OnBottom {
    position:fixed!important;
    right:var(--scroll-button-offset)!important;
    left:auto!important;
    width:var(--scroll-button-size)!important;
    height:var(--scroll-button-size)!important;
    padding:0!important;
    margin:0!important;
    border-radius:var(--radius-12px)!important;
    z-index:100;
    cursor:pointer;
    box-sizing:border-box;
  }

  #OnBottom {
    bottom:var(--scroll-button-offset)!important;
    top:auto!important;
  }

  #ToTop {
    bottom:calc(var(--scroll-button-offset) + var(--scroll-button-size) + var(--scroll-button-gap))!important;
    top:auto!important;
  }

  #ToTop .inside,#OnBottom .inside {
    display:flex!important;
    align-items:center;
    justify-content:center;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
  }

  #ToTop .inside::before,#OnBottom .inside::before {
    content:"\f077 ";
    font:900 28px/1 var(--fa);
  }

  #OnBottom .inside::before {
    content:"\f078 ";
  }

  #pun #pun-viewtopic .post-rating {
    display:flex!important;
    justify-content:flex-end;
    align-items:center;
    float:none!important;
    width:100%!important;
    margin:var(--space-12px)0!important;
    padding:0!important;
  }

  #pun #pun-viewtopic .post-rating p.container {
    display:flex!important;
    align-items:center;
    margin:0!important;
    padding:0!important;
  }

  #pun #pun-viewtopic .post-rating p a {
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:var(--space-6px);
    min-width:46px;
    min-height:32px;
    padding:calc(var(--space-6px)*var(--forum-padding-density)) calc(var(--space-10px)*var(--forum-padding-density))!important;
    margin:0!important;
    border-radius:var(--radius-10px)!important;
    font:600 12px/1.4 var(--font-ui)!important;
    text-decoration:none!important;
    transform:none!important;
  }

  #pun #pun-viewtopic .post-rating p a::before {
    content:"\f004 "!important;
    font:900 19px/1 var(--fa)!important;
    margin:0!important;
    transform:none!important;
  }

  #pun #pun-userlist #pun-main table:has(td.username) tbody tr {
    grid-template-rows:auto auto auto auto!important;
    grid-template-areas:"person person""role role""respect posts""registered visit"!important;
  }

  #pun #pun-userlist #pun-main table:has(td.username) tbody td.username {
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }

  #pun #pun-userlist .username .user-avatar {
    float:none!important;
    left:auto!important;
    right:auto!important;
    margin:0 auto!important;
    align-self:center!important;
  }

  #pun #pun-userlist .username .usersname {
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    align-self:center!important;
  }

  #pun #pun-userlist #pun-main table tbody td.user_title {
    justify-self:center!important;
    max-width:100%;
    padding:calc(var(--space-5px)*var(--forum-padding-density)) calc(var(--space-8px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-8px)!important;
    line-height:1.4!important;
    box-sizing:border-box;
  }

  #pun #pun-userlist #pun-main table tbody :is(td.registered,td.last_visit) {
    align-self:stretch!important;
    margin:0!important;
    padding:calc(var(--space-7px)*var(--forum-padding-density))0 0!important;
    font-size:9px!important;
  }

  #pun p.crumbs em {
    font-size:0!important;
  }

  #pun p.crumbs em::before {
    content:"\f054 "!important;
    display:inline-block;
    vertical-align:middle;
    font:900 8px/1 var(--fa)!important;
  }

  #pun #pun-userlist td.registered::before,#pun #pun-userlist td.last_visit::before {
    display:block!important;
    margin:0 0 var(--space-4px)!important;
    font:900 18px/1 var(--fa)!important;
    text-transform:none;
  }

  #pun #pun-userlist td.registered::before {
    content:"\f234 "!important;
  }

  #pun #pun-userlist td.last_visit::before {
    content:"\f017 "!important;
  }

  #pun #pun-status>p.container {
    align-items:center!important;
  }

  #pun #pun-status>p.container>.status_userava {
    order:-2!important;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    flex:0 0 34px!important;
    width:34px!important;
    max-width:34px!important;
    margin:0!important;
    padding:0!important;
    float:none!important;
    align-self:center!important;
  }

  #pun #pun-status>p.container>.item1 {
    order:-1!important;
    flex-basis:auto!important;
    margin:0!important;
  }

  #pun #pun-status .status_userava>img {
    display:block!important;
    width:34px!important;
    height:34px!important;
    max-width:100%;
    margin:0!important;
    padding:0!important;
    border-radius:var(--radius-8px)!important;
    object-fit:cover;
    vertical-align:middle;
    box-sizing:border-box;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#symbol-counter {
    position:relative!important;
    display:flex!important;
    align-items:center;
    justify-content:center;
    gap:var(--space-6px);
    height:auto!important;
    max-height: 30px!important;
    margin:0!important;
    font: 400 12px/1.4 var(--font-ui)!important;
    line-height:1.4!important;
    cursor:default!important;
    box-sizing:border-box;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#symbol-counter::before,#pun fieldset:has(#main-reply) #form-buttons td#symbol-counter::after {
    content:none!important;
    display:none!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#symbol-counter>span {
    display:inline!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    font: 600 12px/1.4 var(--font-ui)!important;
    font-variant-numeric:tabular-nums;
  }

  :root {
    --preview-padding:calc(16px * var(--forum-padding-density));
    --preview-radius:16px;
    --admin-file-padding:calc(10px * var(--forum-padding-density));
    --admin-pagination-padding:calc(12px * var(--forum-padding-density)) calc(14px * var(--forum-padding-density));
  }

  #pun .postlink>span.closed {
    display:inline-flex!important;
    align-items:center;
    gap:var(--space-6px);
    font:500 12px/1.4 var(--font-ui);
  }

  #pun .postlink>span.closed::before {
    content:"\f023 "!important;
    display:inline-block!important;
    font:900 19px/1 var(--fa)!important;
  }

  #pun :is(.closedatafield,.stickytext) {
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    width:25px!important;
    height:25px!important;
    padding:0!important;
    margin:0 var(--space-5px)0 0!important;
    border-radius:var(--radius-8px)!important;
    font-size:0!important;
    line-height:0!important;
    vertical-align:middle;
  }

  #pun .closedatafield::before,#pun .stickytext::before {
    content:"\f023 "!important;
    font:900 17px/1 var(--fa)!important;
  }

  #pun .stickytext::before {
    content:"\f0a1 "!important;
  }

  #pun :is(#post-preview,#pun-preview) {
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:var(--space-16px)0!important;
    box-sizing:border-box;
  }

  #pun :is(#post-preview,#pun-preview) .fs-box,#pun .formal fieldset>.fs-box:has(>.post-box>.post-content) {
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:var(--preview-padding)!important;
    border-radius:var(--preview-radius)!important;
    box-sizing:border-box;
  }

  #pun :is(#post-preview,#pun-preview) .post-box,#pun .fs-box>.post-box {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box;
    text-align:left;
  }

  #pun .post-body .post-box {
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box;
  }

  #pun :is(#post-preview,#pun-preview) .post-content,#pun .fs-box>.post-box>.post-content {
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow-wrap:anywhere;
    font:400 14px/1.65 var(--font-body);
    box-sizing:border-box;
  }

  #pun #pun-admain .adfs-box:has(#filetable) {
    width:100%!important;
    min-width:0!important;
    max-width:100%;
    margin:0!important;
    padding:0!important;
    overflow-x:auto;
    box-sizing:border-box;
  }

  #pun #filetable {
    display:table!important;
    width:100%!important;
    max-width:100%!important;
    min-width:650px;
    margin:0!important;
    border-spacing:0!important;
    border-collapse:separate!important;
    table-layout:fixed;
    box-sizing:border-box;
  }

  #pun #filetable :is(th,td) {
    display:table-cell!important;
    width:auto!important;
    margin:0!important;
    padding:var(--admin-file-padding)!important;
    vertical-align:middle;
    text-align:left!important;
    white-space:normal;
    overflow-wrap:anywhere;
    font:400 11px/1.5 var(--font-ui);
    box-sizing:border-box;
  }

  #pun #filetable thead th {
    height:auto!important;
    font-weight:600!important;
    border-radius:0!important;
    cursor:pointer;
  }

  #pun #filetable .ft-version {
    width:7%!important;
  }

  #pun #filetable .checker {
    width:34px!important;
    text-align:center!important;
    padding:calc(var(--space-6px)*var(--forum-padding-density))!important;
  }

  #pun #filetable td>span {
    display:none!important;
  }

  #pun #filetable td.tcr input {
    width:100%!important;
    min-width:0;
    max-width:100%;
    padding:calc(var(--space-7px)*var(--forum-padding-density)) calc(var(--space-8px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-8px)!important;
    font:400 11px/1.4 var(--font-ui);
    box-sizing:border-box;
  }

  #pun #filetable input[type="checkbox"] {
    width:14px!important;
    height:14px!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }

  #pun #filetable .tag-edit .icons-pencil {
    font-size:0;
  }

  #pun #filetable .tag-edit .icons-pencil::before {
    content:"\f303 ";
    font:900 16px/1 var(--fa);
  }

  #pun #pun-admain .pagelink.per-page-select {
    display:flex!important;
    align-items:center;
    flex-wrap:wrap;
    gap:var(--space-8px);
    width:100%!important;
    margin:var(--space-12px)0!important;
    padding:var(--admin-pagination-padding)!important;
    border-radius:var(--radius-12px)!important;
    box-sizing:border-box;
    font:400 12px/1.5 var(--font-ui);
  }

  #pun #pun-admain .per-page-select>span:last-child:not(.page-container) {
    display:inline-flex;
    align-items:center;
    flex-wrap:wrap;
    gap:var(--space-8px);
    float:none!important;
    margin-left:auto!important;
  }

  #pun #pun-admain .per-page-select select {
    padding:calc(var(--space-6px)*var(--forum-padding-density)) calc(var(--space-8px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-8px);
    max-width:100%;
    font:inherit;
  }

  #pun #pun-admain .adfs-box:has(#filetable) .submitend {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:var(--space-8px);
    padding:calc(var(--space-12px)*var(--forum-padding-density))!important;
    margin:0!important;
  }

  #pun #pun-admain .adfs-box:has(#filetable) .submitend .button {
    white-space:normal;
    max-width:100%;
    padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-10px);
    font:500 11px/1.4 var(--font-ui);
  }

  #pun p.crumbs em {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center;
    height:16px;
    line-height:1!important;
    vertical-align:middle!important;
    margin:0 var(--space-4px)!important;
    padding:0!important;
    transform:translateY(-1px);
  }

  #pun p.crumbs em::before {
    display:block!important;
    vertical-align:initial!important;
    line-height:1!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }

  :root {
    --topic-search-width:210px;
    --topic-search-padding:calc(9px * var(--forum-padding-density)) calc(34px * var(--forum-padding-density)) calc(9px * var(--forum-padding-density)) calc(12px * var(--forum-padding-density));
    --quick-reply-padding:calc(12px * var(--forum-padding-density)) calc(16px * var(--forum-padding-density));
    --quick-reply-radius:14px;
    --status-fund-padding:calc(8px * var(--forum-padding-density)) calc(10px * var(--forum-padding-density));
  }

  #pun .forum .tcl .closedatafield,#pun .closedatafield {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    vertical-align:middle;
    line-height:0!important;
  }

  #pun .closedatafield::before {
    display:block!important;
    width:100%;
    text-align:center!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
    transform:none!important;
  }

  #pun #s-block {
    position:relative!important;
    display:block!important;
    float:none!important;
    width:var(--topic-search-width)!important;
    max-width:100%;
    min-width:0;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box;
  }

  #pun #sTheme {
    display:block!important;
    width:100%!important;
    max-width:100%;
    min-width:0;
    height:38px!important;
    margin:0!important;
    padding:var(--topic-search-padding)!important;
    border-radius:var(--radius-11px)!important;
    font:400 12px/1.4 var(--font-ui)!important;
    box-sizing:border-box;
    appearance:none;
  }

  #pun #sTheme::placeholder {
    opacity:1;
  }

  #pun #sTheme:focus {
    outline-offset:2px;
  }

  #pun #s-block #isk {
    width:18px;
    height:18px;
    cursor:pointer;
  }

  #pun #pun-viewtopic .formal:has(#main-reply)>h2,#pun #pun-viewtopic #post-form>h2 {
    display:flex!important;
    align-items:center;
    gap:var(--space-8px);
    height:auto!important;
    width:100%!important;
    margin:var(--space-16px)0!important;
    padding:var(--quick-reply-padding)!important;
    border-radius:var(--quick-reply-radius)!important;
    font:600 22px/1.3 var(--font-body)!important;
    text-align:left!important;
    text-transform:none!important;
    box-sizing:border-box;
  }

  #pun #pun-viewtopic .formal:has(#main-reply)>h2 span,#pun #pun-viewtopic #post-form>h2 span {
    font:inherit!important;
    margin:0!important;
    padding:0!important;
  }

  #pun #pun-viewtopic .formal:has(#main-reply)>h2::before,#pun #pun-viewtopic #post-form>h2::before {
    content:"\f3e5 ";
    font:900 23px/1 var(--fa);
  }

  #pun #pun-searchposts .post>h3 {
    display:block!important;
    height:auto!important;
    margin:0 0 var(--space-12px)!important;
    padding:calc(var(--space-10px)*var(--forum-padding-density)) calc(var(--space-14px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-15px)!important;
    text-align:left!important;
    font:400 12px/1.5 var(--font-ui)!important;
  }

  #pun #pun-searchposts .post>h3>span {
    display:flex!important;
    align-items:center;
    flex-wrap:wrap;
    gap:var(--space-8px);
    float:none!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    font:inherit!important;
  }

  #pun #pun-searchposts .post>h3 strong {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    float:none!important;
    min-width:28px;
    min-height:28px;
    margin:0!important;
    padding:calc(var(--space-2px)*var(--forum-padding-density)) calc(var(--space-7px)*var(--forum-padding-density));
    border-radius:var(--radius-9px);
    font:600 12px/1 var(--font-ui);
  }

  #pun #pun-searchposts .post>h3 a {
    text-decoration:none;
  }

  #pun #pun-searchposts .post>h3 em {
    font-style:normal;
  }

  #pun #fntSlider {
    display:inline-block;
    position:relative!important;
    float:none!important;
    width:80px!important;
    height:22px!important;
    margin:0!important;
    padding:0!important;
    vertical-align:middle;
  }

  #pun #fntSlider::before {
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:50%;
    height:3px;
    transform:translateY(-50%);
  }

  #pun #fntSlider .before {
    position:absolute!important;
    left:0!important;
    top:50%!important;
    height:3px!important;
    margin:0!important;
    transform:translateY(-50%);
  }

  #pun #fntSlider .thumb {
    position:absolute!important;
    top:50%!important;
    width:10px!important;
    height:10px!important;
    border-radius:50%!important;
    margin:0!important;
    transform:translateY(-50%)!important;
    cursor:ew-resize;
  }

  #pun :is(#pun-searchposts,#pun-searchtopics) :is(.linksb,.linkst) .pagelink {
    float:none!important;
    margin:0!important;
    padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-13px);
    font:400 12px/1.5 var(--font-ui);
  }

  #pun :is(#pun-searchposts,#pun-searchtopics) .pagelink a,#pun :is(#pun-searchposts,#pun-searchtopics) .pagelink strong {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:28px;
    min-height:28px;
    margin:var(--space-2px);
    padding:calc(var(--space-3px)*var(--forum-padding-density)) calc(var(--space-7px)*var(--forum-padding-density));
    border-radius:var(--radius-9px);
    font:500 12px/1.4 var(--font-ui);
    box-sizing:border-box;
  }

  #pun #pun-userlist #pun-main table:has(td.username) tbody tr>td.username {
    position:static!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    justify-self:stretch!important;
    width:100%!important;
    grid-area:person!important;
  }

  #pun #pun-userlist #pun-main td.username>em.user-avatar {
    position:relative!important;
    display:block!important;
    float:none!important;
    left:auto!important;
    top:auto!important;
    right:auto!important;
    margin:0 auto!important;
    transform:none!important;
  }

  #pun #pun-userlist #pun-main td.username>.usersname {
    position:static!important;
    display:block!important;
    float:none!important;
    margin:0!important;
    padding:0!important;
    width:100%!important;
    text-align:center!important;
    transform:none!important;
  }

  #pun #pun-userlist #pun-main table:has(td.username) tbody tr>td.user_title {
    display:block!important;
    justify-self:center!important;
    width:auto!important;
    max-width:100%;
    padding:calc(var(--space-6px)*var(--forum-padding-density)) calc(var(--space-10px)*var(--forum-padding-density))!important;
    margin:0!important;
    line-height:1.4!important;
  }

  #pun #pun-status>.container {
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:var(--space-8px) var(--space-12px)!important;
  }

  #pun #pun-status>.container>span {
    position:static!important;
    float:none!important;
    grid-area:auto!important;
    margin:0!important;
    transform:none!important;
  }

  #pun #pun-status>.container>.status_userava {
    order:0!important;
    flex:0 0 34px!important;
    width:34px!important;
  }

  #pun #pun-status>.container>.item1 {
    order:1!important;
    flex:0 0 auto!important;
    width:auto!important;
  }

  #pun #pun-status>.container>.item2 {
    order:2!important;
    flex:0 1 auto!important;
    width:auto!important;
  }

  #pun #pun-status>.container>.item4 {
    order:3!important;
    margin-left:auto!important;
  }

  #pun #pun-status>.container>.item3 {
    order:4!important;
    width:auto!important;
    max-width:100%;
    padding:var(--status-fund-padding)!important;
    border-radius:var(--radius-11px);
    font:400 11px/1.5 var(--font-ui);
    box-sizing:border-box;
  }

  #pun #pun-status>.container>.item3 strong {
    font-weight:600;
  }

  :root {
    --post-heading-gap: 10px;
    --font-slider-width:80px;
    --font-slider-height:24px;
    --font-slider-thumb:12px;
  }

  #pun #pun-viewtopic .topic .post>h3>span {
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap;
    gap:var(--post-heading-gap)!important;
  }

  #pun #pun-viewtopic .topic .post>h3 .permalink {
    display:inline-flex!important;
    align-items:center;
    gap:var(--space-6px);
    float:none!important;
    margin:0!important;
    padding:0!important;
    font:400 12px/1.4 var(--font-ui)!important;
    text-decoration:none;
  }

  #pun #pun-viewtopic .topic .post>h3 .permalink::before {
    content:"\f252 ";
    display:inline-block;
    font:900 18px/1 var(--fa);
  }

  #pun #pun-viewtopic .topic .post>h3 .FNTslider {
    position:relative!important;
    display:block!important;
    float:none!important;
    flex:0 0 var(--font-slider-width);
    width:var(--font-slider-width)!important;
    height:var(--font-slider-height)!important;
    margin:0!important;
    padding:0!important;
  }

  #pun #pun-viewtopic .topic .post>h3 .FNTslider::before {
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:50%;
    height:4px;
    border-radius:var(--radius-4px);
    transform:translateY(-50%);
  }

  #pun #pun-viewtopic .topic .post>h3 .FNTslider .before {
    position:absolute!important;
    left:0!important;
    top:50%!important;
    height:4px!important;
    margin:0!important;
    padding:0!important;
    border-radius:var(--radius-4px);
    transform:translateY(-50%);
  }

  #pun #pun-viewtopic .topic .post>h3 .FNTslider .thumb {
    position:absolute!important;
    top:50%!important;
    width:var(--font-slider-thumb)!important;
    height:var(--font-slider-thumb)!important;
    margin:0!important;
    padding:0!important;
    border-radius:50%!important;
    transform:translateY(-50%)!important;
    box-sizing:border-box;
    cursor:ew-resize;
  }

  #pun #pun-viewtopic .topic .post>h3>span>strong {
    float:none!important;
    margin:0!important;
  }

  #pun #pun-viewtopic .topic .post>h3 .sharelink {
    float:none!important;
    margin:0 0 0 auto!important;
  }

  #pun #pun-edit #pun-main,#pun #pun-edit #pun-main .formal,#pun #pun-edit #pun-main form,#pun #pun-edit #pun-main form>.container,#pun #pun-edit #pun-main fieldset,#pun #pun-edit #pun-main .fs-box {
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box;
  }

  #pun #pun-edit #pun-main {
    width:100%!important;
  }

  #pun #pun-edit #pun-main .formal,#pun #pun-edit #pun-main form,#pun #pun-edit #pun-main form>.container,#pun #pun-edit #pun-main fieldset {
    width:100%!important;
  }

  #pun #pun-edit #pun-main fieldset {
    contain:inline-size;
  }

  #pun #pun-edit .fs-box>.post-box,#pun #pun-edit .post-box>.post-content {
    display:block!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box;
  }

  #pun .post-content .code-box {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box;
    contain:inline-size;
  }

  #pun .post-content .code-box .blockcode {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box;
  }

  #pun .post-content .code-box .scrollbox {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    box-sizing:border-box;
  }

  #pun .post-content .code-box pre {
    display:block!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    white-space:pre!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  #pun #pun-main,#pun .post,#pun .post>.container,#pun .post-body,#pun .post-box,#pun .post-content {
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box;
  }

  #pun .post-body {
    contain:inline-size;
  }

  #pun .post-box>.post-content {
    display:block!important;
    width:100%!important;
    contain:inline-size;
  }

  #pun .fs-box:has(>.post-box>.post-content) {
    min-width:0!important;
    max-width:100%!important;
    contain:inline-size;
  }

  #pun .formal fieldset:has(.post-content) {
    min-width:0!important;
    max-width:100%!important;
    contain:inline-size;
    box-sizing:border-box;
  }

  #pun .post-content .code-box>.legend {
    max-width:100%;
    overflow-wrap:anywhere;
    box-sizing:border-box;
  }

  :root {
    --font-slider-gap:12px;
  }

  #pun .post>h3:has(.FNTslider)>span {
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:var(--font-slider-gap)!important;
    float:none!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box;
  }

  #pun #profile.messages-container .post>h3:has(.FNTslider)>span {
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:var(--font-slider-gap)!important;
  }

  #pun .post>h3 .FNTslider,#pun #pun-viewtopic .topic .post>h3 .FNTslider {
    order:99!important;
    position:relative!important;
    display:block!important;
    float:none!important;
    flex:0 0 var(--font-slider-width);
    width:var(--font-slider-width)!important;
    height:var(--font-slider-height)!important;
    margin:0 0 0 auto!important;
    padding:0!important;
  }

  #pun .post>h3 .FNTslider::before {
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:50%;
    height:4px;
    border-radius:var(--radius-4px);
    transform:translateY(-50%);
  }

  #pun .post>h3 .FNTslider .before {
    position:absolute!important;
    left:0!important;
    top:50%!important;
    height:4px!important;
    margin:0!important;
    padding:0!important;
    border-radius:var(--radius-4px);
    transform:translateY(-50%);
  }

  #pun .post>h3 .FNTslider .thumb {
    position:absolute!important;
    top:50%!important;
    width:var(--font-slider-thumb)!important;
    height:var(--font-slider-thumb)!important;
    margin:0!important;
    padding:0!important;
    border-radius:50%!important;
    transform:translateY(-50%)!important;
    box-sizing:border-box;
    cursor:ew-resize;
  }

  #pun #pun-viewtopic .topic .post>h3 .sharelink {
    margin-left:0!important;
  }

  #pun #pun-viewtopic .topic .post>h3 .permalink {
    flex-basis:auto!important;
  }

  :root {
    --online-author-top-padding:calc(28px * var(--forum-padding-density));
    --online-marker-size:16px;
    --online-marker-inset:6px;
    --online-marker-layer:20;
  }

  #pun .post-author {
    overflow:visible!important;
  }

  #pun .post-author.online::before {
    z-index:var(--online-marker-layer)!important;
    top:var(--online-marker-inset)!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    pointer-events:none;
  }

  #pun .post-author.online:not(:is(#pun-viewtopic .post-author)) {
    padding-top:var(--online-author-top-padding)!important;
  }

  #pun .user-avatar {
    position:relative;
    overflow:visible!important;
  }

  #pun .user-avatar>a {
    overflow:visible!important;
  }

  #pun .user-avatar .avatar-image {
    border-radius:inherit;
  }

  #pun .user-avatar .isonline {
    z-index:var(--online-marker-layer)!important;
    top:2px!important;
    right:2px!important;
    bottom:auto!important;
    left:auto!important;
    pointer-events:none;
  }

  :root {
    --message-author-padding:calc(12px * var(--forum-padding-density));
    --message-author-radius:17px;
    --message-author-gap:8px;
  }

  #pun #profile.messages-container .post-author {
    padding:var(--message-author-padding)!important;
    border-radius:var(--message-author-radius)!important;
    overflow:visible!important;
  }

  #pun #profile.messages-container .post-author.online::before {
    content:none!important;
  }

  #pun #profile.messages-container .post-author>ul {
    display:flex!important;
    flex-direction:column!important;
    gap:var(--message-author-gap)!important;
    margin:0!important;
    padding:0!important;
    list-style:none;
  }

  #pun #profile.messages-container .post-author li {
    order:0;
    grid-area:auto!important;
    margin:0!important;
    padding:0!important;
    min-width:0;
    text-align:center!important;
    overflow-wrap:anywhere;
    font:400 11px/1.4 var(--font-ui)!important;
  }

  #pun #profile.messages-container .post-author .pa-author {
    padding:calc(var(--space-7px)*var(--forum-padding-density)) calc(var(--space-8px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-10px)!important;
    font:600 20px/1.25 var(--font-body)!important;
  }

  #pun #profile.messages-container .post-author .pa-author a {
    text-decoration:none;
  }

  #pun #profile.messages-container .post-author .pa-title {
    font:500 10px/1.4 var(--font-ui)!important;
  }

  #pun #profile.messages-container .post-author .pa-avatar {
    order:0!important;
  }

  #pun #profile.messages-container .post-author .pa-avatar img {
    display:block;
    width:100%!important;
    height:150px!important;
    margin:0 auto!important;
    object-fit:cover;
    border-radius:var(--radius-12px)!important;
  }

  #pun #profile.messages-container .post-author :is(.pa-reg,.pa-posts) {
    display:none!important;
  }

  #pun #profile.messages-container .post-author .pa-online {
    display:flex!important;
    align-items:center;
    justify-content:center;
    gap:var(--space-6px);
    padding:calc(var(--space-8px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-10px)!important;
    font:500 10px/1.4 var(--font-ui)!important;
  }

  #pun #profile.messages-container .post-author .pa-online strong {
    font:inherit!important;
  }

  #pun #profile.messages-container .post-author.online .pa-online::before {
    content:"";
    display:block;
    width:7px;
    height:7px;
    flex:0 0 7px;
    border-radius:50%;
  }

  :root {
    --message-author-name-size:23px;
  }

  #pun #profile.messages-container .post-author .pa-author,#pun #profile.messages-container .post-author .pa-author>a {
    font:600 var(--message-author-name-size)/1.25 var(--font-body)!important;
  }

  :root {
    --crumb-link-padding:calc(5px * var(--forum-padding-density)) calc(10px * var(--forum-padding-density));
    --crumb-link-radius:9px;
    --crumb-link-gap:3px;
  }

  #pun p.container.crumbs {
    line-height:2.3!important;
  }

  #pun p.container.crumbs>a {
    display:inline-block!important;
    vertical-align:middle;
    margin:var(--crumb-link-gap)0!important;
    padding:var(--crumb-link-padding)!important;
    border-radius:var(--crumb-link-radius)!important;
    font:500 12px/1.4 var(--font-ui)!important;
    text-decoration:none!important;
    max-width:100%;
    overflow-wrap:anywhere;
    box-sizing:border-box;
    transition:background-color .15s,border-color .15s,color .15s;
  }

  #pun p.container.crumbs>a:focus-visible {
    outline-offset:2px;
  }

  :root {
    --topic-search-icon-box:24px;
    --status-action-height:44px;
  }

  #pun #s-block {
    overflow:visible!important;
  }

  #pun #s-block #isk {
    align-items:center;
    justify-content:center;
    line-height:1!important;
  }

  #pun #s-block #isk::before {
    overflow:visible!important;
  }

  #pun .postlink,#pun .postlink>span,#pun .postlink>span>a {
    outline-offset:3px;
  }

  #pun #pun-status>.container>:is(.item3,.item4) {
    min-height:var(--status-action-height)!important;
    box-sizing:border-box;
    align-self:stretch!important;
  }

  #pun #pun-status>.container>.item3 {
    display:flex!important;
    align-items:center;
    flex-wrap:wrap;
    gap:var(--space-4px);
  }

  #pun #pun-status>.container>.item4 {
    display:flex!important;
    align-items:stretch;
    justify-content:center;
    padding:0!important;
  }

  #pun #pun-status>.container>.item4>a[href="/vip.php"] {
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    min-height:var(--status-action-height)!important;
    height:100%;
    padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density))!important;
    box-sizing:border-box;
  }

  #pun #pun-viewtopic .topic .post>h3>span>strong {
    order:0!important;
  }

  #pun #pun-viewtopic .topic .post>h3 .permalink {
    order:1!important;
  }

  #pun #pun-viewtopic .topic .post>h3 .sharelink {
    order:2!important;
  }

  #pun #pun-viewtopic .topic .post>h3 .FNTslider {
    order:99!important;
    margin-left:auto!important;
  }

  :root {
    --moderation-info-padding:calc(22px * var(--forum-padding-density));
    --moderation-info-radius:18px;
    --moderation-info-gap:16px;
  }

  #pun :is(#pun-moderate,#pun-main:has(>.info a[href*="admin_users.php?show_users="]))>#pun-main>h1,#pun #pun-main:has(>.info a[href*="admin_users.php?show_users="])>h1 {
    display:block!important;
    position:relative;
    width:auto!important;
    height:auto!important;
    margin:0 0 var(--moderation-info-gap)!important;
    padding:0!important;
    font:600 clamp(26px,3.5vw,42px)/1.25 var(--font-body)!important;
    text-align:left!important;
    text-transform:none!important;
  }

  #pun #pun-main:has(>.info a[href*="admin_users.php?show_users="])>h1 span {
    font:inherit!important;
  }

  #pun #pun-main>.info:has(a[href*="admin_users.php?show_users="]) {
    width:100%!important;
    max-width:100%;
    margin:0 0 var(--moderation-info-gap)!important;
    padding:0!important;
    box-sizing:border-box;
  }

  #pun #pun-main>.info:has(a[href*="admin_users.php?show_users="])>.container {
    display:block!important;
    width:100%!important;
    max-width:100%;
    min-width:0;
    margin:0!important;
    padding:var(--moderation-info-padding)!important;
    border-radius:var(--moderation-info-radius)!important;
    font:400 14px/2 var(--font-ui)!important;
    text-align:left!important;
    overflow-wrap:anywhere;
    box-sizing:border-box;
  }

  #pun #pun-main>.info .container>a[href*="admin_users.php?show_users="] {
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:var(--space-8px);
    max-width:100%;
    margin-top:var(--space-6px)!important;
    padding:calc(var(--space-10px)*var(--forum-padding-density)) calc(var(--space-14px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-11px)!important;
    font:500 12px/1.5 var(--font-ui)!important;
    text-decoration:none!important;
    box-sizing:border-box;
  }

  #pun #pun-main>.info .container>a[href*="admin_users.php?show_users="]::before {
    content:"\f002 ";
    font:900 22px/1 var(--fa);
    flex:0 0 auto;
  }

  #pun #pun-main>.info .container>a[href*="admin_users.php?show_users="]:focus-visible {
    outline-offset:3px;
  }

  #pun #viewprofile #profile-right::before {
    content:none!important;
    display:none!important;
  }

  :root {
    --profile-heading-padding:calc(14px * var(--forum-padding-density)) calc(18px * var(--forum-padding-density));
    --profile-heading-radius:16px;
    --partner-banner-width:88px;
    --partner-banner-height:31px;
  }

  #pun #pun-profile #pun-main>h1,#pun #pun-main:has(#viewprofile)>h1 {
    display:block!important;
    width:100%!important;
    height:auto!important;
    margin:var(--space-18px)0!important;
    padding:var(--profile-heading-padding)!important;
    border-radius:var(--profile-heading-radius)!important;
    font:600 clamp(26px,3.5vw,40px)/1.3 var(--font-body)!important;
    text-align:center!important;
    letter-spacing:0!important;
    text-transform:none!important;
    box-sizing:border-box;
    overflow-wrap:anywhere;
  }

  #pun #pun-profile #pun-main>h1 span,#pun #pun-main:has(#viewprofile)>h1 span {
    font:inherit!important;
    margin:0!important;
    padding:0!important;
  }

  #pun #viewprofile #pa-email {
    text-align:center!important;
  }

  #pun #viewprofile #pa-email>span {
    text-align:center!important;
  }

  #pun #viewprofile #pa-email>strong {
    display:flex!important;
    align-items:center;
    justify-content:center!important;
    flex-wrap:wrap;
    gap:var(--space-8px);
    text-align:center!important;
    width:100%;
    font-size:0!important;
  }

  #pun #viewprofile #pa-email>strong>a {
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:var(--space-5px);
    float:none!important;
    margin:0!important;
    padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-10px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-10px)!important;
    font:500 12px/1.4 var(--font-ui)!important;
    text-decoration:none;
    box-sizing:border-box;
  }

  #pun .partners {
    min-width:0;
    margin:var(--ui-section-gap) auto!important;
    line-height:0;
    font-size:0;
  }

  #pun .partners>a {
    display:block!important;
    flex:0 0 var(--partner-banner-width)!important;
    width:var(--partner-banner-width)!important;
    height:var(--partner-banner-height)!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box;
  }

  #pun .partners>a>img {
    display:block!important;
    width:var(--partner-banner-width)!important;
    height:var(--partner-banner-height)!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain;
  }

  #pun .copyright-block,#pun #copyright-block {
    float:none!important;
    display:block!important;
    width:100%!important;
    max-width:100%;
    margin:var(--space-12px) auto!important;
    text-align:center!important;
    box-sizing:border-box;
  }

  #pun .copyright-block>*,#pun #copyright-block>* {
    text-align:center!important;
  }

  :root {
    --partners-container-radius:12px;
    --partners-container-padding: calc(10px * var(--forum-padding-density));
  }

  #pun .partners {
    width:100%!important;
    max-width:100%!important;
    max-height:var(--partners-max-height)!important;
    padding:var(--partners-container-padding)!important;
    border-radius:var(--partners-container-radius)!important;
    gap:var(--partners-gap)!important;
    overflow:auto!important;
    box-sizing:border-box;
    align-content:flex-start;
  }

  :root {
    --partners-gap: 6px;
  }

  #pun .partners {
    justify-content:space-between!important;
    align-items:flex-start!important;
    align-content:flex-start!important;
  }

  :root {
    --topic-read-opacity:.38;
    --topic-new-opacity:1;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr::before {
    opacity:var(--topic-read-opacity)!important;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr.inew::before,#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr:has(.icon.inew)::before {
    opacity:var(--topic-new-opacity)!important;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr.inew .tclcon>a,#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr:has(.icon.inew) .tclcon>a {
    font-weight:700!important;
    text-decoration:underline!important;
    text-underline-offset:4px;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr.isticky::before,#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr:has(.stickytext)::before {
    opacity:.9!important;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr.isticky.inew::before,#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr.inew:has(.stickytext)::before {
    opacity:1!important;
  }

  #pun #pun-index .category tbody tr h3::after {
    opacity:var(--topic-read-opacity)!important;
  }

  #pun-index .category tr:nth-child(even) h3::after {
    display:none;
  }

  #pun-index .category tr:nth-child(4n+3) h3::after {
    transform:scaleX(-1);
  }

  #pun #pun-index .category tbody tr.inew h3::after,#pun #pun-index .category tbody tr:has(.icon.inew) h3::after {
    opacity:var(--topic-new-opacity)!important;
  }

  #pun #pun-index .category tbody tr.inew h3>a,#pun #pun-index .category tbody tr:has(.icon.inew) h3>a {
    font-weight:700!important;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr.iclosed::before,#pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr:has(.closedatafield)::before {
    opacity:.4!important;
  }

  :root {
    --newtext-padding:calc(4px * var(--forum-padding-density)) calc(8px * var(--forum-padding-density));
    --newtext-radius:8px;
    --newtext-gap:5px;
  }

  #pun .forum .newtext {
    display:inline-block!important;
    vertical-align:middle;
    margin:0 var(--space-3px)!important;
    padding:0!important;
    font-size:0!important;
    line-height:1!important;
    white-space:normal;
  }

  #pun .forum .newtext>.bracket {
    display:none!important;
  }

  #pun .forum .newtext>a {
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:var(--newtext-gap);
    max-width:100%;
    padding:var(--newtext-padding)!important;
    margin:0!important;
    border-radius:var(--newtext-radius)!important;
    font:500 10px/1.4 var(--font-ui)!important;
    text-decoration:none!important;
    box-sizing:border-box;
    white-space:nowrap;
  }

  #pun .forum .newtext>a::before {
    content:"\f4ad ";
    font:900 15px/1 var(--fa);
    flex:0 0 auto;
  }

  #pun .forum .newtext>a:focus-visible {
    outline-offset:2px;
  }

  :root {
    --forum-padding-density: 0.85;
    --online-list-gap:10px;
    --online-row-padding:calc(14px * var(--forum-padding-density));
    --online-row-radius:14px;
  }

  #pun #pun-main:has(>.online-list)>h1 {
    display:block!important;
    width:100%!important;
    height:auto!important;
    margin:var(--space-18px)0!important;
    padding:0!important;
    text-align:left!important;
    font:600 clamp(26px,3.5vw,40px)/1.25 var(--font-body)!important;
    text-transform:none!important;
    box-sizing:border-box;
  }

  #pun #pun-main:has(>.online-list)>h1 span {
    font:inherit!important;
  }

  #pun .online-list>.container {
    width:100%!important;
    min-width:0;
    margin:0!important;
    padding:0!important;
  }

  #pun .online-list table {
    display:block!important;
    width:100%!important;
    max-width:100%;
    margin:0!important;
    padding:0!important;
  }

  #pun .online-list thead {
    display:none!important;
  }

  #pun .online-list tbody {
    display:grid!important;
    gap:var(--online-list-gap);
    width:100%;
  }

  #pun .online-list tbody tr {
    display:grid!important;
    grid-template-columns:minmax(140px,.8fr) minmax(0,2fr) minmax(140px,.8fr);
    gap:var(--space-14px);
    align-items:center;
    width:100%;
    min-width:0;
    margin:0!important;
    padding:var(--online-row-padding)!important;
    border-radius:var(--online-row-radius)!important;
    box-sizing:border-box;
  }

  #pun .online-list tbody td {
    display:block!important;
    position:static!important;
    float:none!important;
    width:auto!important;
    min-width:0;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
    font:400 12px/1.6 var(--font-ui);
    overflow:visible!important;
    overflow-wrap:anywhere;
    box-sizing:border-box;
  }

  #pun .online-list td.username {
    font-weight:500!important;
  }

  #pun .online-list td.username::before {
    content:"\f2bd ";
    display:inline-block;
    vertical-align:middle;
    margin-right:var(--space-6px);
    font:900 21px/1 var(--fa);
  }

  #pun .online-list td.username:has(.registered-user)::before {
    content:"\f007 ";
  }

  #pun .online-list .flag-i {
    display:inline-block!important;
    width:20px!important;
    height:14px!important;
    margin:0 var(--space-5px)0 0!important;
    vertical-align:middle;
    border-radius:var(--radius-2px);
  }

  #pun .online-list .registered-user {
    font:600 16px/1.4 var(--font-body)!important;
    text-decoration:none;
  }

  #pun .online-list td.action::before {
    content:"                  ";
    display:block;
    margin-bottom:var(--space-3px);
    font:400 10px/1.4 var(--font-ui);
  }

  #pun .online-list td.action a {
    text-decoration:none;
  }

  #pun .online-list td.action a:hover {
    text-decoration:underline;
    text-underline-offset:3px;
  }

  #pun .online-list tbody td:last-child {
    display:flex!important;
    align-items:center;
    gap:var(--space-6px);
    justify-self:end;
    padding:calc(var(--space-6px)*var(--forum-padding-density)) calc(var(--space-8px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-9px)!important;
    font-size:11px;
    box-sizing:border-box;
  }

  #pun .online-list tbody td:last-child::before {
    content:"\f017 ";
    font:900 17px/1 var(--fa);
    flex:0 0 auto;
  }

  #pun #pun-userlist td.relation::before,#pun #pun-userlist td.num_posts::before {
    display:block!important;
    margin:0 0 var(--space-4px)!important;
    padding:0!important;
    font:900 18px/1 var(--fa)!important;
    text-transform:none;
  }

  #pun #pun-userlist td.relation::before {
    content:"\f004 "!important;
  }

  #pun #pun-userlist td.num_posts::before {
    content:"\f075 "!important;
  }

  :root {
    --bookmark-heading-size:20px;
    --bookmark-heading-padding:12px;
    --bookmark-heading-icon-size:26px;
  }

  #MyBookmarks>:is(h1,h2),#pun #MyBookmarks>:is(h1,h2) {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:var(--space-8px)!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:48px!important;
    margin:0!important;
    padding:calc(var(--bookmark-heading-padding)*var(--forum-padding-density))!important;
    border-radius:0!important;
    font:600 var(--bookmark-heading-size)/1.35 var(--font-body)!important;
    text-transform:none!important;
    letter-spacing:0!important;
    overflow:visible!important;
    box-sizing:border-box;
  }

  #MyBookmarks>:is(h1,h2)::before,#MyBookmarks>:is(h1,h2)::after {
    content:none!important;
    display:none!important;
  }

  #MyBookmarks>:is(h1,h2)>span,#pun #MyBookmarks>:is(h1,h2)>span {
    display:block!important;
    position:static!important;
    float:none!important;
    min-width:0!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    font:inherit!important;
    text-transform:none!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
    transform:none!important;
  }

  #MyBookmarks>:is(h1,h2) strong {
    font:inherit!important;
    margin:0!important;
  }

  #MyBookmarks #bm2,#pun #MyBookmarks #bm2 {
    display:flex!important;
    align-items:center;
    justify-content:center;
    position:static!important;
    flex:0 0 28px!important;
    width:28px!important;
    min-width:28px!important;
    height:28px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    clip-path:none!important;
    font-size:0!important;
    transform:none!important;
  }

  #MyBookmarks #bm2::before,#pun #MyBookmarks #bm2::before {
    content:"\f053 "!important;
    display:block!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    font-family:var(--fa)!important;
    font-size:var(--bookmark-heading-icon-size)!important;
    font-weight:900!important;
    font-style:normal!important;
    line-height:1!important;
    letter-spacing:normal!important;
    text-transform:none!important;
    transform:none!important;
  }

  #MyBookmarks #bm2::after {
    content:none!important;
    display:none!important;
  }

  #pun #pun-stats :is(.onlinelist,.users_24h) div>span:has(>a[href*="profile.php"]) {
    display:flex!important;
    flex-wrap:wrap;
    align-items:center;
    gap:var(--space-6px)!important;
    font-size:0!important;
    line-height:0!important;
  }

  #pun #pun-stats :is(.onlinelist,.users_24h) div>span>a[href*="profile.php"] {
    margin:0!important;
    font:500 12px/1.4 var(--font-ui)!important;
  }

  :root {
    --tooltip-padding:8px 12px;
    --tooltip-radius:10px;
    --tooltip-max-width:300px;
    --tooltip-layer:100000;
  }

  #forum-tooltip {
    position:fixed;
    z-index:var(--tooltip-layer);
    max-width:min(var(--tooltip-max-width),calc(100vw - 16px));
    padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density));
    border-radius:var(--tooltip-radius);
    font:500 12px/1.5 var(--font-ui);
    letter-spacing:0;
    text-transform:none;
    text-align:left;
    overflow-wrap:anywhere;
    box-sizing:border-box;
    pointer-events:none;
    opacity:0;
    visibility:hidden;
    transition:opacity .12s;
  }

  #forum-tooltip.is-visible {
    opacity:1;
    visibility:visible;
  }

  #tooltip {
    position:absolute;
    z-index:var(--tooltip-layer);
    max-width:min(var(--tooltip-max-width),calc(100vw - 16px));
    padding:calc(var(--space-8px)*var(--forum-padding-density)) calc(var(--space-12px)*var(--forum-padding-density));
    border-radius:var(--tooltip-radius);
    font:500 12px/1.5 var(--font-ui);
    overflow-wrap:anywhere;
    box-sizing:border-box;
    pointer-events:none;
  }

  :root {
    --redirect-width:620px;
    --redirect-padding:24px;
    --redirect-radius:22px;
    --redirect-gap:18px;
    --redirect-icon-size:48px;
  }

  .punbb .lastedit {
    display:none!important;
  }

  #pun-redirect {
    position:relative!important;
    width:min(var(--redirect-width),calc(100% - 24px))!important;
    max-width:100%!important;
    margin:clamp(30px,12vh,120px) auto!important;
    padding:0!important;
    border-radius:var(--redirect-radius)!important;
    box-sizing:border-box;
  }

  #pun-redirect #pun-main {
    display:block!important;
    position:relative;
    width:100%!important;
    max-width:100%!important;
    min-width:0;
    margin:0!important;
    padding:calc(var(--redirect-padding)*var(--forum-padding-density))!important;
    box-sizing:border-box;
    text-align:center;
  }

  #pun-redirect #pun-main::before {
    content:"";
    position:absolute;
    top:var(--space-12px);
    right:var(--space-12px);
    width:64px;
    height:64px;
    opacity:.5;
    pointer-events:none;
  }

  #pun-redirect .main-title {
    display:block!important;
    position:relative;
    width:100%!important;
    height:auto!important;
    margin:0 0 var(--redirect-gap)!important;
    padding:0!important;
    font:600 clamp(25px,4vw,34px)/1.3 var(--font-body)!important;
    text-align:center!important;
    text-transform:none!important;
  }

  #pun-redirect .main-title span {
    font:inherit!important;
  }

  #pun-redirect .main-title::before {
    content:"\f35d ";
    display:flex;
    align-items:center;
    justify-content:center;
    width:var(--redirect-icon-size);
    height:var(--redirect-icon-size);
    margin:0 auto var(--space-12px);
    border-radius:var(--radius-14px);
    font:900 28px/1 var(--fa);
  }

  #pun-redirect .info {
    display:block!important;
    margin:0!important;
    padding:0!important;
  }

  #pun-redirect .info>.container {
    display:block!important;
    min-width:0;
    width:100%!important;
    margin:0!important;
    padding:calc(var(--space-16px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-16px)!important;
    font:400 14px/1.7 var(--font-ui)!important;
    text-align:center!important;
    overflow-wrap:anywhere;
    box-sizing:border-box;
  }

  #pun-redirect .backlink {
    margin:var(--redirect-gap)0 0!important;
    padding:0!important;
  }

  #pun-redirect .backlink a {
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:var(--space-8px);
    max-width:100%;
    margin:0!important;
    padding:calc(var(--space-10px)*var(--forum-padding-density)) calc(var(--space-14px)*var(--forum-padding-density))!important;
    border-radius:var(--radius-12px)!important;
    font:500 12px/1.5 var(--font-ui)!important;
    text-align:center;
    text-decoration:none!important;
    box-sizing:border-box;
  }

  #pun-redirect .backlink a::before {
    content:"\f061 ";
    font:900 20px/1 var(--fa);
    flex:0 0 auto;
  }

  #pun-redirect .backlink a:focus-visible {
    outline-offset:3px;
  }

  #pun:has(#pun-redirect) {
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
  }

  #pun :is(.punbb,.main,.section,.container,.html-box):has(#pun-redirect) {
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
    box-sizing:border-box;
  }

  #pun #pun-index .category:not(.index-layout-feature) tbody>tr:last-child:nth-child(odd) {
    grid-column:1/-1!important;
    width:100%!important;
    box-sizing:border-box;
  }

  #pun #pun-index .index-layout-feature.index-layout-mirrored tbody,#pun #pun-index .index-layout-feature.index-layout-mirrored tbody.hasicon {
    grid-template-columns:minmax(0,2fr) minmax(0,1fr)!important;
  }

  #pun #pun-index .index-layout-feature.index-layout-mirrored tbody>tr:first-child {
    grid-column:2!important;
    grid-row:1/span 2!important;
  }

  #pun #pun-index .index-layout-feature.index-layout-mirrored tbody>tr:nth-child(2) {
    grid-column:1!important;
    grid-row:1!important;
  }

  #pun #pun-index .index-layout-feature.index-layout-mirrored tbody>tr:nth-child(3) {
    grid-column:1!important;
    grid-row:2!important;
  }

  #pun #pun-index .index-layout-feature.index-layout-mirrored tbody>tr:nth-child(n+4) {
    grid-column:1/-1!important;
    grid-row:auto!important;
  }

  :root {
    --category-tile-gap:12px;
    --category-tile-padding:12px;
    --category-tile-inner-gap:6px;
    --category-description-padding:10px 12px;
  }

  #pun #pun-index {
    --index-gap:var(--category-tile-gap);
  }

  #pun #pun-index .category tbody,#pun #pun-index .category tbody.hasicon {
    gap:var(--category-tile-gap)!important;
  }

  #pun #pun-index .category tbody>tr {
    padding:calc(var(--category-tile-padding)*var(--forum-padding-density))!important;
    gap:var(--category-tile-inner-gap)!important;
  }

  #pun #pun-index .category .forumdesc {
    padding: calc(var(--space-10px)*var(--forum-padding-density)) calc(var(--space-10px)*var(--forum-padding-density))!important;
  }

  #pun #pun-index .category .index-sublinks {
    gap:var(--category-tile-inner-gap)!important;
  }

  #pun #pun-index .category tbody>tr:not(:has(>td.tcr a,>td.tcr .user-avatar,>td.tcr .lastpost)) {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-areas:"title title""title title""topics posts"!important;
    grid-template-rows:auto 1fr auto!important;
  }

  #pun #pun-index .category tbody>tr:not(:has(>td.tcr a,>td.tcr .user-avatar,>td.tcr .lastpost))>.tcr {
    display:none!important;
  }

  #pun #pun-index .category tbody>tr:not(:has(>td.tcr a,>td.tcr .user-avatar,>td.tcr .lastpost)) .tcl,#pun #pun-index .category tbody>tr:not(:has(>td.tcr a,>td.tcr .user-avatar,>td.tcr .lastpost)) .tclcon,#pun #pun-index .category tbody>tr:not(:has(>td.tcr a,>td.tcr .user-avatar,>td.tcr .lastpost)) .forumdesc {
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box;
  }

  :root {
    --category-counter-gap:16px;
    --category-counter-width:34px;
  }

  #pun #pun-index .category tbody>tr>:is(td.tc2,td.tc3) {
    grid-area:auto!important;
    grid-column:1/-1!important;
    grid-row:-2/-1!important;
    justify-self:end!important;
    align-self:end!important;
    width:max-content!important;
    min-width:var(--category-counter-width);
    max-width:none!important;
    padding:0!important;
    margin:0!important;
    white-space:nowrap;
    justify-content:flex-end!important;
    display:none;
  }

  #pun #pun-index .category tbody>tr>td.tc2 {
    margin-right:calc(var(--category-counter-width) + var(--category-counter-gap))!important;
  }

  :root {
    --category-description-scroll-padding:20px;
  }

  #pun #pun-index .category .forumdesc {
    scrollbar-gutter:stable;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody .tcr>.user-avatar {
    border-radius:0!important;
  }

  #pun .index-theme {
    display:flex;
    justify-content:flex-end;
    margin:0 0 var(--space-18px);
  }

  #pun .index-theme button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    border-radius:var(--radius-50pct);
    width:38px;
    height:38px;
    flex:none;
    padding:0;
  }

  #pun .index-theme button:focus-visible {
    outline-offset:3px;
  }

  #pun .status_userava>img[src$="/i/default_avatar.jpg"],#pun .status_userava>img[src="i/default_avatar.jpg"] {
    content:var(--image-default-avatar);
    object-fit:cover;
    object-position:center;
  }

  #pun #s-block #isk {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:absolute!important;
    left:auto!important;
    right:8px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
    overflow:visible!important;
    clip:auto!important;
    clip-path:none!important;
    text-indent:0!important;
    font-size:0!important;
    font-style:normal!important;
    box-sizing:border-box!important;
  }

  #pun #s-block #isk::before {
    content:"\f002 "!important;
    display:block!important;
    position:static!important;
    width:20px!important;
    height:20px!important;
    margin:0!important;
    padding:0!important;
    font:900 20px/1 var(--fa)!important;
    text-indent:0!important;
    text-transform:none!important;
    letter-spacing:normal!important;
    transform:none!important;
    clip:auto!important;
    clip-path:none!important;
  }

  #pun #s-block #isk::after {
    content:none!important;
    display:none!important;
  }

  #pun #s-block #sTheme {
    padding-right:38px!important;
    box-sizing:border-box!important;
  }

  #pun #topic-users-in {
    margin-left:0!important;
    margin-right:0!important;
    padding:calc(12px*var(--forum-padding-density))!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  #pun #topic-users-in>p.container {
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  #pun #pun-viewtopic #pun-main #topic-users-in {
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:0!important;
    margin:var(--topic-users-margin,12px)0!important;
    box-sizing:border-box!important;
  }

  #pun #pun-viewtopic #pun-main #topic-users-in>p.container {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:var(--topic-users-padding,10px)!important;
    box-sizing:border-box!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  #pun #pun-viewtopic #pun-main #topic-users-in>p.container>a {
    display:inline-block!important;
    float:none!important;
    max-width:100%!important;
    margin:3px 4px 0 0!important;
    padding:3px 7px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    vertical-align:middle!important;
    box-sizing:border-box!important;
  }

  #pun #pun-viewtopic #pun-main #topic-users-in>p.container>a::after {
    content:none!important;
  }

  #pun #pun-viewtopic .linksb .postlink a[href*="post.php?tid="] {
    display:none!important;
  }

  #pun #pun-viewtopic .linksb .postlink:not(:has(.closed)):has(a[href*="post.php?tid="]) {
    display:none!important;
  }

  #pun #pun-viewtopic #post-form>h2 {
    display:none!important;
  }

  #pun #pun-viewtopic #post-form.formal:has(form#post)>h2,#pun #pun-viewtopic #post-form.formal:has(form#post)>h2>span {
    display:none!important;
    margin:0!important;
    padding:0!important;
    height:0!important;
    min-height:0!important;
  }

  #pun #pun-title.section {
    display:block!important;
    position:relative!important;
    float:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    max-height:none!important;
    margin:var(--space-18px,18px)0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  #pun #pun-title #title-logo-table,#pun #pun-title #title-logo-tbody,#pun #pun-title #title-logo-tr {
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    grid-template:none!important;
    box-sizing:border-box!important;
  }

  #pun #pun-title #title-logo-tr>:is(#title-logo-tdl,#title-logo-tdr) {
    display:block!important;
    position:static!important;
    float:none!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    clip-path:none!important;
    grid-area:auto!important;
    box-sizing:border-box!important;
  }

  #pun #pun-title #title-logo-tdr::before,#pun #pun-title #title-logo-tdr::after {
    content:none!important;
    display:none!important;
  }

  #pun #pun-title h1.title-logo {
    position:static!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    font-size:28px!important;
    line-height:1.3!important;
  }

  #pun #pun-title img {
    max-width:100%!important;
    height:auto!important;
  }

  #pun #pun-title h1.title-logo {
    display:none!important;
  }

  #pun #pun-title.section {
    height:350px!important;
    min-height:350px!important;
  }

  #pun #pun-title #title-logo-table,#pun #pun-title #title-logo-tbody,#pun #pun-title #title-logo-tr,#pun #pun-title #title-logo-tr>#title-logo-tdr {
    height:100%!important;
  }

  #pun #pun-title.section {
    border-radius:var(--radius-23px,23px)!important;
    overflow:hidden!important;
  }

  #pun td.ft-tags {
    font-size:0!important;
    line-height:1.6!important;
    white-space:normal!important;
  }

  #pun td.ft-tags>span {
    display:inline-flex!important;
    align-items:center!important;
    max-width:100%!important;
    margin:3px 4px 3px 0!important;
    padding:4px 8px!important;
    border-radius:8px!important;
    font:500 12px/1.35 var(--font-ui,Arial,sans-serif)!important;
    overflow-wrap:anywhere!important;
    box-sizing:border-box!important;
  }

  #pun td.ft-tags>a.tag-edit {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:28px!important;
    height:28px!important;
    margin:3px!important;
    padding:0!important;
    font-size:14px!important;
    vertical-align:middle!important;
  }

  #pun .tagify {
    --tags-border-color:var(--sage-green)!important;
    --tags-hover-border-color:var(--teal)!important;
    --tags-focus-border-color:var(--teal)!important;
    --input-color:var(--slate-blue)!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:4px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:6px!important;
    border-radius:10px!important;
    box-sizing:border-box!important;
  }

  #pun .tagify .tagify__tag {
    max-width:100%!important;
    margin:0!important;
  }

  #pun .tagify .tagify__tag>div {
    padding:5px 8px!important;
    border-radius:8px!important;
    font-size:12px!important;
    line-height:1.4!important;
  }

  #pun .tagify .tagify__tag-text {
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  #pun .tagify .tagify__input {
    min-width:60px!important;
    max-width:100%!important;
    margin:0!important;
    padding:5px!important;
    font-size:14px!important;
  }

  #pun #filetable td.ft-tags {
    font-size:0!important;
  }

  #pun #filetable td.ft-tags>span {
    display:inline-flex!important;
    align-items:center!important;
    max-width:100%!important;
    border-radius:8px!important;
    font:500 12px/1.35 var(--font-ui,Arial,sans-serif)!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  #pun #filetable .ft-tags {
    width:22%!important;
  }

  #pun #filetable .tcl {
    width:16%!important;
  }

  #pun #filetable .tcr {
    width:22%!important;
  }

  #pun #filetable td.ft-tags {
    height:auto!important;
    min-height:0!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
    vertical-align:middle!important;
    line-height:0!important;
  }

  #pun #filetable td.ft-tags>span {
    margin:2px 3px 2px 0!important;
    padding:3px 6px!important;
    font-size:11px!important;
    line-height:1.3!important;
    vertical-align:middle!important;
  }

  #pun #filetable td.ft-tags>span:empty {
    display:none!important;
  }

  #pun #filetable td.ft-tags>a.tag-edit {
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:static!important;
    align-items:center!important;
    justify-content:center!important;
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    margin:2px 0!important;
    padding:0!important;
    vertical-align:middle!important;
    font-size:14px!important;
    line-height:1!important;
    text-indent:0!important;
    overflow:visible!important;
    float:none!important;
  }

  #pun #filetable td.ft-tags>a.tag-edit>i.icons-pencil {
    display:none!important;
  }

  #pun #filetable td.ft-tags>a.tag-edit::before {
    position:static!important;
    margin:0!important;
    padding:0!important;
    font:900 16px/1 var(--fa)!important;
    text-transform:none!important;
  }

  #pun #filetable td.ft-tags>a.tag-edit::after {
    display:none!important;
  }

  #pun #filetable td.ft-tags>a.tag-edit::before {
    content:""!important;
    display:block!important;
    width:16px!important;
    height:16px!important;
    opacity:1!important;
    visibility:visible!important;
  }

  .tagify.tags>.tagify__tag {
    border-radius:8px!important;
  }

  .tagify.tags>.tagify__tag>div::before,.tagify.tags>.tagify__tag:hover>div::before,.tagify.tags>.tagify__tag:focus>div::before {
    content:none!important;
    display:none!important;
    animation:none!important;
    transition:none!important;
  }

  .tagify.tags .tagify__tag-text {
    text-decoration:none!important;
  }

  #pun #pun-admain #tag-filter-container {
    width:280px!important;
    min-width:240px!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  #pun #pun-admain #tag-filter-container>tags.tagify.tag-filter {
    width:100%!important;
    min-width:0!important;
    min-height:40px!important;
    padding:6px 28px 6px 8px!important;
    box-sizing:border-box!important;
  }

  #pun #pun-admain #tag-filter-container .tagify__input {
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:4px!important;
    font-size:13px!important;
  }

  #pun #pun-admain #tag-filter-container .tagify__input::before {
    white-space:nowrap!important;
  }

  #pun #pun-index .category .forumdesc {
    position:relative!important;
    isolation:isolate!important;
    padding-right: 20px!important;
    margin-left: 20px!important;
    width:calc(100% - 0px)!important;
    min-width:0!important;
    max-width:calc(100% - 0px)!important;
    text-align:justify!important;
    scrollbar-gutter:stable!important;
    box-sizing:border-box!important;
  }

  #pun #pun-index .category .forumdesc::before {
    content:"";
    position:absolute;
    inset: 0 0px 0 0;
    z-index:-1;
    border-radius: var(--radius-15px);
    pointer-events:none;
  }

  #pun #pun-admain input[type="submit"] {
    border-radius:var(--radius-11px,11px)!important;
    overflow:hidden!important;
  }

  #pun input.button.submit,#pun .formsubmit input.button[name="submit"] {
    border-radius:var(--radius-11px,11px)!important;
    overflow:hidden!important;
  }

  #pun #pun-viewtopic #pun-main .post-links .pl-quote>a,#pun #profile.messages-container .post-links .pl-quote>a {
    overflow:hidden!important;
  }

  #pun #pun-viewtopic #pun-main .post-links li.pl-email:is(.profile,.pm,.email)>a {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    padding:0!important;
    gap:0!important;
    font-size:0!important;
    line-height:0!important;
    box-sizing:border-box!important;
  }

  #pun #pun-viewtopic #pun-main .post-links li.pl-email:is(.profile,.pm,.email)>a::before {
    display:block!important;
    margin:0!important;
    padding:0!important;
    width:20px!important;
    height:20px!important;
    font-size:20px!important;
    line-height:1!important;
  }

  #pun #pun-viewtopic #pun-main .post-links li.pl-email:is(.profile,.pm)>a::before {
    content:""!important;
  }

  #pun #pun-viewtopic #pun-main .post-links li.pl-email.email>a::before {
    content:"@"!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:static!important;
    float:none!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    transform:translateY(-2px)!important;
    font-family:var(--font-ui,Arial,sans-serif)!important;
    font-size:20px!important;
    font-weight:600!important;
    line-height:1!important;
    font-feature-settings:normal!important;
    text-transform:none!important;
  }

  #pun #pun-index .category tbody>tr {
    position:relative!important;
    isolation:isolate!important;
  }

  #pun #pun-index .category tbody>tr::after {
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    border-radius:inherit!important;
    pointer-events:none!important;
  }

  #pun #pun-index .category tbody>tr>td {
    position:relative!important;
    z-index:1!important;
  }

  #pun #pun-index .category h3>a {
    -webkit-background-clip:text!important;
    transition:background-position .45s ease!important;
  }

  @media (prefers-reduced-motion:reduce) {
    #pun #pun-index .category h3>a {
      transition:none!important;
    }
  }

  #pun #pun-index .index-layout-feature tbody>tr:first-child h3 {
    display:block!important;
    width:100%!important;
    box-sizing:border-box!important;
    margin:0 0 10px!important;
    padding:12px 14px!important;
    border-radius:var(--radius-12px,12px)!important;
    font-size:22px!important;
    line-height:1.25!important;
    letter-spacing:.2px!important;
    text-align:center!important;
    text-wrap:balance!important;
  }

  #pun #pun-index .index-layout-feature tbody>tr:first-child h3>a {
    display:block!important;
    -webkit-background-clip:text!important;
    transition:background-position .45s ease!important;
  }

  #pun #pun-index .index-layout-feature tbody>tr:first-child h3::after {
    display:none!important;
  }

  #pun #pun-stats .statscon {
    padding:0px!important;
    margin:10px 0!important;
  }

  #pun #pun-stats .statscon ul.container {
    gap:5px!important;
  }

  #pun #pun-stats .statscon ul.container>li {
    padding:8px 10px!important;
    min-height:0!important;
    height:auto!important;
  }

  #pun #pun-stats .statscon :is(.onlinelist,.users_24h)>div>a:first-child {
    margin-bottom:5px!important;
  }

  #pun #pun-index .category tbody,#pun #pun-index .category tbody.hasicon {
    grid-template-rows:none!important;
    grid-auto-rows:auto!important;
  }

  #pun #pun-index .category tbody>tr {
    height:190px!important;
    min-height:0!important;
    box-sizing:border-box!important;
  }

  #pun #pun-index .index-layout-feature tbody>tr:first-child {
    height:calc(380px + var(--category-tile-gap,12px))!important;
    min-height:0!important;
  }

  #pun #pun-index #pun-main .category tbody>tr .forumdesc {
    margin: 0px!important;
    width: calc(100% - 0px)!important;
    max-width:calc(100% - 0px)!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  #pun #pun-stats .statscon ul.container>li:is(.item1,.item2,.item3,.item4) {
    padding:2px 4px!important;
    min-height:0!important;
    height:auto!important;
  }

  #pun #pun-stats .statscon ul.container>li:is(.item1,.item2,.item3,.item4)>span {
    font-size:11px!important;
  }

  #pun #pun-stats .statscon ul.container>li:is(.item1,.item2,.item3,.item4)>strong {
    font-size:14px!important;
    line-height:1.15!important;
  }

  #pun #pun-stats .statscon ul.container>li.item4>strong {
    font-size:14px!important;
  }

  #pun #pun-stats .statscon ul.container>li:is(.item1,.item2,.item3,.item4) {
    display:grid!important;
    align-content:start!important;
  }

  #pun #pun-stats .statscon ul.container>li:is(.item1,.item2,.item3,.item4)::before {
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    margin:0!important;
    padding:0!important;
  }

  #pun #pun-stats .statscon ul.container>li:is(.item1,.item2,.item3,.item4)>span {
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
  }

  #pun #pun-stats .statscon ul.container>li:is(.item1,.item2,.item3,.item4)>strong {
    grid-column:1/-1!important;
    grid-row:2!important;
  }

  #pun #pun-stats .statscon ul.container>li:is(.item1,.item2,.item3,.item4) {
    grid-template-rows:15px 15px!important;
    align-items:center!important;
    gap:2px 6px!important;
  }

  #pun #pun-stats .statscon ul.container>li:is(.item1,.item2,.item3,.item4)::before {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:static!important;
    float:none!important;
    width:18px!important;
    height:18px!important;
    font-size:18px!important;
    line-height:1!important;
    transform:none!important;
  }

  #pun #pun-stats .statscon ul.container>li:is(.item1,.item2,.item3,.item4)>span {
    margin:0!important;
    padding:0!important;
    min-width:0!important;
    line-height:1.3!important;
  }

  #pun #pun-stats .statscon ul.container>li:is(.item1,.item2,.item3,.item4)>strong {
    align-self:center!important;
    margin:0!important;
    padding:0!important;
  }

  #pun #pun-stats .statscon ul.container>li.item1::before {
    content:""!important;
  }

  #pun #pun-stats .statscon ul.container>li:is(.item1,.item2,.item3,.item4) {
    justify-content:center!important;
    text-align:center!important;
  }

  #pun #pun-stats .statscon ul.container>li:is(.item1,.item2,.item3,.item4)>span {
    text-align:center!important;
  }

  #pun #pun-stats .statscon ul.container>li:is(.item1,.item2,.item3,.item4)>strong {
    justify-self:center!important;
    text-align:center!important;
  }

  #pun #pun-searchtopics #pun-main.main>.forum>h2,#pun #pun-searchposts #pun-main.main>.topic>h2 {
    display:none!important;
  }

  #pun #pun-userlist #pun-main.main .usertable>h2,#pun #pun-userlist #pun-main.main h2:has(+.container table td.username),#pun #pun-userlist #pun-main.main h2:has(+table td.username) {
    display:none!important;
  }

  #pun #pun-main.main h2:has(>span.item1,>span.item2),#pun #pun-main.main .usertable>h2,#pun #pun-main.main h2:has(+.container table td.username),#pun #pun-main.main h2:has(+table td.username) {
    display:none!important;
  }

  #pun #pun-adnav #adnav-standard ul.adsubnav {
    display:none!important;
  }

  #pun #pun-adnav>h2 {
    padding:9px 10px!important;
    font-size:14px!important;
    line-height:1.3!important;
  }

  #pun #pun-adnav .adcontainer {
    padding:6px!important;
  }

  #pun #pun-adnav #adnav-standard>ul {
    gap:3px!important;
  }

  #pun #pun-adnav #adnav-standard>ul>li>a {
    height:auto!important;
    gap:6px!important;
    font-size:11px!important;
    line-height:1.3!important;
    border-radius:8px!important;
  }

  #pun #pun-adnav #adnav-standard>ul>li>a::before {
    font-size:16px!important;
    line-height:1!important;
  }

  #pun #pun-adnav #adnav-standard>ul>li:has(>sup.new)>a {
    padding-right:40px!important;
  }

  #pun #pun-adnav #adnav-standard>ul>li>sup.new {
    top:50%!important;
    transform:translateY(-50%)!important;
  }

  #pun #pun-adnav {
    width:190px!important;
  }

  #pun #pun-adnav #adnav-standard>ul>li>a {
    min-height:24px!important;
    padding:2px 8px!important;
  }

  #pun #pun-adnav {
    margin-right:16px!important;
  }

  #pun #pun-admain>.adformal {
    margin-left:26px!important;
  }

  #pun legend {
    border-radius:8px!important;
  }

  #pun #pun-profile #viewprofile #profile-right {
    grid-auto-flow:row!important;
  }

  #pun #pun-profile #viewprofile #profile-right>li {
    grid-row:auto!important;
    order:9!important;
  }

  #pun #pun-profile #viewprofile #profile-right>li:nth-child(1 of li:not(#pa-email):not(#pa-posts)) {
    order:1!important;
  }

  #pun #pun-profile #viewprofile #profile-right>li:nth-child(2 of li:not(#pa-email):not(#pa-posts)) {
    order:4!important;
  }

  #pun #pun-profile #viewprofile #profile-right>li:nth-child(3 of li:not(#pa-email):not(#pa-posts)) {
    order:2!important;
  }

  #pun #pun-profile #viewprofile #profile-right>li:nth-child(4 of li:not(#pa-email):not(#pa-posts)) {
    order:3!important;
  }

  #pun #pun-profile #viewprofile #profile-right>li:nth-child(5 of li:not(#pa-email):not(#pa-posts)) {
    order:5!important;
  }

  #pun #pun-profile #viewprofile #profile-right>li:nth-child(6 of li:not(#pa-email):not(#pa-posts)) {
    order:6!important;
  }

  #pun #pun-profile #viewprofile #profile-right>li#pa-email {
    order:7!important;
    grid-column:1/-1!important;
  }

  #pun #pun-profile #viewprofile #profile-right>li#pa-posts {
    order:8!important;
    grid-column:1/-1!important;
    align-items:center!important;
    text-align:center!important;
  }

  #pun #pun-profile #viewprofile #profile-right>li#pa-posts>:is(span,strong) {
    width:100%!important;
    text-align:center!important;
  }

  #pun #pun-profile #viewprofile #profile-right>li#pa-email {
    align-items:center!important;
    text-align:center!important;
  }

  #pun #pun-profile #viewprofile #profile-right>li#pa-email>:is(span,strong) {
    width:100%!important;
    text-align:center!important;
  }

  #pun #pun-admin_files #filetable .ft-tags {
    width:26%!important;
    white-space:nowrap!important;
  }

  #pun #pun-admin_files #filetable td.ft-tags>span {
    white-space:nowrap!important;
    overflow-wrap:normal!important;
  }

  #pun #pun-admin_files #filetable td.ft-tags .tag-edit {
    display:inline-block!important;
    vertical-align:middle!important;
    white-space:nowrap!important;
  }

  #pun .has-custom-header>#pun-title {
    display:none!important;
  }

  #pun #forum-header-layout {
    width:100%;
    min-width:0;
    margin:0 0 22px;
    font:13px/1.4 var(--font-body);
  }

  #forum-header-layout * {
    box-sizing:border-box;
  }

  #forum-header-layout .forum-header {
    position:relative;
    isolation:isolate;
    display:grid;
    grid-template-columns:minmax(0,2.1fr) minmax(260px,1fr);
    grid-template-rows:58px auto;
    gap:0;
    border-radius:26px;
  }

  #pun #forum-header-layout #pun-navlinks {
    position:static!important;
    float:none!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  #pun #forum-header-layout #pun-navlinks h2 {
    display:none!important;
  }

  #pun #forum-header-layout #pun-navlinks ul.container {
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-end!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important;
  }

  #pun #forum-header-layout #pun-navlinks li {
    flex:0 0 auto!important;
    margin:0!important;
  }

  #forum-header-layout .header-content {
    grid-column:1;
    grid-row:1/3;
    padding:13px;
    min-width:0;
  }

  #forum-header-layout .header-top {
    display:grid;
    grid-template-columns:minmax(160px,.85fr) minmax(0,1.5fr);
    gap:12px;
  }

  #forum-header-layout .header-context,#forum-header-layout .header-updates,#forum-header-layout .header-recent {
    border-radius:17px;
    position:relative;
    min-width:0;
    overflow:hidden;
  }

  #forum-header-layout .header-context {
    height:220px;
    padding:14px 12px 38px;
  }

  #forum-header-layout .header-context-text {
    height:100%;
    overflow:auto;
    padding-right:5px;
    line-height:1.35;
  }

  #forum-header-layout .header-context-link,#forum-header-layout .header-recent-title {
    position:absolute;
    bottom:0;
    right:0;
    padding:7px 18px;
    border-radius:12px 0 16px 0;
    font:600 11px/1.2 var(--font-ui);
    text-transform:uppercase;
  }

  #forum-header-layout .header-updates {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:9px;
    padding:10px;
    height:220px;
  }

  #forum-header-layout #header-slideshow,#forum-header-layout .slideshow-container {
    min-width:0;
    height:100%;
    position:relative;
    overflow:hidden;
    border-radius:8px;
  }

  #forum-header-layout .header-slide {
    height:100%;
    width:100%;
  }

  #forum-header-layout .header-slide a {
    display:block;
    height:100%;
  }

  #forum-header-layout .header-slide img {
    display:block;
    width:100%!important;
    height:100%!important;
    object-fit:cover;
  }

  #forum-header-layout .header-slide-controls {
    position:absolute;
    right:8px;
    bottom:8px;
    display:flex;
    gap:5px;
  }

  #forum-header-layout .header-slide-dot {
    width:9px;
    height:9px;
    display:block;
    border-radius:50%;
    cursor:pointer;
  }

  #forum-header-layout .header-news {
    overflow:auto;
    min-width:0;
  }

  #forum-header-layout .header-news-row {
    display:flex;
    gap:5px;
    margin-bottom:5px;
  }

  #forum-header-layout .header-news-date {
    flex:0 0 34px;
    text-align:center;
    border-radius:6px;
    font:600 10px/1.1 var(--font-ui);
    text-transform:uppercase;
  }

  #forum-header-layout .header-news-row>a {
    flex:1;
    min-width:0;
  }

  #forum-header-layout .header-news-text {
    padding:4px 5px;
    border-radius:6px;
    font:500 10px/1.2 var(--font-ui);
  }

  #forum-header-layout .header-news-text span {
    font:10px/1.2 var(--font-body);
  }

  #forum-header-layout .header-bottom {
    display:grid;
    gap:12px;
    margin-top:12px;
  }

  #forum-header-layout .header-staff {
    display:grid;
    gap:8px;
    min-width:0;
  }

  #forum-header-layout .header-staff-lead {
    grid-row:1/3;
    border-radius:14px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    position:relative;
  }

  #forum-header-layout .header-staff-title {
    font:700 14px/1.1 var(--font-ui);
  }

  #forum-header-layout .header-staff-caption {
    padding:5px;
    border-radius:8px;
    font:10px/1.1 var(--font-ui);
  }

  #forum-header-layout .header-staff-card {
    border-radius:12px;
    position:relative;
  }

  #forum-header-layout .header-staff-overlay {
    position:absolute;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:center;
    opacity:0;
    transition:opacity .2s;
  }

  #forum-header-layout .header-staff-card:hover .header-staff-overlay,#forum-header-layout .header-staff-card:focus-within .header-staff-overlay {
    opacity:1;
  }

  #forum-header-layout .header-staff-message {
    display:inline-block;
    padding:3px 5px;
    border-radius:5px;
    font:10px/1.2 var(--font-ui);
  }

  #forum-header-layout .header-recent {
    padding:10px 10px 28px;
  }

  #forum-header-layout .header-recent-scroll {
    overflow:auto!important;
  }

  #forum-header-layout .mod-recent-row {
    margin-bottom:9px;
    font-size:11px;
    line-height:1.25;
  }

  #forum-header-layout .mod-recent-info {
    display:block;
  }

  #forum-header-layout .header-aside {
    grid-column:2;
    grid-row:2;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:16px;
    min-width:0;
  }

  #forum-header-layout .header-registration {
    display:none;
  }

  #pun #forum-header-layout #pun-navlinks.header-navigation {
    grid-column:2;
    grid-row:1;
    align-self:start;
    border-radius:0 0 0 24px;
    z-index:3;
  }

  #forum-header-layout .header-bottom {
    grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
  }

  #forum-header-layout .header-staff {
    grid-template-columns:112px repeat(3,minmax(0,1fr));
    grid-template-rows:92px 92px;
  }

  #forum-header-layout .header-staff-lead {
    min-height:192px;
  }

  #forum-header-layout .header-staff-card {
    overflow:visible;
  }

  #forum-header-layout .header-staff-overlay {
    inset:0;
    padding:5px;
    gap:4px;
    border-radius:10px;
    z-index:2;
    font:11px/1.2 var(--font-ui);
    overflow-wrap:normal;
    word-break:normal;
  }

  #forum-header-layout .header-staff-overlay br {
    display:none;
  }

  #forum-header-layout .header-staff-overlay>a:first-child {
    font:600 12px/1.2 var(--font-ui);
  }

  #forum-header-layout .header-staff-overlay>span {
    font:10px/1.2 var(--font-ui);
  }

  #forum-header-layout .header-staff-card:hover,#forum-header-layout .header-staff-card:focus-within {
    z-index:4;
  }

  #forum-header-layout .header-recent {
    height:192px;
  }

  #forum-header-layout .header-recent-scroll {
    height:152px!important;
  }

  #forum-header-layout .header-activity {
    display:flex;
    flex-direction:column;
    gap:14px;
    width:100%;
  }

  #forum-header-layout .header-activity-title {
    margin-bottom:7px;
    padding:5px 9px;
    border-radius:8px;
    font:600 11px/1.3 var(--font-ui);
  }

  #forum-header-layout .header-activity-members {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:8px;
  }

  #forum-header-layout .header-activity-member {
    display:block;
    aspect-ratio:1;
    min-width:0;
    overflow:hidden;
    border-radius:9px;
  }

  #forum-header-layout .header-activity-avatar {
    display:block;
    width:100%;
    height:100%;
  }

  #forum-header-layout .header-activity-empty {
    opacity:.55;
  }

  #forum-header-layout .header-activity-member img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
  }

  #pun:has(#forum-header-layout) #pun-title.section {
    display:none!important;
  }

  #forum-header-layout .forum-header {
    min-height:450px;
  }

  #forum-header-layout .header-fireflies {
    position:absolute;
    inset:0;
    overflow:hidden;
    border-radius:inherit;
    pointer-events:none;
    z-index:0;
  }

  #forum-header-layout .header-firefly {
    position:absolute;
    width:var(--light-size);
    height:var(--light-size);
    border-radius:50%;
    animation:header-firefly-flight var(--flight-time) var(--flight-delay) ease-in-out infinite;
  }

  @keyframes header-firefly-flight {
    0%,100% {
      transform:translate3d(var(--fly-x1, 0px), var(--fly-y1, 0px), 0);
      opacity:.65;
    }

    33% {
      transform:translate3d(var(--fly-x2, 0px), var(--fly-y2, 0px), 0);
      opacity:1;
    }

    66% {
      transform:translate3d(var(--fly-x3, 0px), var(--fly-y3, 0px), 0);
      opacity:.8;
    }
  }

  #pun #forum-header-layout .header-title-toggle {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-end;
    position:relative;
    grid-column:1;
    grid-row:1;
    z-index:2;
    cursor:pointer;
    width:100%;
    padding:8px 16px!important;
    font:700 32px/1.1 var(--font-body);
    text-align:center;
  }

  #forum-header-layout .header-title-toggle small {
    display:block;
    margin-top:10px;
    font:500 11px/1.4 var(--font-ui);
    letter-spacing:2px;
  }

  #pun #forum-header-layout .header-interactive:not(.header-expanded) .header-title-toggle {
    position:absolute;
    inset:0;
    padding:25px!important;
  }

  #forum-header-layout .header-interactive:not(.header-expanded)>:is(.header-content,.header-aside) {
    display:none!important;
  }

  #pun #forum-header-layout .header-interactive:not(.header-expanded)>#pun-navlinks {
    display:none!important;
  }

  #forum-header-layout .header-expanded .header-content {
    grid-row:2;
    position:relative;
    z-index:1;
  }

  #forum-header-layout .header-aside {
    position:relative;
    z-index:1;
  }

  #forum-header-layout .header-world-menu {
    display:flex;
    flex-direction:column;
    gap:5px;
    min-width:0;
    overflow:auto;
    padding:4px;
  }

  #forum-header-layout .header-world-title {
    font:600 12px/1.3 var(--font-ui);
    margin-bottom:4px;
    text-align:center;
  }

  #forum-header-layout .header-world-menu a {
    display:block;
    padding:6px 9px;
    border-radius:7px;
    font:500 11px/1.25 var(--font-ui);
    transition:background .2s;
  }

  #pun #forum-header-layout .header-title-toggle:focus-visible {
    outline-offset:-6px;
    border-radius:20px;
  }

  @media (prefers-reduced-motion:reduce) {
    #forum-header-layout .header-firefly {
      animation:none;
      transform:translate3d(var(--fly-x1, 0px), var(--fly-y1, 0px), 0);
      opacity:.8;
    }
  }

  #pun #forum-header-layout .header-title-toggle {
    transition:opacity .42s ease,filter .42s ease;
  }

  #pun #forum-header-layout .header-opening>.header-title-toggle {
    opacity:0;
    pointer-events:none;
  }

  #forum-header-layout .header-expanded>:is(.header-content,.header-aside),#pun #forum-header-layout .header-expanded>#pun-navlinks {
    animation:header-content-enter .7s ease both;
    transition:opacity .35s ease,transform .35s ease;
  }

  #forum-header-layout .header-expanded>.header-aside {
    animation-delay:.08s;
  }

  #pun #forum-header-layout .header-expanded>.header-title-toggle {
    animation:header-content-enter .7s ease both;
  }

  #forum-header-layout .header-expanded>.header-title-toggle>small {
    margin:0;
    letter-spacing:1px;
  }

  #forum-header-layout .header-closing>:is(.header-content,.header-aside),#pun #forum-header-layout .header-closing>:is(#pun-navlinks,.header-title-toggle) {
    animation:none!important;
    opacity:0;
    transform:translateY(6px);
  }

  #pun #forum-header-layout .header-interactive:not(.header-expanded):not(.header-opening)>.header-title-toggle {
    animation:header-title-enter .65s ease both;
  }

  @keyframes header-content-enter {
    from {
      opacity:0;
      transform:translateY(10px);
    }

    to {
      opacity:1;
      transform:translateY(0);
    }
  }

  @media (prefers-reduced-motion:reduce) {
    #pun #forum-header-layout .header-title-toggle,#forum-header-layout .header-expanded>:is(.header-content,.header-aside),#pun #forum-header-layout .header-expanded>#pun-navlinks {
      animation:none!important;
      transition:none!important;
    }
  }

  #forum-header-layout .header-expanded>.header-title-toggle>span {
    display:block;
  }

  #forum-header-layout .header-title-toggle>small {
    display:none!important;
  }

  #pun #forum-header-layout .forum-header>#pun-navlinks.header-navigation {
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    animation:none!important;
    transition:none!important;
    transform:none!important;
    pointer-events:auto!important;
    z-index:5;
  }

  #forum-header-layout .header-expanded {
    grid-template-columns:minmax(0,2.1fr) minmax(260px,1fr);
    grid-template-rows:58px 220px auto;
    gap:12px 0;
  }

  #forum-header-layout .header-expanded :is(.header-content,.header-top,.header-bottom) {
    display:contents;
  }

  #forum-header-layout .header-expanded .header-context {
    grid-column:1;
    grid-row:2;
    width:calc(42% - 19px);
    margin-left:13px;
    height:220px;
    z-index:1;
  }

  #forum-header-layout .header-expanded .header-recent {
    grid-column:1;
    grid-row:2;
    width:calc(58% - 19px);
    justify-self:end;
    margin-right:13px;
    height:220px;
    z-index:1;
  }

  #forum-header-layout .header-expanded .header-updates {
    grid-column:2;
    grid-row:2;
    margin:0 13px 0 0;
    z-index:1;
  }

  #forum-header-layout .header-expanded .header-staff {
    grid-column:1;
    grid-row:3;
    margin:0 13px 13px;
    z-index:1;
  }

  #forum-header-layout .header-expanded .header-aside {
    grid-column:2;
    grid-row:3;
    padding:0 13px 13px 0;
  }

  #forum-header-layout .header-expanded .header-world-menu {
    font-size:11px;
  }

  #forum-header-layout .header-expanded .header-content {
    animation:none;
  }

  #forum-header-layout .header-expanded :is(.header-context,.header-recent,.header-updates,.header-staff) {
    animation:header-content-enter .7s ease both;
    transition:opacity .35s ease,transform .35s ease;
  }

  #forum-header-layout .header-closing :is(.header-context,.header-recent,.header-updates,.header-staff) {
    animation:none!important;
    opacity:0;
    transform:translateY(6px);
  }

  #forum-header-layout .header-staff-lead {
    padding:0;
    overflow:hidden;
  }

  #forum-header-layout .header-staff-lead>img {
    display:block;
    width:100%;
    height:100%;
    min-height:192px;
    object-fit:cover;
    object-position:center top;
    border-radius:14px;
  }

  @media (prefers-reduced-motion:reduce) {
    #forum-header-layout .header-expanded :is(.header-context,.header-recent,.header-updates,.header-staff) {
      animation:none!important;
      transition:none!important;
    }
  }

  #forum-header-layout .header-expanded :is(.header-context,.header-recent,.header-updates) {
    min-height:0;
    max-height:194px;
  }

  #forum-header-layout .header-expanded .header-staff {
    min-height:0;
  }

  #forum-header-layout .header-expanded .header-staff-lead {
    height:173px;
    min-height:0;
  }

  #forum-header-layout .header-expanded .header-staff-lead>img {
    height:173px;
    min-height:0;
  }

  #forum-header-layout .header-expanded .header-aside {
    min-height:0;
  }

  #forum-header-layout .header-updates>.header-news {
    grid-column:1;
    grid-row:1;
  }

  #forum-header-layout .header-updates>.header-world-menu {
    grid-column:2;
    grid-row:1;
  }

  #forum-header-layout .header-news-row {
    align-items:flex-start;
  }

  #forum-header-layout .header-news-date {
    height:34px;
    min-height:34px;
    max-height:34px;
    align-self:flex-start;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:4px 3px;
    line-height:1.1;
  }

  #pun #forum-header-layout .forum-header,#pun #forum-header-layout .header-expanded {
    grid-template-columns:minmax(0,1.65fr) minmax(340px,1fr)!important;
  }

  #forum-header-layout .header-expanded .header-world-menu {
    padding:3px 0;
  }

  #pun #forum-header-layout #pun-navlinks.header-navigation {
    width:100%!important;
    justify-self:stretch!important;
    padding:0 10px 10px!important;
    position:relative!important;
  }

  #pun #forum-header-layout #pun-navlinks.header-navigation::after {
    position:absolute;
    top:0;
    bottom:-1px;
    right:-1px;
    width:2px;
  }

  #pun #forum-header-layout #pun-navlinks.header-navigation {
    border-radius:0 0 0 24px!important;
  }

  #pun #forum-header-layout #pun-navlinks.header-navigation::after {
    position:absolute!important;
    top:0!important;
    bottom:0!important;
    right:0!important;
    width:2px!important;
    pointer-events:none;
  }

  #pun #forum-header-layout .forum-header>#pun-navlinks.header-navigation {
    margin-right:-2px!important;
  }

  #pun #forum-header-layout #pun-navlinks.header-navigation::after {
    content:none!important;
    display:none!important;
  }

  #pun #forum-header-layout .forum-header {
    height:350px!important;
    min-height:350px!important;
    max-height:350px!important;
  }

  #pun #forum-header-layout .header-expanded {
    grid-template-rows:40px 150px 142px!important;
    row-gap:9px!important;
  }

  #forum-header-layout .header-expanded :is(.header-context,.header-recent,.header-updates) {
    height:150px!important;
    max-height:150px!important;
    border-radius:13px;
  }

  #forum-header-layout .header-expanded .header-context {
    padding:10px 9px 28px;
    font-size:11px;
    line-height:1.3;
  }

  #forum-header-layout .header-expanded .header-context-text {
    line-height:1.3;
    text-align:justify;
  }

  #forum-header-layout .header-expanded .header-recent {
    padding:8px 8px 25px;
  }

  #forum-header-layout .header-expanded .header-recent-scroll {
    height:117px!important;
  }

  #forum-header-layout .header-expanded .mod-recent-row {
    font-size:12px;
    margin-bottom:7px;
    padding:var(--partners-gap);
    border-radius:var(--radius-10px);
  }

  #forum-header-layout .header-expanded :is(.header-context-link,.header-recent-title) {
    padding:6px 12px;
    font-size:10px;
    border-radius:9px 0 12px 0;
    z-index:9;
  }

  #forum-header-layout .header-expanded .header-updates {
    padding:7px;
    gap:6px;
    grid-template-columns:minmax(0,1fr) 98px;
  }

  #forum-header-layout .header-expanded .header-news-row {
    gap:4px;
    margin-bottom:4px;
  }

  #forum-header-layout .header-expanded .header-news-date {
    flex-basis:28px;
    height:28px;
    min-height:28px;
    max-height:28px;
    font-size:9px;
    padding:3px 2px;
  }

  #forum-header-layout .header-expanded .header-news-text {
    padding:3px 4px;
    font-size:11px;
  }

  #forum-header-layout .header-expanded .header-news-text span {
    font-size:11px;
  }

  #forum-header-layout .header-expanded .header-world-menu {
    gap:4px;
  }

  #forum-header-layout .header-expanded .header-world-title {
    font-size:12px;
    margin-bottom:2px;
  }

  #forum-header-layout .header-expanded .header-world-menu a {
    font-size:12px;
    padding:4px 6px;
  }

  #forum-header-layout .header-expanded .header-staff {
    height:133px;
    grid-template-columns:101px repeat(3,minmax(0,1fr));
    grid-template-rows:63px 63px;
    gap:7px;
    margin-bottom:9px;
  }

  #forum-header-layout .header-expanded .header-staff-lead,#forum-header-layout .header-expanded .header-staff-lead>img {
    height:133px;
    min-height:0;
  }

  #forum-header-layout .header-expanded .header-staff-card {
    border-radius:var(--radius-10px);
  }

  #forum-header-layout .header-expanded .header-staff-overlay {
    font-size:9px;
    gap:2px;
    padding:3px;
  }

  #forum-header-layout .header-expanded .header-staff-overlay>a:first-child {
    font-size:10px;
  }

  #forum-header-layout .header-expanded .header-staff-overlay>span {
    font-size:9px;
  }

  #forum-header-layout .header-expanded .header-staff-message {
    font-size:9px;
    padding:2px 4px;
  }

  #forum-header-layout .header-expanded .header-aside {
    height:142px;
    padding-bottom:9px;
  }

  #forum-header-layout .header-expanded .header-activity {
    gap:6px;
  }

  #forum-header-layout .header-expanded .header-activity-title {
    font-size:11px;
    padding:3px 7px;
    margin-bottom:4px;
  }

  #forum-header-layout .header-expanded .header-activity-members {
    gap:6px;
  }

  #forum-header-layout .header-expanded .header-activity-member {
    aspect-ratio:auto;
    height:40px;
    border-radius:7px;
  }

  #pun #forum-header-layout #pun-navlinks.header-navigation {
    padding-bottom:6px!important;
  }

  #pun #forum-header-layout #pun-navlinks li a {
    width:34px!important;
    height:34px!important;
    border-radius:11px!important;
  }

  #pun #forum-header-layout #pun-navlinks li a::before {
    font-size:18px;
  }

  #pun #forum-header-layout .header-expanded>.header-title-toggle {
    font-size:23px;
  }

  #pun #forum-header-layout .header-interactive:not(.header-expanded) .header-title-toggle {
    font-size:clamp(47px,5vw,84px);
  }

  #pun [id="forum-header-layout"]:not([data-header-version="fantasy-v2"]) {
    display:none!important;
  }

  #pun [id="forum-header-layout"][data-header-version="fantasy-v2"]:not(.header-ready) {
    visibility:hidden;
  }

  #pun #forum-header-layout .header-expanded .header-aside .header-activity {
    display:flex!important;
    flex-direction:column!important;
  }

  #pun #forum-header-layout .header-activity-members {
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
  }

  #pun #forum-header-layout :is(#header-slideshow,.slideshow-container,.header-slide,.header-slide-controls) {
    display:none!important;
  }

  @keyframes header-content-exit {
    from {
      opacity:1;
      transform:translateY(0);
    }

    to {
      opacity:0;
      transform:translateY(6px);
    }
  }

  #pun #forum-header-layout .header-closing>:is(.header-title-toggle,.header-aside) {
    animation:header-content-exit .6s ease both!important;
    transition:none!important;
  }

  #pun #forum-header-layout .header-closing :is(.header-context,.header-recent,.header-updates,.header-staff) {
    animation:header-content-exit .6s ease both!important;
    transition:none!important;
  }

  @media (prefers-reduced-motion:reduce) {
    #pun #forum-header-layout .header-closing>:is(.header-title-toggle,.header-content,.header-aside),#pun #forum-header-layout .header-closing :is(.header-context,.header-recent,.header-updates,.header-staff) {
      animation:none!important;
      transition:none!important;
    }
  }

  #pun #forum-header-layout #pun-navlinks .header-theme-item {
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center;
    order:100;
  }

  #pun #forum-header-layout #pun-navlinks .index-theme {
    display:flex!important;
    position:static!important;
    margin:0!important;
    padding:0!important;
    width:auto!important;
  }

  #pun #forum-header-layout #pun-navlinks .index-theme button {
    display:flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    padding:0!important;
    margin:0!important;
    border-radius:12px;
    cursor:pointer;
    flex:0 0 auto;
  }

  #pun #forum-header-layout #pun-navlinks .index-theme button span {
    font-size:21px;
    line-height:1;
  }

  #pun #forum-header-layout #pun-navlinks .index-theme button:focus-visible {
    outline-offset:2px;
  }

  #pun #forum-header-layout .header-world-menu {
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-right:10px!important;
    scrollbar-gutter:stable;
    box-sizing:border-box;
  }

  #pun #forum-header-layout .header-world-menu>a {
    flex:0 0 auto;
  }

  #pun #forum-header-layout .header-expanded .header-updates {
    grid-template-columns:minmax(0,1fr) 132px!important;
    grid-template-rows:minmax(0,1fr)!important;
  }

  #pun #forum-header-layout .header-expanded .header-world-menu {
    width:100%!important;
    max-height:100%!important;
    align-self:stretch;
    padding:3px 10px 3px 0!important;
  }

  #pun #forum-header-layout {
    margin-top:20px!important;
  }

  html body #ToTop.go-up {
    top:calc(50% - var(--scroll-button-size, 38px) - 4px)!important;
    bottom:auto!important;
  }

  html body #OnBottom.go-down {
    top:calc(50% + 4px)!important;
    bottom:auto!important;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr::after {
    left:0!important;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr::before {
    justify-self:center;
    max-width:100%;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) #pun-main.main .forum tbody .tcr>.user-avatar {
    width:128px!important;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) #pun-main.main .forum tbody .tcr>.user-avatar .avatar-image,#pun :is(#pun-viewforum,#pun-searchtopics) #pun-main.main .forum tbody .tcr>.user-avatar img {
    object-position:35% 30%!important;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum :is(.closedatafield,.stickytext) {
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    display:inline-block!important;
    position:relative!important;
    width:25px!important;
    height:25px!important;
    padding:0!important;
    vertical-align:middle!important;
    line-height:25px!important;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum :is(.closedatafield,.stickytext)::before {
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    display:block!important;
    width:17px!important;
    height:17px!important;
    line-height:17px!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum .stickytext {
    text-indent:0!important;
    overflow:hidden!important;
    transform:none!important;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum .stickytext::before {
    content:"\f0a1 "!important;
    inset:0!important;
    transform:none!important;
    width:100%!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    text-indent:0!important;
    font:900 17px/1 var(--fa)!important;
    letter-spacing:normal!important;
    text-transform:none!important;
    float:none!important;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum .stickytext::after {
    content:none!important;
    display:none!important;
  }

  #pun #pun-viewforum .forum tbody tr {
    grid-template-columns:97px minmax(0,1fr) auto auto 270px!important;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody tr::before {
    box-sizing:border-box!important;
    padding:5px!important;
    align-self:center!important;
    justify-self:start!important;
    width:64px!important;
    height:64px!important;
    margin:10px 0 10px 10px!important;
    border-radius:17px!important;
  }

  #pun #pun-searchtopics .forum tbody td.tc2:has(>a[href*="viewforum.php"])::before {
    content:none!important;
    display:none!important;
  }

  #pun #pun-searchtopics .forum tbody td.tc2>a[href*="viewforum.php"] {
    font-weight:500!important;
    text-decoration:none!important;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) .forum tbody td.tc3::before {
    content:"\f303 "!important;
    display:inline-block!important;
    font:900 14px/1 var(--fa)!important;
    text-transform:none!important;
    letter-spacing:normal!important;
    margin-right:4px!important;
    vertical-align:middle;
  }

  #pun #forum-header-layout .forum-header {
    --header-split:calc(100% * 1.65 / 2.65);
  }

  #pun #forum-header-layout .forum-header::before,#pun #forum-header-layout .forum-header::after {
    content:""!important;
    display:block!important;
    position:absolute!important;
    pointer-events:none!important;
    z-index:-1!important;
  }

  #pun #forum-header-layout .forum-header::before {
    left:0;
    top:0;
    bottom:0;
    width:var(--header-split);
    border-radius:26px 26px 0 26px;
  }

  #pun #forum-header-layout .forum-header::after {
    left:var(--header-split);
    right:0;
    top:48px;
    bottom:0;
    border-radius:0 26px 26px 0;
  }

  #pun #forum-header-layout .forum-header>#pun-navlinks.header-navigation {
    height:42px!important;
  }

  #pun #forum-header-layout #pun-navlinks.header-navigation::before,#pun #forum-header-layout #pun-navlinks.header-navigation::after {
    content:none!important;
    display:none!important;
  }

  #pun #forum-header-layout #pun-navlinks.header-navigation ul.container {
    align-items:center!important;
    justify-content:center!important;
    height:32px!important;
    border-radius:0!important;
  }

  #pun #forum-header-layout .forum-header>#pun-navlinks.header-navigation {
    justify-self:start!important;
    box-sizing:border-box!important;
    padding-left:34px!important;
    padding-right:34px!important;
  }

  #pun #forum-header-layout .forum-header::after {
    bottom:0!important;
  }

  #pun #forum-header-layout .forum-header>#pun-navlinks.header-navigation {
    position:relative!important;
    overflow:visible!important;
  }

  #pun #forum-header-layout .forum-header>#pun-navlinks.header-navigation::before {
    content:""!important;
    display:block!important;
    position:absolute!important;
    right:auto!important;
    bottom:auto!important;
    pointer-events:none!important;
    border-radius:0!important;
  }

  #pun #forum-header-layout .forum-header::before {
    width:calc(var(--header-split) + 1px)!important;
    border-radius:26px 26px 0 26px!important;
  }

  #pun #forum-header-layout .forum-header::after {
    left:var(--header-split)!important;
    top:42px!important;
    border-radius:0 26px 26px 0!important;
  }

  #pun #forum-header-layout .forum-header>#pun-navlinks.header-navigation {
    width:calc(100% + 24px)!important;
    max-width:none!important;
    margin:0-24px 0 0!important;
    padding:5px 34px 5px 10px!important;
    border-radius:0 0 0 26px!important;
  }

  #pun #forum-header-layout .forum-header>#pun-navlinks.header-navigation::before {
    top:16px!important;
    left:0!important;
    z-index:-1!important;
    width:26px!important;
    height:26px!important;
  }

  #pun #forum-header-layout .forum-header::after {
    right:-1px!important;
  }

  #pun #forum-header-layout,#pun #forum-header-layout .forum-header {
    overflow:visible!important;
    clip-path:none!important;
  }

  #pun #forum-header-layout .forum-header {
    left:var(--header-pixel-shift,0px)!important;
  }

  :root {
    --world-drawer-width:280px;
    --world-drawer-rail-width:52px;
  }

  .world-drawer {
    position:fixed;
    left:12px;
    top:90px;
    bottom:24px;
    width:var(--world-drawer-rail-width);
    z-index:150;
    box-sizing:border-box;
    padding:8px;
    border-radius:24px;
    overflow:visible;
    transition:width .4s ease;
    font:13px/1.45 var(--font-ui);
  }

  .world-drawer * {
    box-sizing:border-box;
  }

  .world-drawer.is-open {
    width:var(--world-drawer-width);
  }

  .world-drawer-toggle {
    position:absolute;
    right:-14px;
    top:16px;
    width:28px;
    height:28px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    cursor:pointer;
  }

  .world-drawer-rail {
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-top:46px;
    overflow:hidden;
  }

  .world-drawer-rail a {
    display:flex;
    align-items:center;
    gap:10px;
    min-height:34px;
    padding:5px;
    border-radius:12px;
    text-decoration:none;
    white-space:nowrap;
  }

  .world-drawer-rail [class*="symbols-outlined"] {
    font-size:24px;
    flex:0 0 24px;
  }

  .world-drawer-label {
    opacity:0;
    transition:opacity .25s ease;
  }

  .world-drawer.is-open .world-drawer-label {
    opacity:1;
  }

  .world-drawer-content {
    margin-top:14px;
    max-height:calc(100% - 320px);
    overflow:auto;
    padding-right:5px;
    opacity:0;
    transition:opacity .3s ease;
  }

  .world-drawer-content[hidden] {
    display:none;
  }

  .world-drawer.is-open .world-drawer-content {
    opacity:1;
  }

  .world-drawer-card {
    padding:12px;
    margin-bottom:10px;
    border-radius:14px;
  }

  .world-drawer-card h3 {
    font:600 14px/1.3 var(--font-ui);
    margin:0 0 7px;
  }

  .world-drawer-card p {
    margin:0 0 8px;
  }

  .world-drawer :is(a,button):focus-visible {
    outline-offset:2px;
  }

  html.has-world-drawer #pun_wrap {
    margin-left:76px!important;
    width:calc(100% - 76px)!important;
    transition:margin-left .4s ease,width .4s ease;
  }

  html.world-drawer-open #pun_wrap {
    margin-left:304px!important;
    width:calc(100% - 304px)!important;
  }

  @media (prefers-reduced-motion:reduce) {
    .world-drawer,.world-drawer-label,.world-drawer-content,html.has-world-drawer #pun_wrap {
      transition:none!important;
    }
  }

  html.has-world-drawer #pun_wrap,html.world-drawer-open #pun_wrap {
    margin-left:0!important;
    width:100%!important;
    transition:none!important;
  }

  html.has-world-drawer #pun {
    position:relative!important;
    left:0!important;
    transition:left .4s ease;
  }

  html.world-drawer-open #pun {
    left:calc((var(--world-drawer-width) - var(--world-drawer-rail-width))/2)!important;
  }

  html.has-world-drawer .world-drawer {
    transition:width .4s ease,left .4s ease;
  }

  @media (prefers-reduced-motion:reduce) {
    html.has-world-drawer #pun {
      transition:none!important;
    }
  }

  html.has-world-drawer .world-drawer {
    top:var(--world-drawer-top,54px);
  }

  .world-drawer:not([data-positioned="true"]) {
    visibility:hidden!important;
    pointer-events:none!important;
  }

  .world-drawer:not([data-animated="true"]) {
    transition:none!important;
  }

  html.has-world-drawer .world-drawer {
    left:calc(var(--world-drawer-forum-left,calc(50vw - 550px)) - var(--world-drawer-rail-width) - 15px);
  }

  html.world-drawer-open .world-drawer {
    left:calc(var(--world-drawer-forum-left,calc(50vw - 550px)) + (var(--world-drawer-width) - var(--world-drawer-rail-width))/2 - var(--world-drawer-width) - 15px);
  }

  html.has-world-drawer .world-drawer {
    bottom:20px;
  }

  #pun #forum-header-layout .header-updates,#forum-header-layout .header-updates {
    grid-template-columns:minmax(0,1fr)!important;
  }

  #pun #forum-header-layout .header-updates>.header-news,#forum-header-layout .header-updates>.header-news {
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
  }

  #forum-header-layout .header-world-menu {
    display:none!important;
  }

  .world-drawer-launcher {
    position:fixed;
    left:10px;
    z-index:160;
    width:36px;
    height:36px;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    cursor:pointer;
  }

  .world-drawer-launcher:focus-visible {
    outline-offset:2px;
  }

  #world-drawer[hidden] {
    display:none!important;
  }

  .world-drawer-launcher {
    top:60px;
  }

  #pun #pun-index .category tbody tr h3::before {
    content:""!important;
    position:absolute;
    z-index:2;
    left:0;
    top:-22px;
    width:52px;
    height:56px;
    margin:0;
    opacity:var(--topic-read-opacity)!important;
    pointer-events:none;
  }

  #pun #pun-index .category tbody tr.inew h3::before,#pun #pun-index .category tbody tr:has(.icon.inew) h3::before {
    opacity:var(--topic-new-opacity)!important;
  }

#pun #pun-index .category tbody tr.inew h3 > a::before,
#pun #pun-index .category tbody tr:has(.icon.inew) h3 > a::before {
  content: "" !important;
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-right: var(--space-6px);
  vertical-align: middle;
  background-color: currentColor;
  -webkit-mask: url("https://forumstatic.ru/files/001c/25/f9/93460.svg") center / contain no-repeat;
  mask: url("https://forumstatic.ru/files/001c/25/f9/93460.svg") center / contain no-repeat;
}

  #pun #pun-index .category tbody tr:nth-child(odd) h3::before {
    display:none!important;
  }

  #pun #pun-index .category tbody tr:nth-child(even) h3::before {
    display:block!important;
  }

  #pun #pun-index .category tbody tr:nth-child(4n) h3::before {
    transform:scaleX(-1);
  }

  #pun #pun-index .category tbody tr h3::before {
    display:none!important;
  }

  #pun #pun-index .category tbody tr:nth-child(even)::before {
    content:"";
    position:absolute;
    z-index:2;
    bottom:0;
    top:auto;
    width:52px;
    height:56px;
    opacity:var(--topic-read-opacity)!important;
    pointer-events:none;
  }

  #pun #pun-index .category tbody tr.inew:nth-child(even)::before,#pun #pun-index .category tbody tr:nth-child(even):has(.icon.inew)::before {
    opacity:var(--topic-new-opacity)!important;
  }

  #pun #pun-index .category tbody tr:nth-child(4n)::before {
    transform:scaleX(-1);
  }

  #pun #pun-index .category tbody tr:nth-child(n) h3::before {
    content:none!important;
    display:none!important;
  }

  #pun #pun-index .category tbody tr:nth-child(even)::before {
    left:11px;
  }

  #pun #pun-viewtopic .post-author .pa-respect>a::before,#pun #pun-viewtopic .post-author .pa-respect>a::after {
    content:none!important;
    display:none!important;
  }

  #pun #pun-viewtopic .post-author .pa-respect>a img {
    display:none!important;
  }

  [class*="symbols-outlined"] {
    font-size:0!important;
    letter-spacing:0!important;
  }

  [class*="symbols-outlined"]::before {
    font:900 21px/1 var(--fa)!important;
    display:inline-block;
    content:"\f14e ";
    text-transform:none;
  }

  .world-drawer-toggle [class*="symbols-outlined"]::before {
    content:"\f054 ";
  }

  .world-drawer.is-open .world-drawer-toggle [class*="symbols-outlined"]::before {
    content:"\f053 ";
  }

  .world-drawer-rail a[href*="page=plot"] [class*="symbols-outlined"]::before {
    content:"\f518 ";
  }

  .world-drawer-rail a[href*="page=timeline"] [class*="symbols-outlined"]::before {
    content:"\f1da ";
  }

  .world-drawer-rail a[href*="page=world"] [class*="symbols-outlined"]::before {
    content:"\f0ac ";
  }

  .world-drawer-rail a[href*="page=factions"] [class*="symbols-outlined"]::before {
    content:"\f3ed ";
  }

  .world-drawer-rail a[href*="page=characters"] [class*="symbols-outlined"]::before {
    content:"\f007 ";
  }

  #pun .index-theme button [class*="symbols-outlined"]::before {
    content:"\f186 ";
  }

  html[data-theme="dark"] #pun .index-theme button [class*="symbols-outlined"]::before {
    content:"\f185 ";
  }

  #pun .fs-box,#pun #main-reply {
    text-align:justify!important;
  }

  #pun #forum-header-layout .header-staff-lead>img {
    display:none!important;
  }

  #pun #pun-viewtopic #pun-main .post .post-author>ul {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-areas:none!important;
  }

  #pun #pun-viewtopic #pun-main .post .post-author>ul>li {
    grid-area:auto!important;
    grid-column:1/-1!important;
  }

  #pun #pun-viewtopic #pun-main .post .post-author>ul>.pa-posts {
    grid-area:auto!important;
    grid-column:1!important;
    grid-row:4!important;
  }

  #pun #pun-viewtopic #pun-main .post .post-author>ul>.pa-respect {
    grid-area:auto!important;
    grid-column:2!important;
    grid-row:4!important;
  }

  #pun #viewprofile table tr {
    align-items:stretch!important;
  }

  #pun #viewprofile #profile-left {
    align-self:stretch!important;
    height:auto!important;
  }

  #pun #pun-navlinks ul.container>li>a::before,#pun #pun-ulinks.section ul.container>li>a::before {
    font-family:var(--fa)!important;
    font-weight:900!important;
    font-style:normal!important;
    font-variant:normal!important;
    letter-spacing:normal!important;
    text-transform:none!important;
  }

  #pun #pun-navlinks #navindex a::before {
    content:"\f015 "!important;
  }

  #pun #pun-navlinks #navuserlist a::before {
    content:"\f0c0 "!important;
  }

  #pun #pun-navlinks #navsearch a::before {
    content:"\f002 "!important;
  }

  #pun #pun-navlinks #navprofile a::before {
    content:"\f2bd "!important;
  }

  #pun #pun-navlinks #navpm a::before {
    content:"\f0e0 "!important;
  }

  #pun #pun-navlinks #navadmin a::before {
    content:"\f505 "!important;
  }

  #pun #pun-navlinks #navlogout a::before {
    content:"\f2f5 "!important;
  }

  #pun #pun-navlinks #navlogin a::before {
    content:"\f2f6 "!important;
  }

  #pun #pun-navlinks #navregister a::before {
    content:"\f234 "!important;
  }

  #pun #pun-navlinks #navrules a::before {
    content:"\f0e3 "!important;
  }

  #pun #pun-ulinks.section #h-recent a::before {
    content:"\f1da "!important;
  }

  #pun #pun-ulinks.section #h-replies a::before {
    content:"\f3e5 "!important;
  }

  #pun #pun-ulinks.section #h-unanswered a::before {
    content:"\f075 "!important;
  }

  #pun #pun-ulinks.section #h-myposts a::before {
    content:"\f303 "!important;
  }

  #pun #pun-ulinks.section #h-uploads a::before {
    content:"\f0ee "!important;
  }

  #pun #pun-ulinks.section #h-subscribe a::before {
    content:"\f0f3 "!important;
  }

  #pun #pun-ulinks.section #li_episodes a::before {
    content:"\f518 "!important;
  }

  #pun #pun-ulinks.section #h-markread a::before {
    content:"\f560 "!important;
  }

  #pun #forum-header-layout .header-staff-card .header-staff-overlay {
    inset:auto 4px 4px!important;
    display:block!important;
    padding:3px 5px!important;
    opacity:1!important;
    border-radius:6px!important;
  }

  #pun #forum-header-layout .header-staff-card .header-staff-overlay>a:first-child {
    display:block!important;
    font:600 10px/1.2 var(--font-ui)!important;
    text-align:center!important;
    margin:0!important;
    padding:0!important;
  }

  #pun #forum-header-layout .header-staff-card .header-staff-message,#pun #forum-header-layout .header-staff-card .header-staff-overlay>span,#pun #forum-header-layout .header-staff-card .header-staff-overlay>br {
    display:none!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td[id^="button-"]::before {
    font:900 16px/1 var(--fa)!important;
    letter-spacing:normal!important;
    content:var(--editor-icon,'\f12e')!important;
    text-transform:none!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons #button-preview::before,#pun fieldset:has(#main-reply) #form-buttons #button-rs-popup::before {
    content:none!important;
    display:none!important;
  }

  #pun #button-preview .rc-preview-toggle>span::before {
    font:900 16px/1 var(--fa)!important;
    content:"\f06e "!important;
  }

  #pun #button-preview .rc-preview-toggle[aria-pressed="false"]>span::before {
    content:"\f070 "!important;
  }

  #pun #button-preview .rc-preview-toggle>span::after {
    content:none!important;
    display:none!important;
  }

  #pun #button-rs-popup button svg {
    display:block!important;
    width:20px;
    height:20px;
  }

  #pun .post-content .code-box .blockcode::before {
    content:none!important;
    display:none!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-font::before {
    content:"\f031 "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-size::before {
    content:"\f034 "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-bold::before {
    content:"\f032 "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-italic::before {
    content:"\f033 "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-underline::before {
    content:"\f0cd "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-strike::before {
    content:"\f0cc "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-left::before {
    content:"\f036 "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-center::before {
    content:"\f037 "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-right::before {
    content:"\f038 "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-link::before {
    content:"\f0c1 "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-spoiler::before {
    content:"\f518 "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-image::before {
    content:"\f03e "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-video::before {
    content:"\f144 "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-hide::before {
    content:"\f023 "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-quote::before {
    content:"\f10d "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-code::before {
    content:"\f121 "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-color::before {
    content:"\f53f "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-table::before {
    content:"\f0ce "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-smile::before {
    content:"\f118 "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-keyboard::before {
    content:"\f11c "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-addition::before {
    content:"\f0d7 "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-files_rusff::before {
    content:"\f0ee "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-graffiti_rusff::before {
    content:"\f53f "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-sp-vote::before {
    content:"\f132 "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-sp_for_you::before {
    content:"\f084 "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-transL::before {
    content:"\f1ab "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-indent::before {
    content:"\f03c "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-styles::before {
    content:"\f1de "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-justify::before {
    content:"\f039 "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-sticker::before {
    content:"\f598 "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-dice::before {
    content:"\f6cf "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-mask::before {
    content:"\f630 "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#button-hide:hover::before {
    content:"\f3c1 "!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#floatbut::before {
    content:"\f0c9 "!important;
  }

  .forum-fa-icon {
    display:inline-block;
    font-family:var(--fa)!important;
    font-weight:900!important;
    font-style:normal!important;
    font-size:21px!important;
    line-height:1!important;
    letter-spacing:normal!important;
    text-transform:none!important;
    -webkit-font-smoothing:antialiased;
  }

  .forum-fa-icon::before,.forum-fa-icon::after {
    content:none!important;
    display:none!important;
  }

  .world-drawer-rail .forum-fa-icon {
    flex:0 0 24px;
    text-align:center;
  }

  #pun #pun-navlinks #navpr_1 a::before {
    content:"\f0a1 "!important;
    font-family:var(--fa)!important;
    font-weight:900!important;
  }

  #pun #pun-navlinks #navpr_2 a::before {
    content:"\f518 "!important;
    font-family:var(--fa)!important;
    font-weight:900!important;
  }

  #pun #pun-userlist .username .user-avatar.no-avatar .avatar-image::after {
    content:"\f6e8 "!important;
  }

  #pun #pun-admin_files #filetable td.ft-tags,#pun #filetable td.ft-tags {
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    overflow:visible!important;
    height:auto!important;
    max-height:none!important;
    font-size:0!important;
    line-height:1.5!important;
  }

  #pun #pun-admin_files #filetable td.ft-tags>span,#pun #filetable td.ft-tags>span {
    display:inline-block!important;
    font-size:11px!important;
    line-height:1.4!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  #pun #pun-admin_files #filetable td.ft-tags>span:empty,#pun #filetable td.ft-tags>span:empty {
    display:none!important;
    padding:0!important;
    margin:0!important;
  }

  html body :is(#ToTop.go-up,#OnBottom.go-down) {
    position:fixed!important;
    z-index:99999!important;
  }

  #pun .post :is(.post-body,.post-rating) p.container:has(>a.positive),#pun .post p.container:has(>a.positive:only-child) {
    display:none!important;
  }

  #pun #pun-messages #post-form {
    padding:16px!important;
    box-sizing:border-box!important;
  }

  #pun span.num_msg {
    min-width:22px!important;
    padding-left:6px!important;
    padding-right:5px!important;
    box-sizing:border-box!important;
  }

  #pun a:hover,#MyBookmarks a:hover,.world-drawer a:hover {
    text-decoration:none!important;
  }

  #pun #pun-main.show_user_posts .post-author .pa-author::before {
    content:"\f6e8 "!important;
  }

  #pun .statscon :is(.users_24h,.onlinelist)>div>a:first-child::before,#pun #pun-stats .statscon ul.container>li:is(.item1,.item2,.item3,.item4)::before,#pun #pun-ulinks.section a::before,#pun #topic-modmenu strong::before,#pun .online-list td.username::before {
    display:none!important;
    content:none!important;
  }

  #pun #pun-stats .statscon ul.container>li:is(.item1,.item2,.item3,.item4) {
    grid-template-columns:minmax(0,1fr)!important;
  }

  #pun #pun-stats .statscon ul.container>li:is(.item1,.item2,.item3,.item4)>:is(span,strong) {
    grid-column:1!important;
  }

  #pun #pun-viewforum .forum tbody :is(td.tc2,td.tc3) {
    gap:5px!important;
  }

  #pun #pun-viewforum .isonline {
    animation:forum-online-pulse 2s ease-in-out infinite!important;
  }

  #pun #pun-viewtopic .post-author>ul {
    position:relative;
  }

  #pun #pun-viewtopic .post-author .pa-online {
    position:absolute!important;
    top:25px!important;
    right:24px!important;
    width:8px!important;
    height:8px!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    grid-area:auto!important;
    z-index:2;
  }

  #pun #pun-viewtopic .post-author .pa-online strong {
    display:none!important;
  }

  #pun #pun-viewtopic .post-author.online .pa-online::before {
    content:""!important;
    display:block!important;
    width:8px!important;
    height:8px!important;
    border-radius:50%!important;
    animation:forum-online-pulse 2s ease-in-out infinite!important;
  }

  #pun #pun-viewtopic .post-author .pa-online::after {
    display:none!important;
    content:none!important;
  }

  #pun .post-sig {
    position:relative!important;
    padding-top:30px!important;
  }

  #pun .post-sig::before {
    content:""!important;
    position:absolute;
    top:13px;
    left:0;
    right:0;
    height:1px;
  }

  #pun .post-sig::after {
    content:"\f186 ";
    position:absolute;
    top:4px;
    left:50%;
    transform:translateX(-50%);
    font:900 18px/1 var(--fa);
  }

  #pun #button-rs-popup button {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  #pun #pun-viewtopic #pun-main>h1 {
    display:flex!important;
    position:relative!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    padding-left:0!important;
    text-align:center!important;
  }

  #pun #pun-viewtopic #pun-main>h1>span {
    width:auto!important;
    flex:0 1 auto!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
  }

  #pun #pun-viewtopic #pun-main>h1::before {
    position:static!important;
    flex:0 0 auto!important;
    margin:0!important;
  }

  .world-drawer-label {
    font:600 15px/1.3 var(--font-body)!important;
  }

  .world-drawer a {
    border-radius:8px!important;
  }

  #pun .post-content :is(.quote-box,.code-box,.spoiler-box) {
    position:relative!important;
    max-width:100%!important;
    min-width:0!important;
    margin:16px 0!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    text-align:justify;
  }

  #pun .post-content .quote-box>blockquote::before {
    left:9px!important;
    top:0!important;
    transform:rotate(180deg)!important;
  }

  #pun .post-content .quote-box>blockquote::after {
    right:9px!important;
    bottom:3px!important;
  }

  #pun #pun-viewtopic #pun-main .post-links .pl-quote>a,#pun #profile.messages-container .post-links .pl-quote>a {
    transition:background-size .3s ease,color .3s ease!important;
  }

  #pun .post-content .spoiler-box>div:first-child {
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:38px!important;
    margin:0!important;
    padding:10px 34px!important;
    font:600 13px/1.4 var(--font-ui)!important;
    text-align:center!important;
    cursor:pointer;
  }

  #pun .post-content .spoiler-box>div:first-child::before {
    position:absolute;
    left:12px;
    top:50%;
    font:900 12px/1 var(--fa);
    transform:translateY(-50%) rotate(-90deg);
    transition:transform .25s ease;
  }

  #pun .post-content .spoiler-box>div:first-child.visible::before {
    transform:translateY(-50%) rotate(0deg);
  }

  #pun .post-content .spoiler-box>blockquote,#pun .post-content .spoiler-box>div:not(:first-child) {
    position:relative;
    max-width:100%;
    padding:16px 20px!important;
    box-sizing:border-box;
  }

  #topic-users-in :is(.group1,.group2),#pun #onlinelist :is(.group1,.group2) {
    font-weight:700!important;
  }

  @media (prefers-reduced-motion:reduce) {
    #pun #pun-viewforum .isonline,#pun #pun-viewtopic .post-author.online .pa-online::before {
      animation:none!important;
    }
  }

  html body #MyBookmarks#MyBookmarks {
    width:var(--bookmark-width,240px)!important;
    max-width:calc(100vw - 16px)!important;
    max-height:calc(100dvh - 24px)!important;
    border-radius:var(--bookmark-radius,12px)!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    font:400 12px/1.5 var(--font-ui)!important;
    z-index:999!important;
  }

  html body #MyBookmarks#MyBookmarks>h2 {
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
    padding:12px!important;
    height:auto!important;
    font:600 16px/1.4 var(--font-body)!important;
    text-transform:none!important;
  }

  html body #MyBookmarks#MyBookmarks>h2>span {
    margin:0!important;
    padding:0!important;
    font:inherit!important;
  }

  html body #MyBookmarks#MyBookmarks #bm2 {
    position:static!important;
    display:block!important;
    flex:0 0 24px!important;
    width:24px!important;
    height:24px!important;
    margin:0!important;
    cursor:pointer;
  }

  html body #MyBookmarks#MyBookmarks #bm2::before {
    content:"\f053 "!important;
    font:900 24px/1 var(--fa)!important;
  }

  html body #MyBookmarks#MyBookmarks>.container {
    position:relative!important;
    padding:12px!important;
    margin:0!important;
  }

  html body #MyBookmarks#MyBookmarks inner {
    display:block!important;
    max-height:calc(100dvh - 140px)!important;
    overflow:auto!important;
    scrollbar-width:thin;
  }

  html body #MyBookmarks#MyBookmarks .BookmarkL {
    list-style:none!important;
    margin:0 0 8px!important;
    padding:10px!important;
    border-radius:8px!important;
    overflow-wrap:anywhere!important;
  }

  html body #MyBookmarks#MyBookmarks .BookmarkL>span {
    position:relative!important;
    display:block!important;
    padding-right:18px!important;
  }

  html body #MyBookmarks#MyBookmarks .BookmarkL>span>strong {
    position:absolute!important;
    right:0!important;
    top:0!important;
    cursor:pointer;
    font:500 20px/1 var(--font-ui)!important;
  }

  html body #MyBookmarks#MyBookmarks .BookmarkL a {
    text-decoration:none!important;
  }

  html body #MyBookmarks#MyBookmarks .bm-topic {
    font-weight:600!important;
  }

  html body #MyBookmarks#MyBookmarks :is(.bm-note,.bm-details) {
    font-size:11px!important;
  }

  html body #MyBookmarks#MyBookmarks .bm-edit {
    display:inline-block!important;
    margin-top:8px!important;
    padding:5px 8px!important;
    border-radius:6px!important;
    font:500 10px/1.4 var(--font-ui)!important;
    cursor:pointer;
  }

  html body #MyBookmarks#MyBookmarks .scrl {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:24px!important;
    height:24px!important;
    border-radius:6px!important;
    cursor:pointer;
    margin-bottom:8px!important;
  }

  html body #MyBookmarks#MyBookmarks .scrl::before {
    content:"\f077 "!important;
    font:900 20px/1 var(--fa)!important;
  }

  html body #MyBookmarks#MyBookmarks .scrl.b::before {
    content:"\f078 "!important;
  }

  html body #MyBookmarks#MyBookmarks .scrl>span {
    display:none!important;
  }

  #pun #pun-userlist td:is(.relation,.num_posts,.registered,.last_visit)::before {
    font-size:15px!important;
    margin-top:5px!important;
  }

  #pun #pun-viewtopic .linksb:has(.closed) {
    justify-content:flex-start!important;
    gap:12px!important;
  }

  #pun #pun-viewtopic .linksb:has(.closed)>.postlink {
    flex:0 0 auto!important;
    width:auto!important;
    margin:0!important;
  }

  #pun #pun-viewtopic .linksb:has(.closed)>.subscribelink {
    margin-left:auto!important;
  }

  #pun #pun-searchtopics .forum tbody tr {
    grid-template-columns:85px minmax(0,1fr) auto 270px!important;
  }

  #pun :is(#pun-viewforum,#pun-searchtopics) #pun-main.main .forum tbody .tcr:has(>.user-avatar) {
    grid-template-columns:115px minmax(0,1fr)!important;
  }

  #pun #pun-viewtopic .post-author>ul {
    position:sticky!important;
    top:16px!important;
  }

  #pun #pun-viewtopic .post .post-author .pa-author::after,#pun #pun-viewtopic .post .post-author.online>ul::after {
    content:none!important;
    display:none!important;
  }

  #pun #pun-viewtopic .post .post-author .pa-online {
    display:block!important;
  }

  #pun #pun-viewtopic .post .post-author:not(.online) .pa-online {
    display:none!important;
  }

  #pun #pun-navlinks li#navpm span.num_msg {
    width:auto!important;
    min-width:22px!important;
    padding:3px 5px!important;
    line-height:1!important;
    box-sizing:border-box!important;
    text-align:center;
  }

  #pun #profile.messages-container #post-form {
    padding:16px!important;
    box-sizing:border-box!important;
  }

  .world-drawer .world-drawer-rail>a {
    padding:6px 8px!important;
    box-sizing:border-box!important;
  }

  #pun #pun-viewtopic .linksb:has(.closed) {
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
  }

  #pun .post-content .spoiler-box>blockquote {
    display:none!important;
  }

  #pun .post-content .spoiler-box>blockquote.visible {
    display:block!important;
    overflow:auto!important;
  }

  #pun .post-content .spoiler-box>div:first-child::before {
    content:"\f078 "!important;
    transform:translateY(-50%) rotate(-90deg)!important;
  }

  #pun .post-content .spoiler-box>div:first-child.visible::before {
    content:"\f078 "!important;
    transform:translateY(-50%) rotate(0deg)!important;
  }

  #pun .post-content .spoiler-box>div:first-child>p {
    margin:0!important;
    padding:0!important;
  }

  #pun #pun-viewtopic #pun-main .post-links :is(.pl-quote,.pl-edit)>a,#pun #profile.messages-container .post-links :is(.pl-quote,.pl-edit)>a {
    border-radius:8px!important;
    overflow:hidden!important;
    transition:background-size .3s ease,color .3s ease!important;
  }

  #pun #pun-viewtopic #pun-main .post-links li:is(.pl-quote,.pl-edit),#pun #profile.messages-container .post-links li:is(.pl-quote,.pl-edit) {
    border-radius:10px!important;
    overflow:visible!important;
  }

  #pun #pun-viewtopic #pun-main .post-links li:is(.pl-quote,.pl-edit)>a,#pun #profile.messages-container .post-links li:is(.pl-quote,.pl-edit)>a {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    min-height:36px!important;
    padding:8px 10px!important;
    border-radius:10px!important;
    font:600 12px/1.4 var(--font-ui)!important;
    box-sizing:border-box!important;
  }

  #pun #pun-viewtopic #pun-main .post-links li:is(.pl-quote,.pl-edit)>a::before,#pun #profile.messages-container .post-links li:is(.pl-quote,.pl-edit)>a::before {
    font:900 16px/1 var(--fa)!important;
  }

  #pun #pun-viewtopic #pun-main .post-links li:is(.pl-quote,.pl-edit),#pun #profile.messages-container .post-links li:is(.pl-quote,.pl-edit),#pun #pun-viewtopic #pun-main .post-links li:is(.pl-quote,.pl-edit)>a,#pun #profile.messages-container .post-links li:is(.pl-quote,.pl-edit)>a {
    border-radius:var(--radius-10px)!important;
    clip-path:none!important;
  }

  #pun #pun-viewtopic #pun-main .post-links li:is(.pl-quote,.pl-edit)>a,#pun #profile.messages-container .post-links li:is(.pl-quote,.pl-edit)>a {
    overflow:visible!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons tr {
    display:flex!important;
    justify-content:flex-start!important;
    align-items:center!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td:not(#symbol-counter) {
    width:32px!important;
    box-sizing:border-box!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons :is(#button-preview,#button-rs-popup)>button {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons tr {
    width:100%!important;
    min-width:0!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#symbol-counter {
    font-size: 10px!important;
    gap:3px!important;
    box-sizing:border-box!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons {
    overflow-x:visible!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons tr {
    gap: 3px!important;
    flex-wrap:nowrap!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td:not(#symbol-counter) {
    flex:1 1 30px!important;
    height:31px!impor;
    min-width:24px!important;
    max-width:30px!important;
    height:30px!important;
    padding:0!important;
    margin:0!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons td#symbol-counter {
    flex:0 0 76px!important;
    width:76px!important;
    min-width:76px!important;
    max-width:76px!important;
    padding:2px!important;
  }

  #pun fieldset:has(#main-reply) #form-buttons {
    overflow:visible!important;
    padding:5px!important;
  }

  @supports (appearance:base-select) {
    #pun #topic-modmenu #mod-options::picker(select) {
      height:auto!important;
      max-height:none!important;
      overflow:visible!important;
      padding:5px!important;
    }

    #pun #topic-modmenu #mod-options option {
      min-height:28px!important;
      padding:4px 8px!important;
      gap:6px!important;
      line-height:1.35!important;
    }

    #pun #topic-modmenu #mod-options option+option {
      margin-top:2px!important;
    }

    #pun #topic-modmenu #mod-options option::before {
      font-size:16px!important;
    }
  }

  #pun #forum-header-layout .header-expanded {
    position:relative!important;
  }

  #pun #forum-header-layout .header-expanded .header-staff {
    position:static!important;
  }

  #pun #forum-header-layout .header-expanded .header-staff-lead {
    bottom:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    box-sizing:border-box!important;
  }

  #pun #forum-header-layout .header-expanded .header-staff {
    overflow:visible!important;
  }

  #pun #forum-header-layout .header-expanded .header-staff-lead {
    grid-column:1!important;
    grid-row:1/3!important;
    top:-208px!important;
    left:-25px!important;
    z-index:3!important;
    border-radius:0!important;
    pointer-events:none!important;
  }

  #pun #forum-header-layout .header-expanded .header-context,#pun #forum-header-layout .header-expanded .header-staff-5.header-staff-card {
    position:relative!important;
    z-index:1!important;
  }

  #pun #forum-header-layout .forum-header {
    position:relative!important;
  }

  #pun #forum-header-layout .header-expanded .header-staff {
    animation:none!important;
    transform:none!important;
    isolation:auto!important;
    z-index:auto!important;
  }

  #pun #forum-header-layout .header-expanded .header-staff-lead {
    position:static!important;
    visibility:hidden!important;
    width:101px!important;
    min-width:0!important;
    max-width:101px!important;
    height:133px!important;
    max-height:133px!important;
  }

  #pun #forum-header-layout .header-expanded .header-staff-5.header-staff-card {
    z-index:1!important;
  }

  #pun #forum-header-layout .header-expanded .header-staff-card:not(.header-staff-5) {
    z-index:4!important;
  }

  #pun #forum-header-layout .header-expanded .header-context {
    z-index:auto!important;
    isolation:auto!important;
    animation:none!important;
    transform:none!important;
  }

  #pun #forum-header-layout .header-context-text {
    position:relative!important;
    z-index:5!important;
  }

  #pun #forum-header-layout .forum-header>.header-fireflies {
    z-index:auto!important;
    overflow:visible!important;
    isolation:auto!important;
  }

  #pun #forum-header-layout .forum-header>.header-fireflies::after {
    content:"";
    position:absolute;
    top:0;
    left:-12px;
    width:193px;
    height:350px;
    z-index:3;
    pointer-events:none;
  }

  #pun #forum-header-layout .header-closing .header-context {
    pointer-events:none!important;
  }

  @keyframes header-context-fade-in {
    from {
      opacity:0;
    }

    to {
      opacity:1;
    }
  }

  #pun #forum-header-layout .header-expanded:not(.header-closing) .header-context {
    transition:opacity .35s ease!important;
  }

  #pun #forum-header-layout .header-closing .header-context {
    animation:none!important;
    opacity:0!important;
    transition:opacity .35s ease!important;
  }

  #pun #forum-header-layout .header-expanded:not(.header-closing) .header-context {
    animation:none!important;
    opacity:1!important;
  }

  #pun #forum-header-layout .header-expanded:not(.header-closing) .header-context-text,#pun #forum-header-layout .header-expanded:not(.header-closing) .header-context-link {
    animation:header-context-fade-in .35s ease!important;
    transition:opacity .35s ease!important;
  }

  #pun #forum-header-layout .forum-header>.header-title-toggle,#pun #forum-header-layout .header-interactive:not(.header-expanded) .header-title-toggle {
    z-index:2!important;
  }

  #pun #forum-header-layout .header-context-text {
    border-radius:10px!important;
    padding:8px 10px!important;
    box-sizing:border-box!important;
  }

  #pun #forum-header-layout .header-expanded .header-staff-4.header-staff-card,#pun #forum-header-layout .header-expanded .header-staff-4.header-staff-card:hover,#pun #forum-header-layout .header-expanded .header-staff-4.header-staff-card:focus-within {
    z-index:1!important;
  }

  #pun #profile.messages-container #post-form .areafield>.input {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    padding:4px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }

  #pun #profile.messages-container #post-form .areafield {
    overflow:visible!important;
  }

  #pun #profile.messages-container #post-form #main-reply {
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
  }

  :root {
    --header-vine-width:650px;
    --header-vine-height:350px;
    --header-vine-left:0px;
  }

  html[data-theme="dark"],html.dark {
    --header-vine-width: 650px;
    --header-vine-height: 350px;
    --header-vine-left: -58px;
  }

  #pun #forum-header-layout .forum-header>.header-fireflies::after {
    width:var(--header-vine-width)!important;
    height:var(--header-vine-height)!important;
    top:0!important;
    left:var(--header-vine-left)!important;
  }

  html:not([data-theme="dark"]):not(.dark) #pun #forum-header-layout .forum-header>.header-fireflies::after {
    top:-55px!important;
  }

  html:not([data-theme="dark"]):not(.dark) #pun #forum-header-layout .forum-header>.header-title-toggle,html:not([data-theme="dark"]):not(.dark) #pun #forum-header-layout .header-interactive:not(.header-expanded) .header-title-toggle {
    z-index:6!important;
  }

  html:not([data-theme="dark"]):not(.dark) #pun #forum-header-layout .header-recent {
    position:relative!important;
    z-index:6!important;
  }

  html:not([data-theme="dark"]):not(.dark) {
    --header-vine-left:-20px;
  }

  #pun #forum-header-layout .header-expanded .header-staff-lead {
    display:none!important;
  }

  #pun #forum-header-layout .header-expanded .header-staff {
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:63px 63px!important;
  }

  @supports ((background-clip:text) or (-webkit-background-clip:text)) {
    #pun #pun-index #pun-main .category>h2>span {
      -webkit-background-clip:text!important;
    }
  }

  @supports selector(::-webkit-scrollbar-thumb) {
    #pun #pun-index .forumdesc {
      scrollbar-width:auto;
    }

    #pun #pun-index .forumdesc::-webkit-scrollbar {
      width:6px;
      height:6px;
    }

    #pun #pun-index .forumdesc::-webkit-scrollbar-thumb {
      border-radius:6px!important;
    }

    html:not([data-theme="dark"]):not(.dark),html:not([data-theme="dark"]):not(.dark) body {
      scrollbar-width:auto!important;
    }

    html:not([data-theme="dark"]):not(.dark)::-webkit-scrollbar,html:not([data-theme="dark"]):not(.dark) body::-webkit-scrollbar {
      width:10px;
      height:10px;
    }

    html:not([data-theme="dark"]):not(.dark)::-webkit-scrollbar-thumb,html:not([data-theme="dark"]):not(.dark) body::-webkit-scrollbar-thumb {
      border-radius:10px!important;
    }

    html:is([data-theme="dark"],.dark),html:is([data-theme="dark"],.dark) body {
      scrollbar-width:auto!important;
    }

    html:is([data-theme="dark"],.dark)::-webkit-scrollbar,html:is([data-theme="dark"],.dark) body::-webkit-scrollbar {
      width:10px;
      height:10px;
    }

    html:is([data-theme="dark"],.dark)::-webkit-scrollbar-thumb,html:is([data-theme="dark"],.dark) body::-webkit-scrollbar-thumb {
      border-radius:10px!important;
    }
  }

  #pun#pun #forum-header-layout #pun-navlinks ul.container>li>a,#pun#pun #forum-header-layout #pun-navlinks .index-theme button {
    box-sizing:border-box!important;
    transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease!important;
  }

  @media (hover:hover) {
    #pun#pun #forum-header-layout #pun-navlinks ul.container>li>a:hover,#pun#pun #forum-header-layout #pun-navlinks .index-theme button:hover {
      transform:translateY(-2px)!important;
    }
  }

  #pun#pun #forum-header-layout #pun-navlinks ul.container>li>a:focus-visible,#pun#pun #forum-header-layout #pun-navlinks .index-theme button:focus-visible {
    outline-offset:3px!important;
  }

  @media (prefers-reduced-motion:reduce) {
    #pun#pun #forum-header-layout #pun-navlinks ul.container>li>a,#pun#pun #forum-header-layout #pun-navlinks .index-theme button {
      transition:none!important;
      transform:none!important;
    }
  }

  #pun#pun #forum-header-layout #pun-navlinks ul.container>li.isactive>a {
    transition:filter .4s ease,box-shadow .4s ease!important;
  }

  @media (hover:hover) {
    #pun#pun #forum-header-layout #pun-navlinks ul.container>li.isactive>a:hover {
      transform:none!important;
    }
  }

  #pun#pun #forum-header-layout #pun-navlinks ul.container>li>a::before,#pun#pun #forum-header-layout #pun-navlinks .index-theme button::before {
    transition:color .6s ease!important;
  }

  #pun#pun #forum-header-layout #pun-navlinks ul.container>li:not(.isactive)>a,#pun#pun #forum-header-layout #pun-navlinks .index-theme button {
    transition:background-color .6s ease,color .6s ease,border-color .6s ease,box-shadow .6s ease!important;
    transform:none!important;
  }

  @media (hover:hover) {
    #pun#pun #forum-header-layout #pun-navlinks ul.container>li:not(.isactive)>a:hover,#pun#pun #forum-header-layout #pun-navlinks .index-theme button:hover {
      transform:none!important;
    }
  }

  #pun#pun #forum-header-layout .forum-header>#pun-navlinks.header-navigation {
    position:relative!important;
    z-index:20!important;
  }

  #pun #pun-viewtopic #post-form #main-reply {
    height:280px;
    min-height:160px!important;
    resize:vertical!important;
  }

  #pun #pun-viewtopic #pun-main .post-author .pa-respect {
    position:relative!important;
  }

  #pun #pun-viewtopic #pun-main .post-author .pa-respect>.fld-name {
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    clip:auto!important;
    clip-path:none!important;
    z-index:2!important;
    font-size:0!important;
    line-height:0!important;
  }

  #pun #pun-viewtopic #pun-main .post-author .pa-respect>.fld-name>a {
    display:block!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:0!important;
    line-height:0!important;
    border-radius:inherit;
    cursor:pointer!important;
    pointer-events:auto!important;
  }

  #pun #pun-viewtopic #pun-main .post-author .pa-respect>.fld-name>br {
    display:none!important;
  }

  html:is([data-theme="dark"],.dark) {
    --header-vine-width:650px;
    --header-vine-height:350px;
    --header-vine-left:-58px;
  }

  #pun #forum-header-layout .forum-header>.header-fireflies::before {
    content:"";
    position:absolute;
    top:0;
    left:var(--header-vine-left);
    width:var(--header-vine-width);
    height:var(--header-vine-height);
    z-index:3;
    pointer-events:none;
  }

  #pun #forum-header-layout .forum-header>.header-fireflies::after {
    z-index:2!important;
  }

  html:not([data-theme="dark"]):not(.dark) #pun #forum-header-layout .forum-header>.header-fireflies::before {
    top:-55px;
  }

  @supports selector(::-webkit-scrollbar-thumb) {
    #pun .partners {
      scrollbar-width:auto!important;
    }

    #pun .partners::-webkit-scrollbar {
      width:6px;
      height:6px;
    }

    #pun .partners::-webkit-scrollbar-thumb {
      border-radius:6px!important;
    }
  }

  #pun#pun #form-buttons td:is(#button-indent,#button-justify) {
    position:relative!important;
  }

  #pun#pun #form-buttons td:is(#button-indent,#button-justify)>img {
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    opacity:0!important;
    margin:0!important;
    padding:0!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    z-index:2!important;
  }

  #pun#pun #form-buttons td#button-indent::before {
    content:"\f03c "!important;
  }

  #pun#pun #form-buttons td#button-justify::before {
    content:"\f039 "!important;
  }

  #pun#pun #form-buttons td[id^="button-"] {
    border-radius:var(--radius-8px);
  }

  #pun .punbb-admin .pagelink,#pun #pun-admain .pagelink {
    padding-left:12px!important;
    padding-right:12px!important;
    box-sizing:border-box!important;
  }

  #pun #post-preview>legend {
    float:none!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    margin:0 0 0 var(--space-2px)!important;
    padding:0 calc(var(--space-9px)*var(--forum-padding-density))!important;
    border-radius:8px!important;
    font:600 17px/1.4 var(--font-body)!important;
    text-transform:none!important;
    letter-spacing:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  #pun #post-preview>legend>span {
    display:inline!important;
    position:static!important;
    margin:0!important;
    padding:3px 6px!important;
    font:inherit!important;
  }

  #pun #post-preview>legend>span::before,#pun #post-preview>legend>span::after {
    content:none!important;
  }

  #pun#pun #pun-viewtopic #pun-main .post .post-author {
    border-radius:14px!important;
  }

  #pun#pun #pun-viewtopic #pun-main .post .post-author>ul {
    padding:12px!important;
    margin:0!important;
    gap:8px!important;
    border-radius:10px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    box-sizing:border-box!important;
  }

  #pun#pun #pun-viewtopic #pun-main .post .post-author .pa-author {
    padding:4px 14px!important;
    font:600 21px/1.25 var(--font-body)!important;
  }

  #pun#pun #pun-viewtopic #pun-main .post .post-author .pa-title {
    font-size:11px!important;
  }

  #pun#pun #pun-viewtopic #pun-main .post .post-author .pa-avatar img {
    border-radius:6px!important;
  }

  #pun#pun #pun-viewtopic #pun-main .post .post-author :is(.pa-posts,.pa-respect) {
    width:100%!important;
    max-width:80px!important;
    justify-self:center!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    padding:5px 6px!important;
    min-height:40px!important;
    border-radius:6px!important;
    font:600 11px/1.2 var(--font-ui)!important;
    box-sizing:border-box!important;
  }

  #pun#pun #pun-viewtopic #pun-main .post .post-author :is(.pa-posts,.pa-respect)::before {
    font-size:15px!important;
  }

  #pun .post-content :is(.quote-box,.code-box,.spoiler-box) {
    border-radius:calc(var(--radius-18px)/2)!important;
  }

  #pun .post-content .quote-box {
    overflow:visible!important;
  }

  #pun .post-content .quote-box>cite {
    position:relative!important;
    z-index:1;
    margin:-12px 14px 4px!important;
    padding:5px 10px!important;
    border-radius:4px!important;
    font:600 11px/1.35 var(--font-ui)!important;
    font-style:normal!important;
    text-align:left!important;
  }

  #pun .post-content .quote-box>cite a {
    text-decoration:none!important;
  }

  #pun .post-content .quote-box>blockquote {
    border-radius:0 0 calc(var(--radius-18px)/2) calc(var(--radius-18px)/2)!important;
  }

  #pun#pun #pun-viewtopic #pun-main .post .post-author {
    grid-column:1!important;
    grid-row:1!important;
    position:relative!important;
    top:auto!important;
    align-self:stretch!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:10px!important;
    overflow:visible!important;
  }

 #pun#pun #pun-viewtopic #pun-main .post .post-author > ul {
  position: sticky !important;
  top: 16px !important;
  height: auto !important;
  align-self: start !important;

  --topic-author-veil: color-mix(in srgb, var(--white) 60%, transparent);

  background-color: var(--white) !important;
  background-image:
  linear-gradient(var(--topic-author-veil), var(--topic-author-veil)),
  var(--image-topic-author) !important;
  background-size: 100% 100%, auto 450px !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-origin: padding-box !important;
  background-clip: padding-box !important;
}

  #pun#pun #pun-viewtopic #pun-main .post .post-links {
    grid-column:1/-1!important;
    grid-row:2!important;
  }

  #pun .post-content .quote-box>cite {
    display:block!important;
    width:fit-content!important;
    min-width:0!important;
    max-width:calc(100% - 28px)!important;
    justify-self:start!important;
    align-self:start!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    box-sizing:border-box!important;
  }

  #pun .post-content .quote-box>cite a {
    display:inline!important;
    width:auto!important;
    max-width:100%!important;
    white-space:inherit!important;
    overflow-wrap:inherit!important;
  }

  #pun .post-content .spoiler-box,#pun .post-content .quote-box.spoiler-box {
    overflow:hidden!important;
  }

  #pun .post-content .spoiler-box>div:first-child {
    border-radius:inherit!important;
  }

  #pun .post-content .spoiler-box>div:first-child.visible {
    border-bottom-left-radius:0!important;
    border-bottom-right-radius:0!important;
  }

  #pun#pun :is(#pun-messages,#profile.messages-container) .post-links .pl-email:not(.profile):not(.pm),#pun#pun :is(#pun-messages,#profile.messages-container) .post-links li:has(>a[href^="mailto:"]) {
    display:none!important;
  }

  #pun#pun #profile.messages-container .post-links>ul {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    flex-wrap:wrap!important;
  }

  #pun#pun #profile.messages-container .post-links :is(.pl-quote,.pl-reply,.pl-delete,.pl-edit) {
    margin:0!important;
    padding:0!important;
  }

  #pun#pun #profile.messages-container .post-links :is(.pl-quote,.pl-reply,.pl-delete,.pl-edit)>a {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:36px!important;
    min-height:36px!important;
    min-width:90px!important;
    margin:0!important;
    padding:8px 12px!important;
    gap:6px!important;
    border-radius:8px!important;
    font:600 12px/1.3 var(--font-ui)!important;
    box-sizing:border-box!important;
  }

  #pun#pun #pun-stats .statscon {
    padding:14px 16px!important;
    border-radius:12px!important;
    box-sizing:border-box!important;
  }

  #pun#pun #pun-stats .statscon>ul.container>li:is(.onlinelist,.users_24h) {
    display:block!important;
    grid-column:1/-1!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:5px 0!important;
    border-radius:0!important;
    font:400 11px/1.6 var(--font-ui)!important;
    overflow-wrap:anywhere!important;
    box-sizing:border-box!important;
  }

  #pun#pun #pun-stats .statscon :is(.onlinelist,.users_24h)>div {
    display:block!important;
    margin:0!important;
    padding:0!important;
  }

  #pun#pun #pun-stats .statscon :is(.onlinelist,.users_24h)>div>a:first-child {
    display:inline!important;
    font:600 13px/1.6 var(--font-body)!important;
    margin:0 4px 0 0!important;
    padding:0!important;
  }

  #pun#pun #pun-stats .statscon :is(.onlinelist,.users_24h)>div>span {
    display:inline!important;
    margin:0 0 0 5px!important;
    padding:0!important;
  }

  #pun#pun #pun-stats .statscon :is(.onlinelist,.users_24h)>div>span>a {
    display:inline!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
    font-size:12px!important;
  }

  #pun#pun #pun-stats .statscon :is(.onlinelist,.users_24h)>div>span>a:not(:last-of-type)::after {
    content:", ";
    font-weight:400;
  }

  #pun#pun #pun-stats .statscon :is(.onlinelist,.users_24h)>div>span {
    font-size:0!important;
  }

  #pun#pun #pun-profile #viewprofile #pa-invites {
    display:none!important;
  }

  #pun#pun #pun-profile #viewprofile #profile-right>li {
    order:10!important;
    grid-row:auto!important;
  }

  #pun#pun #pun-profile #viewprofile #profile-right>:is(#pa-positive,#pa-reputation,#pa-respect) {
    display:flex!important;
    grid-column:auto!important;
  }

  #pun#pun #pun-profile #viewprofile #profile-right>#pa-positive {
    order:0!important;
  }

  #pun#pun #pun-profile #viewprofile #profile-right>:is(#pa-reputation,#pa-respect) {
    order:1!important;
  }

  #pun#pun #pun-profile #viewprofile #profile-right>#pa-register-date {
    order:2!important;
    grid-column:auto!important;
  }

  #pun#pun #pun-profile #viewprofile #profile-right>#pa-last-post {
    order:3!important;
    grid-column:auto!important;
  }

  #pun#pun #pun-profile #viewprofile #pa-edit {
    order:99!important;
    margin-top:auto!important;
    padding-top:16px!important;
  }

  #pun#pun #pun-profile #viewprofile #profile-left {
    position:relative!important;
  }

  #pun#pun #pun-profile #viewprofile #profile-left #pa-online {
    position:absolute!important;
    top:24px!important;
    right:20px!important;
    width:8px!important;
    height:8px!important;
    margin:0!important;
    padding:0!important;
    border-radius:50%!important;
    font-size:0!important;
    line-height:0!important;
    animation:forum-online-pulse 2s ease-in-out infinite!important;
  }

  #pun#pun #pun-profile #viewprofile #pa-online>* {
    display:none!important;
  }

  #pun#pun #pun-profile #viewprofile #pa-online::before,#pun#pun #pun-profile #viewprofile #pa-online::after {
    content:none!important;
  }

  @media (prefers-reduced-motion:reduce) {
    #pun#pun #pun-profile #viewprofile #pa-online {
      animation:none!important;
    }
  }

  #pun#pun #viewprofile #profile-right>li {
    order:10!important;
    grid-row:auto!important;
  }

  #pun#pun #viewprofile #profile-right>:is(#pa-positive,.pa-positive) {
    order:0!important;
    grid-column:1/-1!important;
  }

  #pun#pun #viewprofile #profile-right:has(>:is(#pa-reputation,.pa-reputation,#pa-respect,.pa-respect))>:is(#pa-positive,.pa-positive) {
    grid-column:auto!important;
  }

  #pun#pun #viewprofile #profile-right>:is(#pa-reputation,.pa-reputation,#pa-respect,.pa-respect) {
    order:1!important;
    grid-column:auto!important;
  }

  #pun#pun #viewprofile #profile-right>:is(#pa-register-date,.pa-register-date) {
    order:2!important;
    grid-column:auto!important;
  }

  #pun#pun #viewprofile #profile-right>:is(#pa-last-post,.pa-last-post) {
    order:3!important;
    grid-column:auto!important;
  }

  #pun#pun #viewprofile #profile-right>:is(#pa-online-time,.pa-online-time,#pa-time,.pa-time) {
    order:4!important;
    grid-column:auto!important;
  }

  #pun#pun #viewprofile #profile-right>:is(#pa-last-visit,.pa-last-visit) {
    order:5!important;
    grid-column:auto!important;
  }

  #pun#pun #viewprofile :is(#pa-invites,.pa-invites) {
    display:none!important;
  }

  #pun#pun #viewprofile :is(#pa-time-visit,.pa-time-visit) {
    display:none!important;
  }

  #pun#pun #viewprofile table tr {
    align-items:stretch!important;
  }

  #pun#pun #viewprofile #profile-left,#pun#pun #viewprofile #profile-right {
    align-self:stretch!important;
    height:auto!important;
    min-height:0!important;
  }

  #pun#pun #viewprofile #profile-right {
    align-content:stretch!important;
  }

  #pun#pun #viewprofile #profile-left #pa-edit {
    margin-top:auto!important;
  }

  .world-drawer .world-drawer-rail>a>.forum-fa-icon {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 24px!important;
    width:24px!important;
    min-width:24px!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
  }

  .world-drawer:not(.is-open) .world-drawer-rail>a {
    justify-content:center!important;
    gap:0!important;
    padding:5px 0!important;
  }

  .world-drawer:not(.is-open) .world-drawer-rail>a>.world-drawer-label {
    display:none!important;
  }

  .world-drawer.is-open .world-drawer-rail>a {
    justify-content:flex-start!important;
    gap:10px!important;
    padding:5px!important;
  }

  .world-drawer.is-open .world-drawer-rail>a>.world-drawer-label {
    display:block!important;
  }

  #pun #pun-searchtopics .forum tbody td.tc2>a[href*="viewforum.php"]:hover {
    text-decoration:none!important;
  }

  #pun#pun fieldset:has(#main-reply) #form-buttons td#symbol-counter {
    display:flex!important;
    align-items:center!important;
    flex: 0 0 86px!important;
    width: 86px!important;
    min-width: 86px!important;
    max-width:86px!important;
    padding: 5px!important;
    gap: 0px!important;
    font-size: 10px!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
    flex-direction: column;
  }

  #pun#pun fieldset:has(#main-reply) #form-buttons td#symbol-counter>span {
    flex:0 0 auto!important;
    min-width: 5ch!important;
    font-size: 11px!important;
    font-variant-numeric:tabular-nums;
    text-align:center!important;
  }

  #pun#pun #forum-header-layout .forum-header>#pun-navlinks.header-navigation::before {
    content:""!important;
    display:block!important;
  }

  @supports ((background-clip:text) or (-webkit-background-clip:text)) {
    html:not([data-theme="dark"]):not(.dark) #pun#pun #pun-index #pun-main .category>h2>span {
      -webkit-background-clip:text!important;
    }

    html:not([data-theme="dark"]):not(.dark) #pun#pun #pun-index #pun-main .category h3>a {
      -webkit-background-clip:text!important;
      transition:background-position .5s ease!important;
    }
  }

  html:not([data-theme="dark"]):not(.dark) #pun#pun #pun-ulinks.section ul.container>li>a {
    transition:background-color .3s ease,color .3s ease,border-color .3s ease!important;
  }

  #pun#pun #pun-index .category .forumdesc.has-fixed-forum-title {
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    overflow:hidden!important;
    min-height:0!important;
    max-height:270px!important;
  }

  #pun#pun #pun-index .category .forumdesc.has-fixed-forum-title>h3 {
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
  }

  #pun#pun #pun-index .category .forumdesc.has-fixed-forum-title>.forumdesc-scroll {
    flex:1 1 auto;
    min-height:0;
    max-width:100%;
    overflow:auto;
    scrollbar-width:thin;
  }

  #pun#pun #pun-index .forumdesc-scroll::-webkit-scrollbar {
    width:6px;
    height:6px;
  }

  #pun#pun #pun-index .forumdesc-scroll::-webkit-scrollbar-thumb {
    border-radius:6px;
  }

  #pun#pun #pun-stats .statscon>ul.container>li.stats-summary {
    display:block!important;
    grid-column:1/-1!important;
    flex:0 0 100%!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  #pun#pun #pun-stats .statscon ul.container.stats-summary-row {
    display:grid!important;
    grid-template-columns: repeat(4,minmax(0,1fr))!important;
    grid-template-rows:auto!important;
    gap: 10px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    grid-auto-flow: column;
  }

  #pun#pun #pun-stats .statscon ul.stats-summary-row>li:is(.item1,.item2,.item3,.item4) {
    display:flex!important;
    flex-direction: row;
    gap:5px!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height: 45px!important;
    margin:0!important;
    padding: 5px 5px!important;
    box-sizing:border-box!important;
    text-align:center!important;
    float:none!important;
  }

  #pun#pun #pun-stats .statscon ul.stats-summary-row>li:is(.item1,.item2,.item3,.item4)>:is(span,strong) {
    display:block!important;
    position:static!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  #pun#pun #pun-index .category .forumdesc.has-fixed-forum-title {
    overflow:visible!important;
  }

  #pun#pun #pun-index .category .forumdesc.has-fixed-forum-title>h3 {
    overflow:visible!important;
  }

  #pun#pun #pun-index .category .forumdesc.has-fixed-forum-title>.forumdesc-scroll {
    overflow-x:hidden!important;
    overflow-y:auto!important;
    min-height:0!important;
  }
}

@media (min-width:801px) {
  #pun #forum-header-layout .header-firefly {
    left:0;
    top:0;
  }
}