/* MYSTERY BOOK — ñòðóêòóðà; r14.1 */

@import url("style_cs.1793623168.css");#pun, #pun *, .mb-w-dialog, .mb-w-dialog *{
box-sizing:border-box;}
html{
margin:0;padding:0;background:var(--mb-page);}
body{
position:relative;isolation:isolate;margin:0;padding:var(--mb-page-gap) 0;background:transparent;color:var(--mb-text);font:var(--mb-font-size)/var(--mb-line-height) var(--mb-font);}
#pun{
position:relative;width:var(--mb-width);max-width:94%;margin:0 auto;background:transparent;border-radius:var(--mb-scene-radius);}
#pun img{
max-width: 100%;height: auto;border: 0;}
#pun a{
color: var(--mb-link);text-decoration: none;overflow-wrap: anywhere;}
#pun a:hover{
color: var(--mb-hover);text-decoration: underline;}
#pun :is(button,input,select,textarea,a):focus-visible{
outline: 2px solid var(--mb-link);outline-offset: 2px;}
#pun :is(h1,h2,h3,p,ul,dl,dd){
margin: 0;}
#pun :is(ul,dl){
padding: 0;list-style: none;}
#pun :is(h1,h2){
font: 600 var(--mb-title-size)/1.2 var(--mb-title-font);}
#pun h3{
font: inherit;font-weight: 600;}
#pun :is(.container,.post-box)::after{
content: "";display: table;clear: both;}
#pun :is(.acchide,#pun-pagelinks,#pun-navlinks h2,#pun-ulinks h2,#pun-status h2,.divider,#pun-index #pun-main>h1){
position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);}
#pun :is(#pun-main,#pun-announcement,#pun-stats,#pun-crumbs1,#pun-crumbs2,#pun-status,#pun-ulinks,#pun-qjump,#pun-about){
padding: var(--mb-space) var(--mb-gap);}
#pun :is(.section,.category,.formal,.post,.info){
margin-bottom:var(--mb-gap);}
#pun #pun-navlinks ul, #pun #pun-ulinks ul{
display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:0;height:100%;min-width:0;}
#pun #pun-status{
order:-1;margin:0;padding:8px var(--mb-gap);color:var(--mb-muted);font-size:11px;line-height:16.5px;}
#pun :is(#pun-crumbs1,#pun-crumbs2,#pun-about){
margin:0;border:0;font-size:11px;}
#pun #pun-about{
position:absolute;bottom:4px;left:0;right:0;z-index:2;margin:0;padding:0;text-align:center;font-size:10px;background:transparent;color:var(--mb-scene-text);}
#pun table{
width: 100%;border-collapse: collapse;}
#pun :is(th,td){
padding: var(--mb-space);text-align: left;border:0;overflow-wrap: anywhere;}
#pun th{
color: var(--mb-muted);font-size: var(--mb-small-size);}
#pun .tcl{
width: 52%;}
#pun :is(.tc2,.tc3){
width: 9%;text-align: center;}
#pun .tcr{
width: 30%;font-size: var(--mb-small-size);}
#pun div.icon{
float: left;width: var(--mb-small-space);height: var(--mb-small-space);margin: var(--mb-small-space);border: var(--mb-border) solid var(--mb-muted);border-radius: 50%;}
#pun .inew div.icon{
background: var(--mb-unread);border-color: var(--mb-unread);}
#pun :is(.isticky,.iclosed) div.icon{
border-radius: 0;}
#pun :is(.linkst,.linksb){
display: flex;flex-wrap: wrap;justify-content: space-between;gap: var(--mb-small-space);margin: var(--mb-space) 0;align-items:center;font-size:11px;line-height:1.5;}
#pun :is(.pagelink strong,.isactive>a){
background:var(--mb-chip);color:var(--mb-link);border-radius:var(--mb-radius);}
#pun .modlist{
font-size: var(--mb-small-size);color: var(--mb-muted);}
#pun .post{
position:relative;display:grid;grid-template-columns:var(--mb-author-width) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;column-gap:24px;row-gap:12px;margin:0 0 20px;padding:18px;background:var(--mb-panel);border:1px solid var(--mb-line);border-radius:4px;}
#pun .post h3{
grid-column:2;grid-row:1;margin:0;padding:0 0 12px;border-bottom:1px solid var(--mb-line);color:var(--mb-muted);font:500 11px/16.5px var(--mb-mono);}
#pun .post h3 strong{
float: right;}
#pun .post>.container{
display:contents;}
#pun .post-author{
position:relative;isolation:isolate;float:none;align-self:start;width:var(--mb-author-width);padding:8px 12px 12px;text-align:center;border:1px solid var(--mb-line);border-top:6px solid var(--mb-author-accent);border-radius:0;background:var(--mb-panel);box-shadow:0 3px 8px var(--mb-shadow);font:11px/17.6px var(--mb-font);}
#pun .post-author li{
margin:0 0 4px;overflow-wrap:anywhere;}
#pun .pa-author{
font: var(--mb-name-size)/1.1 var(--mb-name-font);}
#pun .pa-avatar img{
display:block;max-width:100%;max-height:var(--mb-avatar-height);width:var(--mb-avatar-width);height:auto;object-fit:contain;box-shadow:0 0 0 3px var(--mb-field),0 0 0 4px var(--mb-line);}
#pun :is(.pa-title,.pa-online,.pa-last-visit,.pa-ip){
font-size: var(--mb-small-size);color: var(--mb-muted);}
#pun .online .pa-author::before{
content:none;}
#pun .post-body{
grid-column:2;grid-row:2;margin:0;min-width:0;}
#pun .post-content{
overflow-wrap:anywhere;font-size:var(--mb-reading-size,14px);line-height:1.8;}
#pun .post-content p{
margin-bottom: var(--mb-space);}
#pun .post-content :is(ul,ol){
padding-left: var(--mb-gap);list-style: revert;}
#pun .post-content :is(em,i){
font-style: italic;}
#pun .post-content :is(table,.scrollbox){
max-width: 100%;}
#pun .scrollbox{
overflow: auto;}
#pun :is(.quote-box,.code-box,.info-box){
margin: var(--mb-space) 0;padding: var(--mb-space);background: var(--mb-paper);border: var(--mb-border) solid var(--mb-line);border-radius: var(--mb-radius);}
#pun :is(.quote-box cite,.code-box .legend){
display: block;margin-bottom: var(--mb-small-space);font-style: normal;font-weight: 600;}
#pun blockquote{
margin: 0;}
#pun pre{
white-space: pre-wrap;overflow-wrap: anywhere;font-family: var(--mb-mono);}
#pun .spoiler-box>div{
cursor: pointer;font-weight: 600;}
#pun .post-sig{
margin-top: var(--mb-space);border-top:0;color: var(--mb-muted);}
#pun .post-links{
align-self:end;grid-column:2;grid-row:3;clear:both;margin:0;border-top:1px solid var(--mb-line);font-size:10px;text-transform:uppercase;min-height:32px;padding:8px 0;}
#pun .post-links ul{
display: flex;flex-wrap: wrap;justify-content: flex-end;gap: var(--mb-space);}
#pun .clearer{
clear: both;}
#pun .post-content :is(del,s,strike){
text-decoration:none;filter:blur(var(--mb-blur));}
#pun .post-content :is(del,s,strike):hover{
filter:none;}
#pun :is(#viewprofile,.formal)>.container{
padding: var(--mb-space);background: var(--mb-panel);border: var(--mb-border) solid var(--mb-line);border-radius: var(--mb-radius);}
#pun #profile-left{
display:block;align-self:start;float:none;width:auto;min-width:0;padding:0;text-align:center;border:0;background:none;}
#pun #viewprofile li{
padding: var(--mb-small-space);border-bottom: var(--mb-border) solid var(--mb-line);}
#pun #viewprofile li>span{
display: inline-block;margin-right: var(--mb-space);color: var(--mb-muted);}
#pun #profilenav ul{
display: flex;flex-wrap: wrap;gap: var(--mb-space);margin-bottom: var(--mb-space);}
#pun fieldset{
min-width: 0;margin: 0 0 var(--mb-space);padding: var(--mb-space);border: var(--mb-border) solid var(--mb-line);}
#pun legend{
padding: 0 var(--mb-small-space);}
#pun :is(input,textarea,select,button){
max-width: 100%;font: inherit;color: var(--mb-text);}
#pun :is(input:where(:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=reset])),textarea,select){
padding: var(--mb-small-space);background: var(--mb-field);border: var(--mb-border) solid var(--mb-line);border-radius: var(--mb-radius);}
#pun :is(textarea,.longinput input){
width: 100%;}
#pun textarea{
min-height: var(--mb-input-height);resize: vertical;}
#pun :where(button,input.button,input[type=submit],input[type=button]){
padding: var(--mb-small-space) var(--mb-space);border: var(--mb-border) solid var(--mb-line);border-radius: var(--mb-radius);background: var(--mb-button);color: var(--mb-button-text);cursor: pointer;}
#pun input::file-selector-button{
padding: var(--mb-small-space);border: 0;background: var(--mb-button);color: var(--mb-button-text);}
#pun .formsubmit{
display: flex;flex-wrap: wrap;gap: var(--mb-small-space);margin-top: var(--mb-space);}
#pun #form-buttons td{
padding:0;border:0;position:relative;display:block;flex:1 1 0;min-width:18px;max-width:30px;width:auto;height:28px;background:none !important;color:var(--mb-muted);}
#pun #form-buttons img{
max-width: none;}
#pun .checkfield input, #pun .radiofield input{
width: auto;}
#pun .plashka{
display:flex;align-items:center;gap:0;padding:0;background:transparent;border-radius:var(--mb-radius);}
#pun .plashka>a:first-child{
position:relative;z-index:1;flex:0 0 32px;width:32px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--mb-panel);}
#pun .plashka>a:first-child img{
display: block;width: var(--mb-badge-icon-size);height: var(--mb-badge-icon-size);object-fit: contain;}
#pun .plashka>div{
flex:1;min-width:0;margin-left:-8px;padding:6px 6px 6px 14px;border-radius:10px;background:linear-gradient(var(--mb-badge-veil),var(--mb-badge-veil)),var(--mb-badge-image,none) center/cover var(--mb-brush);font:10px/1.25 var(--mb-font);box-shadow:inset 0 1px 4px var(--mb-shadow);}
#pun .plashka>div>:is(strong,span){
display: block;}
#pun :is(.pa-awards,.pa-gifts,.mini_awards_label,.mb-awards,.mb-author-awards,.mb-awards-details,#profile-gifts,#profile-awards){
display: none;}
#pun .category{
padding:0;background:none;}
#pun .category>h2{
position:relative;padding:22px 44px 0;text-align:center;color:var(--mb-category-heading);font:var(--mb-category-size)/1.1 var(--mb-category-font);letter-spacing:.08em;text-transform:uppercase;}
#pun .category>h2::after{
content:"";display:block;height:8px;margin:-9px -35px 0;position:relative;z-index:1;border-radius:3px 3px 0 0;background:var(--mb-category-shelf);}
#pun .category>.container{
overflow:hidden;border-radius:0 0 var(--mb-radius) var(--mb-radius);background:var(--mb-panel);}
#pun .category table{
table-layout:fixed;}
#pun .category thead{
display:none;}
#pun .category td{
height:var(--mb-forum-row-height);padding:12px;vertical-align:middle;background:var(--mb-panel);}
#pun .category tr:last-child td{
border-bottom:0;}
#pun .category .tcl{
position:relative;width:60%;padding:18px 18px 18px calc(var(--mb-category-books-width) + 18px);}
#pun .category .tcl::before{
content:"";position:absolute;inset:0 auto 0 0;width:var(--mb-category-books-width);background:var(--mb-category-art) left top / var(--mb-category-books-size) auto repeat-y;filter:grayscale(.8);opacity:.5;pointer-events:none;}
#pun .category tr:has(.inew) .tcl::before,
#pun .category .inew .tcl::before{
filter:none;opacity:1;}
#pun .category .icon{
display:none;}
#pun .category .tclcon h3{
margin:0;font:500 var(--mb-forum-title-size)/1.5 var(--mb-title-font);text-transform:uppercase;}
#pun .category .tclcon h3 a{
color:var(--mb-text);}
#pun .category :is(.tc2,.tc3){
display:table-cell;width:8%;text-align:center;font:400 18px/1.4 var(--mb-title-font);color:var(--mb-muted);}
#pun .category .tcr{
width:24%;font-size:11px;line-height:1.6;}
#pun .category .user-avatar{
float:left;position:relative;margin-right:var(--mb-small-space);}
#pun .category .avatar-image{
display:block;width:var(--mb-forum-last-avatar);height:var(--mb-forum-last-avatar);background-size:cover;border-radius:var(--mb-radius);}
#pun .category .is-online{
position:absolute;right:0;top:0;width:8px;height:8px;border-radius:50%;background:var(--mb-online);}
#pun :is(.rv-forum-links,.podfl){
margin-top:var(--mb-space);font-size:0;text-align:left;}
#pun :is(.rv-forum-links,.podfl) :is(center,b){
font-size:0;text-align:inherit;}
#pun :is(.rv-forum-links,.podfl) a{
display:inline-block;margin:0 6px 0 0;padding:4px 9px;border-radius:3px;background:var(--mb-chip);color:var(--mb-forum-tag-text);font:400 10px/15px var(--mb-font);}
#pun :is(.rv-forum-links,.podfl) a:hover{
background:var(--mb-forum-tag-hover);}
#pun .mb-category-toggle{
position:relative;display:block;width:100%;padding:3px 12px;border:0;border-radius:0;background:var(--mb-category-bar);color:var(--mb-category-bar-text);font:10px/12px var(--mb-font);letter-spacing:.35px;text-align:center;}
#pun .mb-category-toggle::after{
content:"\2304 ";position:absolute;right:var(--mb-space);}
#pun .mb-category-toggle[aria-expanded=false]::after{
content:"\203a ";}
#pun .category>.container[hidden]{
display:none;}
#pun>.punbb{
position:relative;display:flex;flex-direction:column;border-radius:inherit;container-type:inline-size;}
#pun>.punbb>*{
min-width:0;background-color:var(--mb-paper);}
#pun #pun-title{
display:none;}
#pun #pun-navlinks{
order:-5;position:sticky;top:0;flex-shrink:0;margin:0;height:27px;min-height:27px;padding:1px 100px;border:0;background:var(--mb-menu-shade),var(--mb-menu-books);border-radius:12px 12px 0 0;z-index:101;}
#pun #pun-ulinks{
order:-4;position:sticky;top:27px;z-index:100;flex-shrink:0;margin:0;height:25px;min-height:25px;padding:1px 100px;border:0;background:var(--mb-menu-shade),var(--mb-menu-books);background-position:0 0,0 -27px;border-bottom:2px solid var(--mb-menu-line);}
#pun :is(#pun-navlinks,#pun-ulinks) a{
color:var(--mb-menu-text);}
#pun #html-header{
display:contents;}
#pun #mb-hero{
order:-3;position:relative;isolation:isolate;container-type:inline-size;width:100%;aspect-ratio:var(--mb-scene-ratio);margin:0;padding:0;overflow:hidden;border-radius:var(--mb-scene-radius) var(--mb-scene-radius) 0 0;background:var(--mb-scene-background) center/100% 100% no-repeat;color:var(--mb-scene-text);}
#pun #mb-hero>*{
position:absolute;z-index:2;}
#pun #mb-hero a{
color:var(--mb-scene-text);text-decoration:none;}
#pun #mb-hero a:hover{
color:var(--mb-scene-gold);}
#pun #mb-hero :is(p,h1,h3){
margin:0;}
#pun #mb-hero :is(.mb-scene-cat,.mb-scene-ear,.mb-scene-pumpkin,.mb-scene-candles){
pointer-events:none;background-position:center;background-size:contain;background-repeat:no-repeat;}
#pun #mb-hero .mb-scene-cat{
left:30%;top:32%;width:45%;height:41%;z-index:1;background-image:var(--mb-scene-cat);}
#pun #mb-hero .mb-scene-ear{
left:41.5%;top:34%;width:7.2%;height:14%;background-image:var(--mb-scene-ear);}
#pun #mb-hero .mb-scene-pumpkin{
left:56.5%;bottom:12.5%;width:28%;height:46%;z-index:3;background-image:var(--mb-scene-pumpkin);}
#pun #mb-hero .mb-scene-candles{
right:1%;bottom:0;width:19.7%;height:auto;aspect-ratio:550 / 450;z-index:3;background-image:var(--mb-scene-candles);}
#pun #mb-hero .mb-scene-best{
left:0;top:15%;bottom:25%;width:15.58%;display:flex;flex-direction:column;gap:1.2cqi;}
#pun #mb-hero .mb-scene-card{
position:relative;display:flex;flex-direction:column;flex:0 0 auto;min-height:0;gap:.35cqi;padding:.7cqi;border:var(--mb-border) solid var(--mb-scene-line);border-left:0;border-radius:0 7px 7px 0;font:.89cqi/1.4 var(--mb-font);background:var(--mb-scene-shade);}
#pun #mb-hero .mb-scene-card:nth-child(1){
flex:1 1 0;background:linear-gradient(var(--mb-scene-glass),var(--mb-scene-shade)),var(--mb-best-post-image) center/cover;}
#pun #mb-hero .mb-scene-card:nth-child(2){
background:linear-gradient(var(--mb-scene-glass),var(--mb-scene-shade)),var(--mb-best-episode-image) center/cover;}
#pun #mb-hero .mb-scene-card:nth-child(3){
background:linear-gradient(var(--mb-scene-glass),var(--mb-scene-shade)),var(--mb-cast-image) center/cover;}
#pun #mb-hero .mb-scene-card small{
display:block;color:var(--mb-scene-gold);font:500 .72cqi/1.3 var(--mb-font);text-transform:uppercase;}
#pun #mb-hero .mb-scene-card strong{
display:block;font:600 1.07cqi/1.2 var(--mb-title-font);}
#pun #mb-hero .mb-scene-author{
display:block;margin:0 0 0 3.75cqi;padding:1px .45cqi;font:.8cqi/1.4 var(--mb-font);}
#pun #mb-hero .mb-scene-author img{
position:absolute;left:.7cqi;top:.7cqi;width:3cqi;height:3cqi;object-fit:cover;border:var(--mb-border) solid var(--mb-scene-line);border-radius:7px;}
#pun #mb-hero .mb-scene-card .mb-scene-excerpt{
display:block;flex:1;min-height:0;height:auto;max-height:none;overflow:auto;padding-right:3px;text-align:justify;font:.89cqi/1.25 var(--mb-font);}
#pun #mb-hero .mb-scene-brand{
left:17%;top:27%;width:24%;text-align:center;}
#pun #mb-hero h1{
font:var(--mb-scene-logo-size)/1 var(--mb-logo-font);}
#pun #mb-hero h1 a{
color:var(--mb-scene-gold);white-space:nowrap;overflow-wrap:normal;}
#pun #mb-hero .mb-scene-subtitle{
margin-top:.7cqi;padding-top:.7cqi;border-top:1px solid var(--mb-scene-line);font:1.07cqi/1.3 Georgia,serif;letter-spacing:1em;color:var(--mb-scene-gold);}
#pun #mb-hero .mb-scene-admins{
display:flex;justify-content:center;gap:.35cqi;margin-top:.7cqi;font:.89cqi/1.5 var(--mb-font);}
#pun #mb-hero .mb-scene-admins a{
padding:2px 7px;border:1px solid var(--mb-menu-line);border-radius:3px;background:var(--mb-scene-glass);}
#pun #mb-hero :is(.mb-scene-writers,.mb-scene-active){
left:17%;width:24%;text-align:center;}
#pun #mb-hero .mb-scene-writers{
top:11.04%;}
#pun #mb-hero .mb-scene-active{
top:71%;}
#pun #mb-hero :is(.mb-scene-writers,.mb-scene-active) h3{
display:table;margin:0 auto .5cqi;padding:.3cqi .7cqi;font:400 .89cqi/1.2 var(--mb-font);letter-spacing:.125cqi;text-transform:uppercase;}
#pun #mb-hero .mb-scene-portraits{
display:flex;justify-content:center;gap:1cqi;}
#pun #mb-hero .mb-scene-portraits img{
display:block;width:3.125cqi;height:3.125cqi;object-fit:cover;border:1px solid var(--mb-scene-line);border-radius:50%;}
#pun #mb-hero .mb-scene-quote{
left:49%;top:8.9583%;width:22%;max-height:95px;padding:6px;overflow:auto;border:0;background:transparent;font:10px/14.5px var(--mb-font);text-align:justify;}
#pun #mb-hero .mb-scene-quote strong{
display:block;font-weight:400;}
#pun #mb-hero .mb-scene-nav{
top:30%;right:6%;width:23%;display:grid;gap:0;text-align:center;font:.98cqi/1.5 var(--mb-font);letter-spacing:.18cqi;}
#pun #mb-hero .mb-scene-nav h3{
position:absolute;top:-32px;left:0;right:0;margin:0;color:var(--mb-scene-gold);font:400 13px/20px var(--mb-font);letter-spacing:3px;}
#pun #mb-hero .mb-scene-nav a{
padding:0 8px;}
#pun #mb-hero .mb-hero-motto{
left:3.9286%;top:85%;bottom:auto;width:15.7143%;font:400 1.7cqi/1.1 var(--mb-name-font);text-align:center;color:var(--mb-scene-gold);}
#pun #mb-needed{
order:-2;position:relative;padding:8px 35px;background:var(--mb-paper);border-bottom:1px solid var(--mb-line);}
#pun #mb-needed h2{
display:table;margin:0 auto 7px;padding:4px 20px;border-radius:20px;background:var(--mb-chip);box-shadow:inset 0 2px 4px var(--mb-shadow);text-align:center;font:500 11px/13.2px var(--mb-font);letter-spacing:1.76px;}
#pun .mb-needed-track{
display:flex;align-items:stretch;gap:8px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;}
#pun .mb-needed-card{
position:relative;flex:0 0 var(--mb-wanted-width);display:flex;align-items:center;gap:7px;padding:5px 7px;border:0;border-radius:5px;background:var(--mb-panel);scroll-snap-align:start;}
#pun .mb-needed-card img{
flex:0 0 30px;display:block;width:30px;height:36px;object-fit:cover;border-radius:3px;}
#pun .mb-needed-card strong{
display:block;color:var(--mb-text);font:400 13px/14.95px var(--mb-title-font);}
#pun .mb-needed-card small{
display:block;margin-top:2px;white-space:normal;color:var(--mb-muted);font:9px/10.8px var(--mb-font);}
#pun #html-footer{
padding:0;order:1;}
#pun .rv-footer-art{
position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;padding:14px 20px 32px;overflow:hidden;border-radius:0 0 var(--mb-scene-radius) var(--mb-scene-radius);background:var(--mb-button);}
#pun .rv-banners{
display:flex;flex-wrap:wrap;justify-content:center;gap:5px;height:54px;overflow:auto;padding:3px 8px;border:1px solid var(--mb-menu-line);border-radius:12px;background:var(--mb-scene-glass);scrollbar-width:thin;}
#pun .rv-banners a{
flex:0 0 var(--mb-banner-width);height:var(--mb-banner-height);}
#pun .rv-banners img{
display:block;width:var(--mb-banner-width);height:var(--mb-banner-height);object-fit:contain;filter:grayscale(.8);opacity:.7;}
#pun .rv-banners a:hover img{
filter:none;opacity:1;}
#pun .rv-design-credit{
padding:5px 10px;border:1px solid var(--mb-menu-line);border-radius:16px;font:10px/16px var(--mb-font);}
#pun .rv-design-credit a{
color:var(--mb-scene-text);}
#pun .mb-scroll-buttons{
position:fixed;right:var(--mb-scroll-offset);bottom:var(--mb-scroll-offset);z-index:50;display:grid;gap:var(--mb-small-space);}
#pun .mb-scroll-buttons button{
width:var(--mb-scroll-size);height:var(--mb-scroll-size);padding:0;border-radius:50%;font-size:22px;}
#pun #mb-header-tools{
position:absolute;right:10px;top:1px;z-index:2;display:flex;align-items:center;justify-content:end;gap:3px;width:var(--mb-controls-width);height:25px;color:var(--mb-scene-gold);}
#pun #mb-header-tools button{
display: inline-grid;place-items: center;flex: 0 0 var(--mb-controls-size);width: var(--mb-controls-size);height: var(--mb-controls-size);padding: 0;border: 0;border-radius: var(--mb-radius);background: transparent;color: inherit;font-size: 22px;line-height: 1;}
#pun #mb-header-tools button:hover,
#pun #mb-header-tools button[aria-pressed="true"]{
background: var(--mb-scene-hover);}
#pun #mb-header-tools button:disabled{
opacity: .45;cursor: default;}
#pun #mb-header-tools .mb-player{
display: flex;align-items: center;border-left: var(--mb-border) solid var(--mb-scene-line);padding-left: var(--mb-small-space);}
#pun #mb-header-tools :is(svg,img){
width: 18px;height: 18px;fill: none;stroke: currentColor;stroke-width: 1.7;}

#pun #mb-hero .mb-scene-news{
display:flex;flex-wrap:nowrap;gap:.55cqi;left:auto;right:2%;bottom:4%;width:65%;height:7%;z-index:4;}
#pun #mb-hero .mb-scene-news a{
position:relative;display:flex;flex:1 1 0;min-width:0;flex-direction:column;justify-content:center;gap:2px;padding:.3cqi .5cqi;border:1px solid var(--mb-scene-gold);background:var(--mb-news-background);border-radius:4px;text-align:center;line-height:1.2;}
#pun #mb-hero .mb-scene-news strong{
font:700 .85cqi/1.2 Georgia,serif;color:var(--mb-news-text);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#pun #mb-hero .mb-scene-news small{
font-size:.7cqi;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#pun #mb-hero .mb-scene-news a::before{
position:absolute;left:-7px;top:-8px;display:grid;place-items:center;width:18px;height:18px;border:1px solid var(--mb-scene-gold);border-radius:50%;background:var(--mb-news-background);color:var(--mb-scene-gold);font:13px/1 var(--mb-font);}
#pun #mb-hero .mb-scene-news a:nth-child(1)::before{
content: var(--mb-news-icon-1);}
#pun #mb-hero .mb-scene-news a:nth-child(2)::before{
content: var(--mb-news-icon-2);}
#pun #mb-hero .mb-scene-news a:nth-child(3)::before{
content: var(--mb-news-icon-3);}
#pun #mb-hero .mb-scene-news a:nth-child(4)::before{
content: var(--mb-news-icon-4);}
#pun #mb-hero .mb-scene-news a:nth-child(5)::before{
content: var(--mb-news-icon-5);}
#pun #mb-hero .mb-scene-news a:nth-child(6)::before{
content: var(--mb-news-icon-6);}
#pun #mb-hero .mb-scene-news a[data-new]::after{
content:"NEW";position:absolute;right:5px;top:-6px;padding:0 2px;background:var(--mb-news-background);color:var(--mb-scene-gold);font:600 7px/9px var(--mb-font);letter-spacing:1px;}
#pun #mb-hero :is(.mb-scene-excerpt,.mb-scene-quote){
scrollbar-width: thin;scrollbar-color:var(--mb-scene-line) transparent;}
#pun #mb-hero .mb-scene-candles::before,
#pun #mb-hero .mb-scene-candles::after{
content: "";position: absolute;width: 4.5%;height: 10%;border-radius: 60% 40% 55% 45%;background: radial-gradient(ellipse at 50% 70%, var(--mb-flame-center) 20%, var(--mb-flame-edge) 65%, transparent 75%);transform-origin: bottom center;}
#pun #mb-hero .mb-scene-candles::before{
left:38.2%;top:19%;}
#pun #mb-hero .mb-scene-candles::after{
left:65%;top:-1%;}
body::before{
content:"";position:fixed;inset:-8px;z-index:-1;pointer-events:none;background:linear-gradient(var(--mb-background-veil),var(--mb-background-veil)),var(--mb-background) center/cover no-repeat;filter:blur(var(--mb-blur)) saturate(.55) brightness(.8);}
#pun #pun-navlinks a{
display:inline-flex;align-items:center;padding:2px .42cqi;min-height:22px;font:500 .96cqi/1.1 var(--mb-font);white-space:nowrap;overflow-wrap:normal;letter-spacing:0;}
#pun #pun-ulinks a{
display:inline-flex;align-items:center;padding:2px .42cqi;min-height:22px;font:500 .88cqi/1.1 var(--mb-font);white-space:nowrap;overflow-wrap:normal;letter-spacing:0;}
#pun #navawards{
display:none;}
#pun #mb-hero .mb-scene-card:first-child small{
margin-left:42px;}
#pun #mb-hero .mb-scene-card[data-month]::after{
content:attr(data-month);position:absolute;top:-9px;right:8px;padding:1px 8px;border:1px solid var(--mb-scene-gold);border-radius:12px;background:var(--mb-news-background);color:var(--mb-scene-gold);font:600 8px/10px var(--mb-font);letter-spacing:1px;text-transform:uppercase;}
#pun .mb-needed-track::-webkit-scrollbar{
display:none;}
#pun .mb-needed-card>span{
min-width:0;flex:1;}
#pun .mb-needed-card[data-new]{
flex-basis:252px;box-shadow:inset 0 0 0 1px var(--mb-scene-line),inset 0 0 14px var(--mb-shadow);}
#pun .mb-needed-card[data-new]::after{
content:"NEW";position:absolute;top:2px;right:6px;color:var(--mb-link);font:600 7px/1 var(--mb-font);letter-spacing:1px;}
#pun #mb-needed .mb-needed-arrow{
position:absolute;top:calc(50% + 10px);transform:translateY(-50%);z-index:2;display:grid;place-items:center;left:6px;width:23px;height:28px;min-width:0;min-height:0;line-height:1;padding:0;border:1px solid var(--mb-line);border-radius:4px;background:var(--mb-chip);color:var(--mb-text);font-size:18px;}
#pun #mb-needed .mb-needed-arrow[data-step="1"]{
left:auto;right:6px;}
#pun .category .tclcon>.modlist{
display:none;}
#pun :is(#pun-crumbs1,#pun-crumbs2) a{
display:inline-block;padding:7px 10px;border:1px solid var(--mb-line);border-radius:6px;background:var(--mb-chip);}
#pun #pun-index #pun-main>h1{
display:none;}
#pun .rv-footer-art::before{
content:"";position:absolute;inset:-5px;z-index:-1;background:linear-gradient(var(--mb-footer-shade),var(--mb-footer-shade)),var(--mb-footer-image) center 60%/cover;filter:blur(2px);}
#pun .post>.container::after{
display:none;}
#pun .post-author::before{
content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(var(--mb-veil),var(--mb-veil)),var(--mb-author-art) center top/cover;filter:blur(1px);pointer-events:none;}
#pun .post-author ul{
display:flex;flex-direction:column;}
#pun .post-author .pa-author{
position:relative;order:-6;padding:18px 8px 2px;font:24px/27.6px var(--mb-logo-font);}
#pun .post-author .pa-author>a{
position:relative;display:block;color:var(--mb-text);white-space:nowrap;overflow-wrap:normal;line-height:1.2;}
#pun .post-author .pa-author>a::before{
content:"";position:absolute;top:50%;left:-3px;right:-3px;height:1.45em;transform:translateY(-50%) rotate(-3deg);z-index:-1;background:var(--mb-brush);clip-path:polygon(1% 23%,10% 12%,25% 17%,45% 5%,62% 13%,83% 0,99% 15%,94% 31%,100% 49%,90% 60%,97% 79%,78% 84%,60% 97%,40% 87%,20% 100%,3% 81%,8% 61%,0 43%);}
#pun .post-author .pa-author::after{
content:"";position:absolute;top:-8px;right:4px;width:17px;height:38px;background:radial-gradient(circle at 50% 8px,var(--mb-paper) 0 2.5px,transparent 3px),var(--mb-ribbon-off);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);}
#pun .post-author.online .pa-author::after{
background:radial-gradient(circle at 50% 8px,var(--mb-paper) 0 2.5px,transparent 3px),var(--mb-ribbon);}
#pun .post-author .pa-title{
order:-5;font:10px/12px var(--mb-font);}
#pun .post-author .pa-avatar{
order:-4;margin:5px 0 6px;}
#pun .post-author .pa-fld4{
order:-3;}
#pun .post-author .pa-fld1{
order:-2;padding:4px 0;background:linear-gradient(90deg,transparent,var(--mb-line),transparent) center bottom/76% 1px no-repeat;}
#pun .post-author :is(.pa-fld2,.pa-fld3){
order:-1;margin:3px 0;padding:4px 7px;border-radius:2px;background:var(--mb-chip);box-shadow:inset 0 1px 3px var(--mb-shadow);font-size:11px;line-height:1.25;}
#pun :is(.post-author,.mb-profile-card) :is(lzname,fandom,lztext){
display:block;}
#pun :is(.post-author,.mb-profile-card) lzname{
padding:4px 0;}
#pun :is(.post-author,.mb-profile-card) lzname sup{
margin-left:5px;}
#pun :is(.post-author,.mb-profile-card) fandom{
margin:0 0 8px;padding:3px;letter-spacing:2px;border-radius:2px;background:var(--mb-fandom-band);box-shadow:inset 0 1px 3px var(--mb-shadow);}
#pun .post-author :is(.pa-ua,.pa-reg,.pa-registered,.pa-invites){
display:none;}
#pun #pun-stats{
margin:0;padding:16px 24px 24px;}
#pun #pun-stats h2{
position:relative;padding:12px 44px 0;text-align:center;color:var(--mb-category-heading);font:var(--mb-category-size)/1.1 var(--mb-category-font);}
#pun #pun-stats h2::after{
content:"";display:block;position:relative;height:8px;margin:-9px -35px 0;background:var(--mb-category-shelf);border-radius:3px 3px 0 0;}
#pun .rv-stats-caption{
padding:3px 16px;text-align:center;background:var(--mb-category-bar);color:var(--mb-category-bar-text);font-size:10px;}
#pun #pun-stats .statscon{
padding:14px 20px 0;}
#pun #pun-stats ul.container{
display:flex;flex-wrap:wrap;gap:8px 20px;}
#pun #pun-stats li{
padding:6px 11px;background:var(--mb-chip);border-radius:8px;font-size:11px;}
#pun #pun-stats li.item5{
width:100%;padding:16px 0 0;border-top:1px solid var(--mb-line);border-radius:0;background:none;font-size:12px;line-height:1.8;}
#pun #pun-stats li.item5 div>span{
display:block;margin-top:5px;}
#pun #statistic-other{
display:flex;flex-wrap:wrap;justify-content:center;gap:6px 12px;font-size:10px;}
#pun #statistic-other span{
padding:0;}
#pun :is(.post-rating,.post-vote){
display:inline-flex!important;position:static;float:none;vertical-align:middle;margin:4px 2px;}
#pun :is(.post-rating,.post-vote) .container{
display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;padding:0 5px;border:1px solid var(--mb-line);border-radius:5px;background:var(--mb-chip);color:var(--mb-link);text-align:center;}
#pun .post-vote a{
display:block;min-width:14px;font-weight:600;font-size:18px;line-height:20px;}
#pun .post-rating a{
cursor:pointer;}
#pun .mb-pm-badge{
display:inline-block;position:relative;width:20px;height:18px;margin-left:5px;vertical-align:middle;}
#pun .mb-pm-paw{
display:block;width:15px;height:15px;margin:0;filter:brightness(0) invert(.85) sepia(.3) saturate(.8);}
#pun .mb-pm-count{
position:absolute;right:-3px;top:-5px;min-width:10px;padding:1px 2px;border-radius:6px;background:var(--mb-button);color:var(--mb-button-text);font:700 9px/11px var(--mb-font);text-align:center;}
#pun .mb-visit-time{
display:block;font-size:.9em;white-space:nowrap;color:var(--mb-muted);}
#pun :is(button,input[type=submit],input[type=button]) :is(span,strong){
color:inherit;}
#pun [hidden]{
display:none !important;}
#pun :is(#html-footer,#pun-about){
background:transparent;padding-bottom:0;}
#pun #pun-about .container{
background:transparent;}
#pun *{
scrollbar-width:thin;scrollbar-color:var(--mb-muted) transparent;}
#pun ::-webkit-scrollbar{
width:5px;height:5px;}
#pun ::-webkit-scrollbar-thumb{
border-radius:4px;background:var(--mb-muted);}
#pun ::-webkit-scrollbar-track{
background:transparent;}
#pun #mb-hero .mb-scene-breath{
position:absolute;left:3.5%;top:0;width:90%;height:100%;z-index:0;pointer-events:none;background:var(--mb-scene-breath) center/100% 100% no-repeat;transform-origin:41% 68%;}
#pun #mb-hero .mb-hw-spider{
position:absolute;right:8.46%;top:0;width:34px;height:41%;z-index:5;pointer-events:none;transform-origin:50% 0;}
#pun .mb-hw-spider-thread{
position:absolute;left:50%;top:0;bottom:26px;width:1px;background:var(--mb-scene-gold);opacity:.6;}
#pun .mb-hw-spider :is(svg,img){
position:absolute;bottom:0;width:34px;height:34px;}
#pun #form-buttons{
position:relative;padding:6px 0;border-block:1px solid var(--mb-line);}
#pun #form-buttons :is(table,tbody){
display:block;width:100%;}
#pun #form-buttons tr{
display:flex;flex-wrap:nowrap;align-items:center;gap:1px;}
#pun #form-buttons td::before{
content:"";position:absolute;inset:5px;pointer-events:none;background:currentColor;mask:var(--mb-editor-icon,var(--mb-icon-addition)) center/contain no-repeat;-webkit-mask:var(--mb-editor-icon,var(--mb-icon-addition)) center/contain no-repeat;}
#pun #form-buttons td>img{
display:block;width:100%;height:28px;opacity:0;cursor:pointer;}
#pun #form-buttons td>button{
display:block;width:100%;height:28px;padding:0;background:transparent;border:0;}
#pun #form-buttons td:hover{
color:var(--mb-link);background:var(--mb-chip) !important;border-radius:4px;}
#pun #form-buttons td>svg{
display:none;}
#pun .mb-float-panel{
position:absolute;top:calc(100% + 6px);left:0;right:auto;z-index:1100;width:max-content;max-width:calc(100vw - 24px);padding:6px;border:1px solid var(--mb-line);border-radius:6px;background:var(--mb-panel);}
#pun .mb-float-panel button{
margin:4px;}
#pun #smls-blk{
display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:12px 0;margin-top:10px;}
#pun #smls-blk button{
padding:5px 9px;background:var(--mb-chip);color:var(--mb-text);font-size:11px;}
#pun #mb-smile-panel{
margin:12px 0;padding:12px;max-height:320px;overflow:auto;border:1px solid var(--mb-line);border-radius:8px;background:var(--mb-panel);}
#pun #mb-smile-panel img{
width:auto;height:auto;max-width:100px;max-height:100px;object-fit:contain;margin:4px;cursor:pointer;vertical-align:middle;}
#pun :is(#image-area,#smilies-area,#color-area,#table-area,#font-area,#size-area){
background:var(--mb-panel);color:var(--mb-text);border-color:var(--mb-line);}
#pun #image-area label{
color:var(--mb-text);}
#pun #button-font{
--mb-editor-icon:var(--mb-icon-font);}
#pun #button-size{
--mb-editor-icon:var(--mb-icon-size);}
#pun #button-bold{
--mb-editor-icon:var(--mb-icon-bold);}
#pun #button-italic{
--mb-editor-icon:var(--mb-icon-italic);}
#pun #button-underline{
--mb-editor-icon:var(--mb-icon-underline);}
#pun #button-strike{
--mb-editor-icon:var(--mb-icon-strike);}
#pun #button-left{
--mb-editor-icon:var(--mb-icon-left);}
#pun #button-right{
--mb-editor-icon:var(--mb-icon-right);}
#pun #button-center{
--mb-editor-icon:var(--mb-icon-center);}
#pun #button-justify{
--mb-editor-icon:var(--mb-icon-justify);}
#pun #button-indent{
--mb-editor-icon:var(--mb-icon-indent);}
#pun #button-link{
--mb-editor-icon:var(--mb-icon-link);}
#pun #button-spoiler{
--mb-editor-icon:var(--mb-icon-spoiler);}
#pun #button-image{
--mb-editor-icon:var(--mb-icon-image);}
#pun #button-video{
--mb-editor-icon:var(--mb-icon-video);}
#pun #button-hide{
--mb-editor-icon:var(--mb-icon-hide);}
#pun #button-quote{
--mb-editor-icon:var(--mb-icon-quote);}
#pun #button-code{
--mb-editor-icon:var(--mb-icon-code);}
#pun #button-color{
--mb-editor-icon:var(--mb-icon-color);}
#pun #button-table{
--mb-editor-icon:var(--mb-icon-table);}
#pun #button-smile{
--mb-editor-icon:var(--mb-icon-smile);}
#pun #button-sticker-lazy{
--mb-editor-icon:var(--mb-icon-smile);}
#pun #button-sticker-lazy>i{
visibility:hidden;}
#pun #button-keyboard{
--mb-editor-icon:var(--mb-icon-keyboard);}
#pun #button-addition{
--mb-editor-icon:var(--mb-icon-addition);}
#pun #button-files_rusff{
--mb-editor-icon:var(--mb-icon-files_rusff);}
#pun #button-graffiti_rusff{
--mb-editor-icon:var(--mb-icon-graffiti_rusff);}
#pun #floatbut{
--mb-editor-icon:var(--mb-icon-floatbut);}
#pun #button-image-bbcode{
--mb-editor-icon:var(--mb-icon-image-bbcode);}
#pun #form-buttons #button-smile{
display:none!important;}
#pun #pun-online td:last-child{
white-space:nowrap;font-family:var(--mb-mono);font-size:var(--mb-small-size);}
#pun #pun-about a{
color:var(--mb-scene-text);}
#pun>.punbb>:is(.section,.main,.info,.formal){
margin-bottom:0;}
#pun :is(#pun-crumbs1,#pun-crumbs2) .crumbs>strong:first-child, #pun :is(#pun-crumbs1,#pun-crumbs2) .crumbs>strong:first-child+em, #pun .post-sig>dt{
display:none;}
#pun .post-author .pa-fld5, #pun #viewprofile :is(.pa-fld5,#pa-fld5){
display:none!important;}
#pun :is(#pun-navlinks,#pun-ulinks) li{
flex:0 1 auto;min-width:0;white-space:nowrap;}
#pun #mb-hero .mb-scene-card:first-child{
flex:2 1 0;}
#pun .category td.tcr{
overflow:hidden;}
#pun .category .lastpost-link{
display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;}
#pun .category .lastpost-link+br{
display:none;}
#pun .category .lastpost{
display:block;white-space:nowrap;font-size:var(--mb-small-size);}
#pun input[onclick*="mbRollDice"]{
display:block;float:right;margin:4px 0 12px auto;padding:4px 0;background:transparent;border:0;box-shadow:none;color:var(--mb-muted);font-size:var(--mb-small-size);}
#pun .post-rating a:not([href]):not([onclick]){
cursor:default;}
.mb-w-dialog{
box-sizing: border-box;width: min(880px,calc(100vw - 28px));max-height: 85vh;overflow: auto;padding: 20px;background: var(--mb-w-paper);color: var(--mb-w-ink);border: 1px solid var(--mb-w-line);border-radius: 16px;box-shadow: 0 15px 60px #0005;}
.mb-w-dialog::backdrop{
background: #16110db3;}
.mb-w-dialog button{
cursor: pointer;color: inherit;background: var(--mb-w-inset);border: 1px solid var(--mb-w-line);border-radius: 7px;padding: 7px 12px;margin: 3px;font: inherit;}
.mb-w-close{
float: right;}
.mb-w-options{
display: flex;flex-wrap: wrap;gap: 8px;}
.mb-w-options button{
width: 90px;height: 80px;padding: 4px;}
.mb-w-options img{
width: 100%;height: 100%;object-fit: contain;}
.mb-w-options button[aria-pressed=true]{
outline: 2px solid currentColor;}
.mb-w-options button:disabled{
opacity: .5;cursor: wait;}
.mb-w-topic{
display: block;margin: 8px 0;padding: 10px 14px;border-radius: 8px;background: var(--mb-w-inset);color: inherit;text-decoration: none;}
.mb-w-topic small{
display: block;opacity: .7;}
.mb-w-status{
font-size: 13px;min-height: 1.4em;}
.mb-w-dialog h3{
font: 22px Georgia,serif;margin: 18px 0 10px;}
.mb-w-tab[aria-selected=true]{
font-weight: bold;background: var(--mb-w-ink);color: var(--mb-w-paper);}
.mb-w-hidden-queue{
display: none !important;}
html body #pun .mb-w-dialog :is(.mb-author-awards,.pa-awards,.mb-awards-details,.mb-awards-content,.mb-awards-source,.mini_awards){
display: none !important;}
.mb-w-layout{
display: grid;grid-template-columns: 250px minmax(0,1fr);gap: 22px;align-items: start;clear: both;}
html body #pun .mb-w-dialog .mb-w-preview{
margin: 0 !important;padding: 0 !important;border: 0 !important;background: none !important;min-width: 0 !important;box-shadow: none !important;}
html body #pun .mb-w-dialog .post-author{
position: relative !important;inset: auto !important;float: none !important;box-sizing: border-box !important;width: 100% !important;max-width: 100% !important;min-width: 0 !important;margin: 0 !important;height: auto !important;transform: none !important;}
html body #pun .mb-w-dialog .post-author ul{
width: 100% !important;box-sizing: border-box !important;}
html body #pun .mb-w-dialog .pa-avatar img{
max-width: 100% !important;height: auto !important;}
.mb-w-main{
min-width: 0;}
.mb-w-tabs{
display: flex;gap: 8px;border-bottom: 1px solid var(--mb-w-line);padding-bottom: 10px;}
#pun .post-author .pa-author>button.mb-dossier-open{
position:absolute;top:-8px;right:4px;display:block;width:17px;height:30px;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:radial-gradient(circle at 50% 8px,var(--mb-paper) 0 2.5px,transparent 3px),var(--mb-ribbon-off);clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);cursor:pointer;z-index:3;}
#pun .mb-w-preview .mb-dossier-open{
display:none;}
#pun .mb-author-column{
grid-column:1;grid-row:1 / 4;align-self:stretch;min-width:0;}
#pun .mb-author-panel{
position:sticky;top:var(--mb-author-sticky-top,var(--mb-author-top));width:100%;}
#pun .mb-author-panel>.post-author{
width:100%;margin:0;}
#pun .mb-author-links{
display:flex;flex-wrap:wrap;justify-content:center;gap:10px;list-style:none;font:10px/1.5 var(--mb-font);min-height:32px;margin:0;align-items:center;padding:8px 0;}
#pun .mb-author-links li{
margin:0;padding:0;}
#pun .post-author .pa-author:has(>.mb-dossier-open)::after{
display:none;}
#pun .post-author.online .pa-author>button.mb-dossier-open{
background:radial-gradient(circle at 50% 8px,var(--mb-paper) 0 2.5px,transparent 3px),var(--mb-ribbon);}
#pun .mb-dossier-open:focus-visible{
outline:none;filter:brightness(1.35);}
#pun dialog.mb-w-dialog button{
background:var(--mb-chip);color:var(--mb-text);border:1px solid var(--mb-line);}
#pun dialog.mb-w-dialog button:hover{
background:var(--mb-forum-tag-hover);color:var(--mb-text);}
#pun dialog.mb-w-dialog .mb-w-tab[aria-selected=true]{
background:var(--mb-field);color:var(--mb-text);box-shadow:inset 0 -2px var(--mb-gold);}
#pun .mb-post-feedback{
display:flex;align-items:center;justify-content:flex-end;gap:5px;margin:12px 0 0;clear:both;}
#pun .mb-post-feedback :is(.post-rating,.post-vote){
position:static;float:none;display:inline-flex;margin:0;inset:auto;}
#pun .mb-post-feedback .container{
margin:0;min-width:24px;min-height:24px;display:flex;align-items:center;justify-content:center;}
#pun #viewprofile table:has(#profile-left){
display:grid;grid-template-columns:var(--mb-author-width) minmax(0,1fr);gap:var(--mb-gap);width:100%;}
#pun #viewprofile table:has(#profile-left)>tbody, #pun #viewprofile table:has(#profile-left)>tbody>tr{
display:contents;}
#pun #profile-left img{
display:block;margin:auto;max-width:100%;height:auto;}
#pun #profile-name{
font:var(--mb-name-size)/1.2 var(--mb-logo-font);}
#pun #profile-right{
display:grid;gap:10px;float:none;width:auto;min-width:0;padding:0;border:0;}
#pun #profile-right li{
display:grid;grid-template-columns:minmax(110px,30%) minmax(0,1fr);gap:12px;padding:10px 0;align-items:start;}
#pun #profile-right li>span{
margin:0;color:var(--mb-muted);}
#pun #profile-right li>:is(strong,div){
min-width:0;font-weight:400;}
#pun #profile-right :is(lzname,fandom,lztext){
display:block;margin-bottom:6px;}
#pun #profile-right .plashka{
max-width:var(--mb-author-width);}
#pun #profile-right :is(#pa-fld5,#pa-awards,#pa-gifts){
display:none;}
#pun #profilenav h2{
font:600 14px/1.4 var(--mb-font);margin:0 0 8px;}
#pun #profilenav a{
display:block;padding:6px 9px;border:1px solid transparent;border-radius:var(--mb-radius);font-size:12px;line-height:1.4;}
#pun #profilenav .isactive>a{
border-color:var(--mb-line);background:var(--mb-chip);}
#pun #profile, #pun #viewprofile-next{
margin-left:0;min-width:0;}
#pun #profile>form{
margin:0;}
#pun :is(#punbbsearch,#userlist) .fs-box.inline{
display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;}
#pun :is(#punbbsearch,#userlist) .fs-box.inline>:is(.inputfield,.selectfield){
flex:1 1 160px;min-width:0;margin:0;}
#pun :is(#punbbsearch,#userlist) .fs-box.inline .infofield{
flex:0 0 100%;font-size:var(--mb-small-size);color:var(--mb-muted);margin:0;}
#pun :is(#punbbsearch,#userlist) .input{
display:block;}
#pun :is(#punbbsearch,#userlist) :is(input[type=text],select){
width:100%;min-width:0;}
#pun #pun-messages .messages-container>.container{
display:grid;grid-template-columns:var(--mb-sidebar-width) minmax(0,1fr);gap:var(--mb-gap);}
#pun #pun-messages #notify-settings{
grid-column:1/-1;}
#pun #pun-messages #profilenav{
grid-column:1;min-width:0;float:none;width:auto;}
#pun #pun-messages #profilenav ul{
display:block;margin-bottom:18px;}
#pun #pun-messages #messages{
grid-column:2;min-width:0;margin:0;}
#pun #pun-messages #messages fieldset{
padding:10px;}
#pun #messages table{
table-layout:fixed;}
#pun #messages tr.icon{
display:table-row;float:none;width:auto;height:auto;margin:0;border:0;border-radius:0;}
#pun #messages .pmtcl1{
width:52%;text-align:left;}
#pun #messages .pmtc22{
width:25%;text-align:left;}
#pun #messages .pmtc33{
width:18%;white-space:nowrap;text-align:center;}
#pun #messages .pmtc24{
width:5%;text-align:center;padding:4px;}
#pun #messages .tclcon{
min-width:0;margin-left:20px;}
#pun #messages .tclcon>a{
display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#pun #messages .user-avatar{
float:left;margin-right:8px;}
#pun #messages .avatar-image{
display:block;width:32px;height:32px;background-position:center;background-size:cover;border-radius:5px;}
#pun #pun-admain{
display:flow-root;position:static;float:none;width:auto;min-width:0;margin:0;padding:18px 24px 28px;}
#pun #pun-admain>h1{
margin:0 0 18px;}
#pun #pun-adnav{
float:left;width:var(--mb-sidebar-width);margin:0;padding:0;}
#pun #pun-adnav :where(.adcontainer,#adnav-standard,ul,li){
display:block;position:static;float:none;margin:0;padding:0;list-style:none;}
#pun #pun-adnav li{
position:relative;}
#pun #pun-adnav a{
display:block;min-height:0;padding:5px 9px;font:500 12px/1.4 var(--mb-font);color:var(--mb-link);border-radius:var(--mb-radius);}
#pun #pun-adnav .adsubnav{
display:none;padding:3px 0 5px 12px;}
#pun #pun-adnav .isactive>.adsubnav{
display:block;}
#pun #pun-adnav .adsubnav a{
font-size:11px;padding:3px 6px;text-decoration:none;}
#pun #pun-adnav li>sup{
position:absolute;right:4px;top:4px;font-size:8px;}
#pun #pun-admain>:is(.adformal,.adsection,.adinfo){
position:static;float:none;clear:none;width:auto;min-width:0;margin:0 0 20px calc(var(--mb-sidebar-width) + var(--mb-gap));}
#pun #pun-admain :is(.adcontainer,.adfs-box){
margin:0;min-width:0;}
#pun #pun-admain textarea{
width:100%;}
#pun #pun-admain :is(h2,h3){
font:600 14px/1.4 var(--mb-font);margin:0 0 10px;}
#pun #pun-main>h1, #pun #pun-admain>h1{
font:600 var(--mb-page-title-size)/1.3 var(--mb-title-font);overflow-wrap:anywhere;padding:12px 0;margin:0 0 16px;border-bottom:1px solid var(--mb-line);}
#pun .forum .tclcon>h3{
font:600 16px/1.4 var(--mb-title-font);}
#pun :is(.linkst,.linksb) :is(.pagelink,.postlink,.subscribelink){
display:flex;align-items:center;gap:5px;min-height:30px;font-size:12px;}
#pun :is(.linkst,.linksb) a, #pun :is(.linkst,.linksb) a:hover, #pun :is(.linkst,.linksb) a:focus{
display:inline-block;position:static;transform:none;margin:0;padding:4px 7px;border:1px solid transparent;font:inherit;line-height:20px;transition:color .15s,background-color .15s;text-decoration:none;}
#pun :is(.linkst,.linksb) a:hover{
background:var(--mb-chip);color:var(--mb-hover);}
#pun .pagelink strong{
display:inline-block;padding:4px 7px;line-height:20px;border:1px solid var(--mb-line);}
#pun #viewprofile-next{
display:grid;grid-template-columns:var(--mb-sidebar-width) minmax(0,1fr);gap:var(--mb-gap);align-items:start;}
#pun #viewprofile-next>#profilenav{
float:none;width:auto;}
#pun #viewprofile-next>#viewprofile{
min-width:0;}
#pun #profile>form:has(>#profilenav){
display:flow-root;}
#pun #profile>form>#profilenav{
float:left;width:var(--mb-sidebar-width);}
#pun #profile>form>:is(fieldset,.formsubmit){
min-width:0;margin-left:calc(var(--mb-sidebar-width) + var(--mb-gap));}
#pun #viewprofile-next>#profilenav ul, #pun #profile>form>#profilenav ul{
display:block;}
#pun #mb-header-tools button[aria-pressed="true"]{
background:transparent;}
#pun #tags{
position:relative;z-index:20;}
#pun #tags>.container{
top:0;max-width:100%;max-height:50vh;overflow:auto;box-shadow:0 4px 14px var(--mb-shadow);}
#pun #tags :is(#font-area,#size-area){
left:0;padding:8px 12px;min-width:90px;}
#pun .post-author .pa-author #tuser{
display:none;position:absolute;left:4px;top:4px;font-size:14px;line-height:20px;cursor:pointer;}
#pun .post-author .pa-author>.mb-dossier-open{
padding:0;min-width:0;min-height:0;border:0;box-shadow:none;border-radius:0;}
#pun .post .reactions-container{
display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:8px 0 0;}
#pun .post .reaction-chip{
display:inline-flex;align-items:center;justify-content:center;min-width:26px;min-height:26px;padding:4px 6px;border:1px solid var(--mb-line);background:var(--mb-chip);color:var(--mb-link);border-radius:4px;}
#pun .post .reaction-chip svg{
display:block;width:14px;height:14px;color:var(--mb-link) !important;fill:currentColor;}
#pun .post .reaction-chip:hover{
background:var(--mb-field);}
#pun .topic>h2,#pun #pun-live-rusff{
display:none;}
#pun #post-form>h2{
font-size:20px;margin:0 0 8px;}
#pun #post-form legend{
position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
#pun #post-form fieldset{
padding-top:12px;}
#pun #s-block{
position:relative;display:flex;align-items:center;gap:5px;flex:0 1 230px;margin:0;}
#pun #sTheme{
width:100%;min-width:0;padding:5px 26px 5px 8px;font-size:11px;}
#pun #s-block #isk{
position:absolute;right:7px;top:50%;transform:translateY(-50%);font-size:14px;cursor:pointer;}
#pun .linksb .subscribelink{
margin:0;}
#pun .linksb .postlink{
display:none;}
#pun #pun-main:has(>.topic)>h1{
display:none;}
#pun #pun-main>.formal>h2,#pun #pun-main>.usertable>h2,#pun #pun-main>.forum>h2{
font:600 16px/1.4 var(--mb-title-font);margin:8px 0;}
#pun .usertable table{
table-layout:auto;}
#pun .usertable :is(th,td){
width:auto;overflow-wrap:normal;word-break:normal;padding:12px 8px;}
#pun .usertable .tcl{
width:35%;}
#pun .usertable :is(.tc2,.tc3){
min-width:85px;}
#pun #pun-main>.forum .tc2{
width:18%;overflow-wrap:normal;}
#pun #pun-viewforum #pun-main>.forum .tc2{
width:8%;}
#pun #pun-main>.forum .tc3{
width:8%;}
#BookmCntToggle.default-style{
position:fixed;top:10px;left:8px;width:22px;height:28px;z-index:110;border:0;background:var(--mb-chip)!important;color:var(--mb-link)!important;border-radius:3px;box-shadow:none;opacity:.85;}
#BookmCntToggle.default-style::before{
position:absolute;left:7px;top:5px;width:8px;height:17px;margin:0;background:currentColor;clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%);}
#BookmCntToggle.default-style::after{
content:none;}
#pun .mb-post-feedback .post-rating .container{
padding:0;}
#pun .usertable>h2 .item2,#pun .forum>h2 .item2{
font:400 11px/1.4 var(--mb-font);color:var(--mb-muted);margin-left:8px;}
#pun #pun-main .usertable h2,#pun #pun-main .forum h2,#pun #pun-main .formal>h2{
font:600 16px/1.4 var(--mb-title-font);}
#pun #smilies-area{
padding:10px;line-height:28px;}
#pun #smilies-area img{
display:inline-block;width:auto;max-width:100%;height:auto;vertical-align:middle;margin:3px;}
#pun #mb-hero #mb-boo-watch{
appearance:none;position:absolute;left:1.25%;bottom:.6%;z-index:8;display:grid;place-items:end center;width:3.4%;height:8.75%;min-width:24px;min-height:28px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer;}
#pun #mb-boo-watch img{
display:block;width:auto;height:100%;max-width:100%;object-fit:contain;}
#pun #mb-hero .mb-boo-line{
display:block;}
#pun #mb-hero .mb-boo-motto{
cursor:pointer;}
#pun #mb-hero #mb-boo-watch.mb-boo-happy::after{
content:"\2665 ";position:absolute;right:0;top:0;color:var(--mb-scene-gold);font:16px/1 Arial;}
#pun #mb-hero #mb-boo-watch.mb-boo-angry::after{
content:"!";position:absolute;right:0;top:0;border-radius:50%;padding:2px 5px;background:var(--mb-unread);color:var(--mb-button-text);font:bold 12px/1 Arial;}
#pun #mb-hero .mb-blow{
right:5%;bottom:42%;z-index:8;padding:.35cqi .7cqi;border:1px solid var(--mb-scene-line);border-radius:12px;background:var(--mb-scene-shade);color:var(--mb-scene-text);font:.95cqi/1.2 var(--mb-font);cursor:pointer;}
#pun #mb-hero .mb-blow:disabled{
opacity:.55;cursor:default;}
#pun #mb-hero .mb-scene-effect{
inset:0;z-index:12;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at center,var(--mb-fog),var(--mb-fog-edge));opacity:0;}
#pun #mb-hero .mb-scene-effect[hidden]{
display:none;}
#pun #mb-hero .mb-scene-boo{
position:absolute;left:32%;top:20%;padding:2cqi;font:600 9cqi/1.5 var(--mb-name-font);color:var(--mb-fog-ink);opacity:0;white-space:nowrap;}
#pun #mb-hero .mb-scene-paw{
position:absolute;width:4.1%;height:auto;opacity:0;}
#pun #mb-hero[data-blowing=true] .mb-scene-candles::before,#pun #mb-hero[data-blowing=true] .mb-scene-candles::after{
opacity:0;}
#pun :is(#pun-crumbs1,#pun-crumbs2) a:hover{
text-decoration:none;}
#pun .forum table{
table-layout:fixed;}
#pun .forum :is(th,td){
padding:12px 10px;overflow-wrap:normal;}
#pun .forum .tcl{
width:52%;}
#pun .forum .tcr{
width:30%;}
#pun .forum .tclcon{
min-width:0;margin-left:20px;}
#pun .forum .tclcon>a{
font:600 15px/1.5 var(--mb-title-font);overflow-wrap:break-word;}
#pun .forum .tclcon>.byuser{
display:block;margin-top:3px;color:var(--mb-muted);font-size:11px;}
#pun .forum :is(.stickytext,.closedatafield){
font-size:10px;color:var(--mb-muted);}
#pun #topic-modmenu .container{
display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;padding:10px 0;font-size:11px;}
#pun #topic-modmenu .container::after{
display:none;}
#pun #pun-adnav h2,#pun #pun-admain .adformal h2{
background:var(--mb-chip);color:var(--mb-text);padding:10px;border:1px solid var(--mb-line);}
#pun #pun-admain :is(fieldset,.adcontainer){
border-color:var(--mb-line);}
#pun #pun-admain legend{
background:var(--mb-panel);color:var(--mb-text);}
html body #BookmCntToggle.default-style{
font-size:0!important;overflow:hidden;text-indent:0;}
html body #BookmCntToggle.default-style::before{
content:""!important;border:0!important;transform:none;inset:5px auto auto 7px;width:8px;height:17px;background:currentColor;clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%);}
html body #BookmCntToggle.default-style::after{
content:none!important;display:none!important;}
@media (max-width:700px){
#pun{
margin: 0 auto;}
#pun .post-author{
float: none;margin-bottom: var(--mb-space);width:100%;margin:0 auto 20px;}
#pun .post-body{
margin-left: 0;}
#pun .tcl{
width: 60%;}
#pun .tcr{
width: 40%;}
#pun #viewprofile table, #pun #viewprofile tbody, #pun #viewprofile tr, #pun #viewprofile td{
display: block;width: 100%;}
#pun .category .tcl{
width:50%;}
#pun .category :is(.tc2,.tc3){
width:10%;}
#pun .category .tcr{
width:30%;}
#pun .post{
display:block;}
#pun .post>.container{
display:block;}
#pun .post h3{
margin:0 0 12px;}
#pun .pa-avatar img{
margin:auto;}
#pun #pun-stats h2{
font-size:26px;padding-inline:16px;}
#pun #pun-stats h2::after{
margin-inline:-7px;}
#pun .mb-author-panel{
position:static;}
#pun .mb-author-column{
margin-bottom:20px;}
#pun .mb-author-panel>.post-author{
width:var(--mb-author-width);max-width:100%;margin:auto;}
#pun #viewprofile table:has(#profile-left){
grid-template-columns:minmax(0,1fr);}
#pun #profile-left{
width:var(--mb-author-width);max-width:100%;justify-self:center;}
#pun #pun-messages .messages-container>.container{
grid-template-columns:minmax(0,1fr);}
#pun #pun-messages :is(#profilenav,#messages){
grid-column:1;}
#pun #pun-messages #profilenav ul{
display:flex;flex-wrap:wrap;}
#pun #pun-adnav{
width:100%;float:none;margin-bottom:16px;}
#pun #pun-adnav #adnav-standard>ul{
display:flex;flex-wrap:wrap;gap:4px;}
#pun #pun-admain>:is(.adformal,.adsection,.adinfo){
margin-left:0;}
#pun #viewprofile-next{
grid-template-columns:minmax(0,1fr);}
#pun #profile>form>#profilenav{
float:none;width:auto;}
#pun #profile>form>:is(fieldset,.formsubmit){
margin-left:0;}
#pun #viewprofile-next>#profilenav ul, #pun #profile>form>#profilenav ul{
display:flex;flex-wrap:wrap;}
}
@media (max-width:900px){
#pun .rv-footer-art{
padding-bottom:30px;grid-template-columns:1fr;}
#pun .rv-design-credit{
justify-self:end;}
}
@media (max-width:600px){
.mb-w-layout{
grid-template-columns: minmax(0,1fr);}
.mb-w-preview{
width: min(250px,100%);justify-self: center;}
.mb-w-dialog{
padding: 14px;}
}
@media (hover:none) and (pointer:coarse){
body{
background:linear-gradient(var(--mb-background-veil),var(--mb-background-veil)),var(--mb-background) center top / auto 900px repeat-y;}
body::before{
content:none;}
#pun .mb-author-panel{
position:static;}
#pun .post-author::before,#pun .rv-footer-art::before,#pun .rv-banners img{
filter:none;}
#pun .post-author{
box-shadow:none;}
#pun .post-content :is(del,s,strike):not(:has(img)){
filter:none;color:transparent;text-shadow:0 0 3px var(--mb-muted);}
#pun .post-content :is(del,s,strike):active,#pun .post-content :is(del,s,strike):hover{
color:inherit;text-shadow:none;}
#pun .mb-needed-track{
scroll-snap-type:none;}
}

#pun #pun-main>.section:has(>div[id^="yandex_rtb_"]){padding:0;margin-block:12px;background:none;box-shadow:none;border-radius:0;}
#pun #viewprofile .mb-profile-card>li>strong{font-weight:400;}
#pun #viewprofile .mb-profile-card lztext{font-weight:400;font-size:12px;line-height:1.55;}
#pun #viewprofile .mb-profile-card :is(#profile-title,fandom){font-weight:600;}

#pun #topic-users-in .container{display:block;text-align:left;padding:8px 0;font-size:11px;line-height:1.6;}
#pun #topic-users-in .container>*{float:none;position:static;margin:0 4px 0 0;}