/* 01-imports.css */

@import url(style_cs.1794684170.css);

@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&display=swap);

@import url(https://forumstatic.ru/files/001b/df/32/99049.css);

/* 02-fonts.css */

@font-face {
  font-family: "Shlapak Script";
  src: url("https://forumstatic.ru/files/0004/e7/0d/85713.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cheque";
  src: url("https://forumstatic.ru/files/0004/e7/0d/42985.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Oswald";
  src: url("https://forumstatic.ru/files/0004/e7/0d/58925.ttf?v=1") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Lemony";
  src: url(https://forumstatic.ru/files/001a/7a/30/72508.otf?v=1) format("opentype");
}

@font-face {
  font-family: "Miracle World";
  src: url(https://forumstatic.ru/files/001a/7a/30/29551.otf?v=1) format("opentype");
}

@font-face {
  font-family: "My flora";
  src: url(https://forumstatic.ru/files/001a/7a/30/82741.otf?v=1) format("opentype");
}

@font-face {
  font-family: "Refines";
  src: url("https://forumstatic.ru/files/001a/7a/30/29399.otf?v=1") format("opentype");
}

@font-face {
  font-family: "Cormorant SC";
  src: url(https://forumstatic.ru/files/001a/7a/30/65686.otf?v=1) format("opentype");
}

@font-face {
  font-family: "garcia marquez";
  src: url(https://forumstatic.ru/files/001a/7a/30/94607.otf?v=1) format("opentype");
}

@font-face {
  font-family: "Dance Partner";
  src: url(https://forumstatic.ru/files/001a/7a/30/14590.ttf?v=1) format("truetype");
}

@font-face {
  font-family: "Felidae";
  src: url(https://forumstatic.ru/files/001a/7a/30/68993.ttf?v=1) format("truetype");
}

@font-face {
  font-family: "doppelganger";
  src: url(https://forumstatic.ru/files/001a/7a/30/13381.otf?v=1) format("opentype");
}

@font-face {
  font-family: "Mostly Bright";
  src: url(https://forumstatic.ru/files/001a/7a/30/29353.otf?v=1) format("opentype");
}

@font-face {
  font-family: "Lighthaus";
  src: url(https://forumstatic.ru/files/001a/7a/30/61946.ttf) format("truetype");
}

@font-face {
  font-family: "calypso";
  src: url(https://forumstatic.ru/files/001a/7a/30/11172.ttf?v=1) format("truetype");
}

@font-face {
  font-family: "iglets";
  src: url(https://forumstatic.ru/files/001a/7a/30/76718.ttf?v=1) format("truetype");
}

@font-face {
  font-family: "poiret one";
  src: url(https://forumstatic.ru/files/001a/7a/30/93160.ttf?v=1) format("truetype");
}

@font-face {
  font-family: "Playfair Display SC";
  src: url(https://forumstatic.ru/files/001a/7a/30/71487.ttf) format("truetype");
}

/* Имя refinest сохранено для старых [font=refinest]; URL общий с Refines. */

@font-face {
  font-family: "refinest";
  src: url("https://forumstatic.ru/files/001a/7a/30/29399.otf?v=1") format("opentype");
}

@font-face {
  font-family: "frankinity";
  src: url(https://forumstatic.ru/files/001a/7a/30/62147.otf) format("opentype");
}

@font-face {
  font-family: "mak-light";
  src: url(https://forumstatic.ru/files/001a/7a/30/42712.otf) format("opentype");
}

@font-face {
  font-family: "Beantown";
  src: url(https://forumstatic.ru/files/001a/7a/30/12300.ttf) format("truetype");
}

@font-face {
  font-family: "Chelthm";
  src: url(https://forumstatic.ru/files/001a/7a/30/84000.otf) format("opentype");
}

@font-face {
  font-family: "FloraG";
  src: url(https://forumstatic.ru/files/001a/7a/30/14927.otf) format("opentype");
}

@font-face {
  font-family: "AveAveBBG";
  src: url(https://forumstatic.ru/files/001a/7a/30/96079.otf) format("opentype");
}

@font-face {
  font-family: "Hamiltone";
  src: url(https://forumstatic.ru/files/001a/7a/30/91903.otf) format("opentype");
}

@font-face {
  font-family: "CCMatinee Idol";
  src: url(https://forumstatic.ru/files/001a/7a/30/81323.otf) format("opentype");
}

@font-face {
  font-family: "LaserStdG";
  src: url(https://forumstatic.ru/files/001a/7a/30/61111.ttf) format("truetype");
}

@font-face {
  font-family: "XXIIYeahScriptG";
  src: url(https://forumstatic.ru/files/001a/7a/30/77573.otf) format("opentype");
}

@font-face {
  font-family: "Boozy";
  src: url(https://forumstatic.ru/files/001a/7a/30/91497.otf?v=1) format("opentype");
}

@font-face {
  font-family: "Raina";
  src: url(https://forumstatic.ru/files/001a/7a/30/88609.otf?v=1) format("opentype");
}

@font-face {
  font-family: "SALong";
  src: url(https://forumstatic.ru/files/001a/7a/30/25817.otf?v=1) format("opentype");
}

@font-face {
  font-family: "Journalism";
  src: url(https://forumstatic.ru/files/001a/7a/30/67902.ttf?v=1) format("truetype");
}

@font-face {
  font-family: "emberly regular";
  src: url(https://forumstatic.ru/files/001a/7a/30/55215.ttf?v=1) format("truetype");
}

@font-face {
  font-family: "bebas";
  src: url(https://forumstatic.ru/files/001a/7a/30/38256.ttf) format("truetype");
}

@font-face {
  font-family: "grotesk";
  src: url(https://forumstatic.ru/files/001a/7a/30/10366.otf) format("opentype");
}

@font-face {
  font-family: "durance";
  src: url(https://forumstatic.ru/files/001a/7a/30/67301.otf) format("opentype");
}

@font-face {
  font-family: "pixy";
  src: url(https://forumstatic.ru/files/001a/7a/30/10266.ttf) format("truetype");
}

@font-face {
  font-family: "WorkSpaceG";
  src: url(https://forumstatic.ru/files/001a/7a/30/29156.ttf) format("truetype");
}

@font-face {
  font-family: "BlamBlam";
  src: url(https://forumstatic.ru/files/001a/7a/30/35174.ttf) format("truetype");
}

@font-face {
  font-family: "American TextC";
  src: url(https://forumstatic.ru/files/001a/7a/30/72112.ttf) format("truetype");
}

@font-face {
  font-family: "cyrillic goth";
  src: url(https://forumstatic.ru/files/001a/7a/30/87380.ttf) format("truetype");
}

@font-face {
  font-family: "montserrat";
  src: url(https://forumstatic.ru/files/001a/7a/30/68740.ttf) format("truetype");
}

@font-face {
  font-family: "Cuprum";
  src: url(https://forumstatic.ru/files/001a/7a/30/78215.ttf) format("truetype");
}

@font-face {
  font-family: "adelia";
  src: url(https://forumstatic.ru/files/001a/7a/30/63514.otf) format("opentype");
}

@font-face {
  font-family: "avegra";
  src: url(https://forumstatic.ru/files/001a/7a/30/12730.otf) format("opentype");
}

@font-face {
  font-family: "UnifrakturMaguntia";
  src: url(https://forumstatic.ru/files/001a/7a/30/36894.ttf?v=1) format("truetype");
}

@font-face {
  font-family: "mybb";
  src: url(https://cwotgoloski.ru/res/font/icons.woff2?3)format("woff2"),url(https://cwotgoloski.ru/res/font/icons.woff?3)format("woff"),url(https://cwotgoloski.ru/res/font/icons.ttf)format("truetype"),url(https://cwotgoloski.ru/res/font/icons.svg)format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Unbounded: прежнее Google-подключение без дополнительного CSS-запроса. */

/* cyrillic-ext */

@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/unbounded/v12/Yq6W-LOTXCb04q32xlpwtsZfvRIkSYZH.woff2) format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/unbounded/v12/Yq6W-LOTXCb04q32xlpwv8ZfvRIkSYZH.woff2) format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

/* vietnamese */

@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/unbounded/v12/Yq6W-LOTXCb04q32xlpwtMZfvRIkSYZH.woff2) format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/unbounded/v12/Yq6W-LOTXCb04q32xlpwtcZfvRIkSYZH.woff2) format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/unbounded/v12/Yq6W-LOTXCb04q32xlpwu8ZfvRIkSQ.woff2) format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* 03-animations.css */

@keyframes ot-letters {
  to {
    background-position: 240%0;
  }
}

@keyframes ot-drop {
  from {
    opacity: 0;
    transform: translateY(-9px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes ot-sway {
  0%,
100% {
    transform: rotate(-1.5deg);
  }

  50% {
    transform: rotate(1.5deg);
  }
}

@keyframes ot-shine {
  to {
    left: 145%;
  }
}

@keyframes ot-new-paw {
  0%,
65%,
100% {
    transform: rotate(0);
  }

  75% {
    transform: rotate(-7deg);
  }

  85% {
    transform: rotate(6deg);
  }

  93% {
    transform: rotate(-3deg);
  }
}

@keyframes ot-firefly-visible {
  0%,
100% {
    opacity: 0;
    transform: translate(0,0);
  }

  12% {
    opacity: .55;
  }

  24% {
    opacity: .95;
    transform: translate(5px,-5px);
  }

  41% {
    opacity: .3;
  }

  58% {
    opacity: .85;
    transform: translate(-4px,-11px);
  }

  76% {
    opacity: .6;
  }

  88% {
    opacity: 0;
    transform: translate(9px,-18px);
  }
}

@keyframes ot-leaf-drift {
  0% {
    opacity: 0;
    transform: translate3d(0,0,0);
  }

  8% {
    opacity: .8;
  }

  25% {
    transform: translate3d(-28px,calc(var(--leaf-distance)*.22),0);
  }

  48% {
    transform: translate3d(18px,calc(var(--leaf-distance)*.46),0);
  }

  72% {
    transform: translate3d(-22px,calc(var(--leaf-distance)*.72),0);
  }

  90% {
    opacity: .75;
  }

  100% {
    opacity: 0;
    transform: translate3d(12px,var(--leaf-distance),0);
  }
}

@keyframes ot-leaf-turn {
  0%,
100% {
    transform: rotate(-38deg) rotateY(10deg);
  }

  30% {
    transform: rotate(26deg) rotateY(65deg);
  }

  65% {
    transform: rotate(63deg) rotateY(-25deg);
  }
}

@keyframes ot-mist-drift {
  from {
    transform: translateX(-7%) translateY(3%);
    opacity: .45;
  }

  to {
    transform: translateX(9%) translateY(-4%);
    opacity: .85;
  }
}

@keyframes ot-water-run {
  from {
    background-position: 0 0;
  }

  to {
    background-position: -12px 34px;
  }
}

@keyframes ot-water-flow {
  from {
    transform: translate(-1.5px,-.8px);
  }

  to {
    transform: translate(1.5px,2.2px);
  }
}

@keyframes ot-water-shimmer {
  from {
    transform: translateX(-4px) scaleX(.94);
    opacity: .22;
  }

  to {
    transform: translateX(5px) scaleX(1.06);
    opacity: .62;
  }
}

@keyframes ot-pm-paw {
  0%,
100% {
    transform: rotate(-10deg);
  }

  50% {
    transform: rotate(10deg);
  }
}

@keyframes ot-crumb-glint {
  from {
    transform: translateX(-200%) skewX(-18deg);
  }

  to {
    transform: translateX(420%) skewX(-18deg);
  }
}

@keyframes ot-presence-sway {
  0%,
100% {
    transform: rotate(-4deg);
  }

  50% {
    transform: rotate(4deg);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes slideUp {
  from {
    transform: translateY(30px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes pulse {
  0%,
100% {
    box-shadow: 0 0 0 0 var(--ot-module-color-143);
  }

  50% {
    box-shadow: 0 0 0 6px var(--ot-module-color-144);
  }
}

/* 04-tokens-fallback.css */

/* REQUIRED: основные --ot-paper, --ot-ink, --ot-line, --ot-header-* приходят из действующего ROOT. */

/* FALLBACK: ниже только отсутствовавшие константы; :where не перебивает настройки ROOT. */

:where(:root) {
  --ot-frame-glass: rgba(164,170,158,.16);
  --ot-wanted-scroll: rgba(128,128,128,.32);
  --ot-wanted-scroll-hover: rgba(128,128,128,.5);
  --ot-footer-filter: brightness(.6) saturate(.5);
  --ot-firefly-core: rgba(247,245,188,1);
  --ot-firefly-halo: rgba(219,230,143,.5);
  --ot-grain: url("https://forumstatic.ru/files/001c/b4/2d/43389.svg");
  --ot-page-lift: rgba(235,238,222,.07);
  --ot-paper-lift: rgba(255,255,245,.05);
  --ot-wanted-surface: color-mix(in srgb,var(--ot-paper-raised) 76%,var(--ot-wash));
  --ot-wanted-edge: color-mix(in srgb,var(--ot-line) 55%,var(--ot-clear));
  --ot-wanted-shadow: color-mix(in srgb,var(--ot-shadow) 32%,var(--ot-clear));
  --ot-wanted-shine: rgba(255,255,245,.18);
  --ot-mist-color: rgba(231,236,220,.34);
  --ot-water-light: rgba(255,247,214,.7);
  --ot-peace-cats-width: 25%;
  --ot-peace-cats-height: 43%;
  --ot-peace-cats-right: 8.5%;
  --ot-peace-cats-bottom: 24%;
  --ot-page-veil: rgba(37,43,39,.83);
  --ot-fern-width: 28%;
  --ot-fern-height: 55%;
  --ot-fern-right: 0%;
  --ot-fern-bottom: 0%;
  --ot-slide-panel: rgba(24,31,26,.65);
  --ot-code-viewport: 64px;
  --ot-quote-compact: color-mix(in srgb,var(--ot-quote-paper) 65%,var(--ot-clear));
  --ot-notice-paper: var(--ot-paper-raised);
  --ot-notice-shadow: 0 6px 24px color-mix(in srgb,var(--ot-ink) 16%,var(--ot-clear));
  --ot-water-area: polygon(41% 75%,56% 75%,58% 75.5%,56% 78%,55% 80%,50% 80%,46% 79%,42% 79%);
  --ot-fight-width: 32%;
  --ot-fight-height: 53%;
  --ot-fight-right: 1%;
  --ot-fight-bottom: 22%;
  --ot-groom-right: 12%;
  --ot-groom-bottom: 27%;
  --ot-groom-fern-width: 22%;
  --ot-groom-fern-height: 41%;
  --ot-description-overlay: color-mix(in srgb,var(--ot-paper-raised) 70%,var(--ot-clear));
  --ot-description-scroll: var(--ot-wanted-scroll);
  --ot-wanted-inset-bg: color-mix(in srgb,var(--ot-wash) 70%,var(--ot-paper));
  --ot-wanted-inset-shadow: color-mix(in srgb,var(--ot-shadow) 55%,var(--ot-clear));
  --ot-wanted-inset-light: color-mix(in srgb,var(--ot-paper-raised) 60%,var(--ot-clear));
  --ot-profile-edit-bg: #80634e;
  --ot-profile-edit-text: #fff8ef;
  --ot-writers-top: 65px;
  --ot-pokemon-button-size: 30px;
  --ot-pokemon-icon-size: 18px;
  --ot-pokemon-actions-top: 65px;
  --ot-pokemon-window-width: 620px;
  --ot-pokemon-window-height: 560px;
  --ot-pokemon-backdrop: rgba(14,20,16,.58);
  --ot-v7-color-1: rgba(128,128,128,.45);
  --ot-v7-color-2: rgba(128,128,128,.65);
  --ot-v7-image-3: url("https://forumstatic.ru/uploads/0004/e7/0d/3943/952152.gif");
  --ot-v7-image-4: url("https://upforme.ru/uploads/0004/e7/0d/2/617313.gif");
  --ot-v7-image-5: url("https://upforme.ru/uploads/0004/e7/0d/3943/588415.jpg");
  --ot-v7-image-6: url("https://upforme.ru/uploads/0004/e7/0d/3943/37438.gif");
  --ot-v7-image-7: url("https://upforme.ru/uploads/0004/e7/0d/3943/995644.webp");
  --ot-v7-image-8: url("https://upforme.ru/uploads/001c/34/47/2/522413.gif");
  --ot-v7-image-9: url("https://upforme.ru/uploads/0004/e7/0d/3943/745967.gif");
  --ot-v7-image-10: url("https://upforme.ru/uploads/0004/e7/0d/3943/673502.jpg");
  --ot-v7-image-11: url("https://upforme.ru/uploads/0004/e7/0d/3943/851873.webp");
  --ot-v7-image-12: url("https://upforme.ru/uploads/0004/e7/0d/3943/648260.webp");
  --ot-v7-image-13: url("https://upforme.ru/uploads/0004/e7/0d/3943/204554.webp");
  --ot-v7-image-14: url("https://upforme.ru/uploads/0004/e7/0d/3943/230874.gif");
  --ot-v7-image-15: url("https://upforme.ru/uploads/0004/e7/0d/1569/772282.gif");
  --ot-v7-image-16: url("https://upforme.ru/uploads/0004/e7/0d/1569/326010.gif");
  --ot-v7-image-17: url("https://upforme.ru/uploads/0004/e7/0d/1569/721184.gif");
  --ot-v7-image-18: url("https://upforme.ru/uploads/0004/e7/0d/3943/962671.webp");
  --ot-v7-image-19: url("https://upforme.ru/uploads/0004/e7/0d/3943/175747.gif");
  --ot-v7-color-20: rgb(222,222,222);
  --ot-v7-color-21: rgba(0,0,0,0.25);
  --ot-v7-color-22: #ffd700;
  --ot-v7-color-23: rgba(19,28,22,.9);
  --ot-v7-color-24: #eee9da;
  --ot-v7-color-25: #ffffff40;
  --ot-v7-color-26: rgba(139,155,134,0.18);
  --ot-v7-color-27: rgba(0,0,0,0.12);
  --ot-v7-color-28: rgba(255,255,255,0.08);
  --ot-v7-color-29: rgba(139,155,134,.09);
  --ot-v7-color-30: rgba(139,155,134,.14);
  --ot-v7-color-31: rgba(139,155,134,.08);
  --ot-v7-color-33: #f5f2e9;
  --ot-v7-color-35: rgba(15,20,17,0.78);
  --ot-v7-color-36: rgba(0,0,0,.38);
  --ot-v7-color-37: rgba(0,0,0,.16);
  --ot-v7-color-38: rgba(0,0,0,.32);
  --ot-v7-color-39: rgba(0,0,0,.06);
  --ot-v7-color-40: #19241e;
  --ot-v7-color-41: #eee9dd;
  --ot-v7-color-42: #fffaf0;
  --ot-v7-color-44: #151d17;
  --ot-v7-color-45: rgba(245,240,225,.09);
  --ot-v7-color-46: rgba(39,48,38,.82);
  --ot-v7-color-47: rgba(235,230,210,.28);
  --ot-v7-color-48: #eae7dd;
  --ot-v7-color-49: #30372f;
  --ot-v7-color-50: #c7c9bd;
  --ot-v7-color-52: #59644f;
  --ot-v7-color-53: #f5f2ea;
  --ot-v7-color-54: #e2e1d6;
  --ot-v7-color-55: #dedfd3;
  --ot-v7-color-56: rgba(20,30,20,.13);
  --ot-v7-color-57: rgba(31,39,32,.66);
  --ot-v7-color-58: rgba(39,48,38,.88);
  --ot-v7-color-59: #eee9dc;
  --ot-v7-color-60: #f0ede4;
  --ot-v7-color-61: #e3e0d5;
  --ot-v7-color-62: #343d34;
  --ot-v7-color-63: #b8bbae;
  --ot-v7-color-64: #f8f5ed;
  --ot-v7-color-67: #303931;
  --ot-v7-color-68: #263028;
  --ot-v7-color-69: #e5e4d8;
  --ot-v7-color-70: #536050;
  --ot-v7-color-71: #222c25;
  --ot-v7-color-72: #eeeadd;
  --ot-v7-color-73: rgba(47,58,44,.13);
  --ot-v7-color-74: rgba(0,0,0,.17);
  --ot-v7-color-75: #68705e;
  --ot-v7-color-76: #dadbcf;
  --ot-v7-color-77: rgba(0,0,0,.18);
  --ot-v7-color-78: rgba(139,155,134,.12);
  --ot-v7-color-79: rgba(139,155,134,.3);
  --ot-v7-color-80: #8886;
  --ot-v7-color-81: #0005;
}

/* 05-base-legacy.css */

.punbb .table_GamePosts tbody th {
  text-align: center;
  color: var(--ot-module-color-1);
}

#pre_placement>a {
  top: 3px;
  right: 2px;
  border: 0 none;
  z-index: 100;
}

.punbb .GamePst {
  padding: 0 !important;
}

/* Анкета: действующая адаптация, размеры и сетка сохранены. */

.chr0 {
  --marg: auto;
  --bgclr: var(--ot-module-color-2);
  --shp1: var(--ot-module-color-3);
  --shc: var(--ot-module-color-4);
  --shs: var(--ot-module-color-5);
  --epc: var(--ot-module-color-6);
  --zag: var(--ot-module-color-7);
}

.chr0 * {
  box-sizing: border-box;
}

.chr0 {
  overflow: hidden;
  position: relative;
  display: block;
  padding-bottom: 6px;
  font-family: Arial,sans-serif;
  font-size: 11px;
}

.shpk1 {
  position: relative;
  display: grid;
  grid-template-columns: 200px 1fr;
  grid-template-rows: auto;
  align-items: center;
  margin: 10px 0px 20px;
  padding: 14px 35px 14px 10px;
  background: var(--shp1);
  color: var(--shc);
  text-shadow: 0 1px 6px var(--shs);
}

.shpk1 img {
  object-fit: cover;
  object-position: 50% 50%;
  margin: auto;
  width: 150px;
  height: 60px;
  grid-row: 1/2;
  grid-column: 1/2;
}

.shpk1>ul {
  grid-row: 1/2;
  grid-column: 2/3;
}

.shpk1>ul li:nth-child(2) {
  padding-top: 4px;
  font-weight: bold;
  font-size: 11px;
  font-family: Arial,sans-serif;
  letter-spacing: 0.06em;
  opacity: 0.5;
}

.chr0 .shpk1:first-child {
  margin-top: 0px;
}

.chr0 p,
p.epp {
  display: block;
  padding: 0 30px 26px !important;
}

p.epp>zag {
  display: block;
  padding: 4px 0;
  font-style: normal !important;
  font-size: 14px;
  font-family: Arial,sans-serif;
  opacity: 0.8;
  color: var(--ot-module-color-8);
}

p.epp>em {
  display: block;
  padding: 4px 0 0 17px;
  font-style: normal !important;
  font-size: 11px;
  font-family: Arial,sans-serif;
  opacity: 0.8;
}

.chr0 a {
  color: var(--epc);
  text-decoration: none;
}

.chr0 a:hover {
  filter: brightness(1.25);
}

.epp zag:before {
  content: ">>";
  margin-right: 8px;
}

.shpk1>ul li:first-child,
.epp>a {
  font-family: Arial,sans-serif;
}

.shpk1>ul li:first-child {
  font-size: 27px;
}

.chr0 details {
  font-family: Arial,sans-serif;
  font-size: 12px;
  transition: all 0.3s ease;
}

.chr0 summary {
  cursor: pointer;
  padding: 10px 14px;
  background: var(--ot-wash);
  font-family: Arial,sans-serif;
  font-size: 13px;
  color: var(--ot-module-color-8);
  letter-spacing: 0.05em;
  user-select: none;
  transition: background 0.3s ease,color 0.3s ease;
}

.chr0 details[open] summary::before {
  transform: rotate(90deg);
}

.chr0 details p {
  margin: 0;
  margin-top: 10px;
  padding: 12px 12px 16px 16px;
  background: var(--ot-module-color-11);
  border-top: 1px solid var(--ot-module-color-12);
  font-family: Arial,sans-serif;
  font-size: 11px;
  color: var(--ot-module-color-13);
}

.chr0 summary::-webkit-details-marker {
  display: none !important;
}

.nm {
  display: none;
}

.fd {
  display: none;
}

.post-content .left {
  background-color: var(--ot-module-color-14);
  display: flex;
  width: min(500px,100%);
  Border-radius: 10px 10px 10px 10px;
  padding: 10px 10px 10px 10px;
  text-align: justify;
  margin-bottom: 5px;
  margin-left: 5px;
  box-shadow: 0 0 2px var(--ot-module-color-15);
  color: var(--ot-module-color-16);
}

.post-content .right {
  background-color: var(--ot-module-color-17);
  display: flex;
  width: min(400px,100%);
  Border-radius: 10px 10px 10px 10px;
  padding: 10px 10px 10px 10px;
  margin-left: auto;
  margin-bottom: 5px;
  margin-top: 5px;
  text-align: left;
  color: var(--ot-module-color-18);
}

.objav {
  display: flex;
  width: 630px;
  padding: 20px;
  color: var(--ot-module-color-19);
  line-height: 0.3em !important;
  background: var(--ot-asset-1) no-repeat center top,var(--ot-asset-2) no-repeat center bottom,var(--ot-asset-3) repeat-y center;
}

.objav_text {
  text-align: center;
  padding: 15px 20px 5px 20px;
  margin-top: -5px;
}

.zagolov {
  font: 1.1em Ebbe;
  text-align: center;
  margin-top: -20px;
  font-size: 1.7em;
}

.date {
  font-family: Ebbe;
  font-style: italic;
  margin-top: 5px;
  margin-left: 370px;
  text-align: center;
  font-size: 0.9em;
}

.announ {
  background: var(--ot-asset-4) no-repeat center;
  display: flex;
  width: 660px;
  Border-radius: 10px 10px 0px 0px;
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  border-color: var(--ot-module-color-20) var(--ot-module-color-21) var(--ot-module-color-21) var(--ot-module-color-20);
  padding: 10px 10px 10px 10px;
  text-align: justify;
  margin-bottom: 0px;
  color: var(--ot-module-color-16);
}

.announ_txt {
  background-color: var(--ot-module-color-14);
  display: flex;
  width: 660px;
  border-color: var(--ot-module-color-20) var(--ot-module-color-21) var(--ot-module-color-21) var(--ot-module-color-20);
  border-style: solid;
  border-width: 0px 0px 1px 1px;
  Border-radius: 0px 0px 10px 10px;
  padding: 10px 10px 10px 10px;
  text-align: center;
  margin-top: 0px;
  color: var(--ot-module-color-22);
}

div.post-rating,
div.post-vote {
  display: block;
  float: right;
}

div.post-vote p {
  float: right !important;
  border: 0 !important;
  padding: 5px 13px !important;
  margin-right: 5px !important;
}

div.post-vote a {
  font-size: 160% !important;
  text-decoration: none !important;
}

.punbb #pun-main .pun-modal.unread-notifications .section h2 {
  text-align: center !important;
}

.hideprofile .post-author,
.hideprofile .pl-email,
.hideprofile .pl-website {
  display: none !important;
}

.hideprofile .post-body {
  grid-column: 1/-1;
}

.hideprofile .post-content {
  width: 100%;
}

.hideprofile .post-links ul,
.post.hideprofile h3>span {
  margin-left: 0 !important;
}

.uniWrapper {
  max-width: 650px;
  width: 100%;
  margin: 0 auto;
  background: var(--ot-asset-5);
  --bingo-hover: var(--ot-asset-5);
}

.uniWrapper.dark {
  --bingo-hover: var(--ot-asset-6);
}

.uniGrid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 18px;
  font-family: Arial,sans-serif;
  letter-spacing: 2px;
  padding: 10px;
}

.uniCell {
  background: var(--ot-module-color-1);
  border-radius: 14px;
  padding: 18px;
  box-shadow: 0 6px 18px var(--ot-module-color-23);
  text-align: center;
  transition: 0.25s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 65px;
}

.uniCell.active {
  color: var(--ot-module-color-1);
}

.uniCellTitle {
  font-weight: 600;
  font-size: 21px;
  margin-bottom: 12px;
  line-height: 20px;
}

.uniInput {
  width: 100%;
  padding: 2px;
  border-radius: 5px;
  border: 1px solid var(--ot-module-color-24);
  font-size: 9px;
  box-sizing: border-box;
  opacity: 0.7;
  color: var(--ot-module-color-1) !important;
}

.uniButton {
  display: block;
  margin: 20px auto 10px auto;
  padding: 10px 20px;
  border: none;
  border-radius: 12px;
  font-size: 14px;
  cursor: pointer;
  background: var(--ot-module-color-25);
  color: var(--ot-module-color-1);
  font-weight: 600;
  width: 500px;
}

#uniResult {
  margin: 15px;
  white-space: pre-wrap;
  background: var(--ot-module-color-1);
  padding: 10px;
  border-radius: 10px;
  display: none;
  word-break: break-word;
  box-shadow: 0 6px 18px var(--ot-module-color-23);
  font-size: 11px;
}

.forest-adaptive-wrapper {
  background: var(--ot-module-color-45) !important;
  padding: 0;
  margin: 10px auto;
  max-width: 907px;
}

.forest-card {
  --f-bg: var(--ot-module-color-26);
  --f-txt: var(--ot-module-color-10);
  --f-acc: var(--ot-module-color-27);
  --f-brd: var(--ot-module-color-28);
  border-radius: 15px;
  background: var(--f-bg);
  color: var(--f-txt);
  font-family: Arial,sans-serif;
  border: 1px solid var(--f-brd);
  overflow: hidden;
  box-shadow: 0 8px 25px var(--ot-module-color-29);
  position: relative;
}

#theme-dark:checked~.forest-card {
  --f-bg: var(--ot-module-color-30);
  --f-txt: var(--ot-module-color-31);
  --f-acc: var(--ot-module-color-32);
  --f-brd: var(--ot-module-color-33);
}

#theme-winter:checked~.forest-card {
  --f-bg: var(--ot-module-color-34);
  --f-txt: var(--ot-module-color-35);
  --f-acc: var(--ot-module-color-36);
  --f-brd: var(--ot-module-color-37);
}

.color-switches {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 20;
  display: flex;
  gap: 8px;
  background: var(--ot-module-color-38);
  padding: 5px;
  border-radius: 20px;
}

.color-switches label {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  cursor: pointer;
  border: 2px solid var(--ot-module-color-1);
  transition: 0.3s;
}

.btn-std {
  background: var(--ot-module-color-27);
}

.btn-dark {
  background: var(--ot-module-color-39);
}

.btn-winter {
  background: var(--ot-module-color-36);
}

.f-header {
  position: relative;
  height: 280px;
  overflow: hidden;
  background: var(--ot-module-color-15);
}

.f-header img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.6s ease-in-out;
}

.f-title-box {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 30px 20px;
  background: linear-gradient(var(--ot-clear),var(--ot-module-color-40));
  color: var(--ot-module-color-26) !important;
  text-align: center;
  z-index: 5;
  transition: 0.4s;
}

.f-title-box h1 {
  margin-top: -100px;
  font-size: 39px;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-shadow: 2px 2px 5px var(--ot-module-color-15);
}

.f-hover-quote {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--ot-module-color-41);
  color: var(--ot-module-color-1);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  text-align: center;
  font-style: italic;
  opacity: 0;
  transition: 0.5s;
  z-index: 10;
  pointer-events: none;
  line-height: 1.6;
  font-size: 19px;
  font-family: Arial,sans-serif;
}

.f-header:hover img {
  transform: scale(1.1);
  filter: blur(2px);
}

.f-header:hover .f-hover-quote {
  opacity: 1;
}

.f-header:hover .f-title-box {
  opacity: 0;
}

.forest-adaptive-wrapper input[type="radio"] {
  display: none !important;
}

.f-nav {
  display: flex;
  background: var(--ot-module-color-42);
  border-bottom: 1px solid var(--f-brd);
}

.f-nav label {
  flex: 1;
  padding: 15px 5px;
  text-align: center;
  cursor: pointer;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--f-txt);
  opacity: 0.5;
  transition: 0.3s;
  border-bottom: 2px solid var(--ot-clear);
}

.f-content {
  display: none;
  padding: 25px;
  line-height: 1.7;
  font-size: 15px;
  min-height: 250px;
  animation: fadeIn 0.4s;
}

#t-1:checked~.forest-card .f-nav label[for="t-1"],
#t-2:checked~.forest-card .f-nav label[for="t-2"],
#t-3:checked~.forest-card .f-nav label[for="t-3"],
#t-4:checked~.forest-card .f-nav label[for="t-4"] {
  opacity: 1;
  color: var(--f-acc);
  border-bottom: 2px solid var(--f-acc);
}

#t-1:checked~.forest-card #c-1,
#t-2:checked~.forest-card #c-2,
#t-3:checked~.forest-card #c-3,
#t-4:checked~.forest-card #c-4 {
  display: block;
}

.f-block {
  margin-bottom: 15px;
  padding: 15px;
  border-left: 3px solid var(--f-acc);
  background: var(--ot-module-color-43);
  border-radius: 0 8px 8px 0;
}

.f-block b {
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  color: var(--f-acc);
  margin-bottom: 5px;
}

.f-link {
  color: var(--f-acc);
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px dashed var(--f-acc);
}

#t-5:checked~.forest-card #c-5 {
  display: block !important;
}

#t-5:checked~.forest-card label[for="t-5"] {
  background: var(--f-accent, var(--ot-module-color-44));
  color: var(--ot-module-color-1);
}

#button-justify {
  background: var(--ot-module-color-45);
}

#button-indent {
  background: var(--ot-module-color-45);
}

.pa-respect img {
  display: none !important;
}

.tabsy {
  width: 95%;
  padding: 9px;
  border: solid 1px;
  background: var(--ot-module-color-14);
  border-color: var(--ot-module-color-150) var(--ot-module-color-21) var(--ot-module-color-21) var(--ot-module-color-150);
  color: var(--ot-module-color-151);
  text-align: justify;
  margin: 0 auto;
}

.tabsy-img {
  border: solid 1px var(--ot-module-color-152);
  background-color: var(--ot-module-color-153);
}

.tabsy-banner {
  width: 100%;
  height: 350px;
  position: relative;
  overflow: hidden;
}

.tabsy-banner>p {
  padding: 0;
}

.tabsy-banner .tabsy-banner-name p {
  padding: 0;
  line-height: 100%;
}

.tabsy-banner img {
  width: 100%;
  height: 350px;
  position: absolute;
  overflow: hidden;
  z-index: 0;
}

.tabsy-banner-name {
  font: 60px Century Gothic;
  font-weight: 300 !important;
  letter-spacing: -1px;
  color: var(--ot-module-color-154);
  padding-top: 45px;
  text-shadow: 1px 1px 10px var(--ot-module-color-15),-1px -1px 10px var(--ot-module-color-15),1px -1px 10px var(--ot-module-color-15),-1px 1px 10px var(--ot-module-color-15);
  width: 100%;
  backdrop-filter: blur(2px);
}

.tabsy-quote-words {
  font: bold 12px Century Gothic;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--ot-module-color-154);
  text-shadow: 1px 1px 10px var(--ot-module-color-15),-1px -1px 10px var(--ot-module-color-15),1px -1px 10px var(--ot-module-color-15),-1px 1px 10px var(--ot-module-color-15);
  width: 100%;
  backdrop-filter: blur(1px);
}

.tabsy-banner-name,
.tabsy-quote-words {
  position: relative;
  z-index: 5;
}

.tabsy-banner span {
  padding: 5px;
}

.tabsy-quote-words-1 {
  padding-top: 18px;
  font: 30px Century Gothic;
  line-height: 25px;
  color: var(--ot-module-color-154);
  text-shadow: .75px .75px 0px var(--ot-module-color-154),.75px 0px 0px var(--ot-module-color-154),0px .75px 0px var(--ot-module-color-154),-.75px 0px 0px var(--ot-module-color-154),0px -.75px 0px var(--ot-module-color-154),-.75px .75px 0px var(--ot-module-color-154),.75px -.75px 0px var(--ot-module-color-154),-.75px -.75px 0px var(--ot-module-color-154);
  width: 76%;
  float: right;
  display: inline-block;
  z-index: 1;
}

.tabsy-border {
  border: solid 1px;
  border-color: var(--ot-module-color-150) var(--ot-module-color-21) var(--ot-module-color-21) var(--ot-module-color-150);
  border-top: none;
  padding: 10px 12px 0px 10px;
  height: 26px;
  background-color: var(--ot-module-color-155);
}

.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: var(--ot-module-color-156);
  z-index: 9999;
  display: none;
  top: 0;
  left: 0;
}

.reveal-modal.xlarge {
  width: 900px;
}

.reveal-modal .close-reveal-modal {
  font-size: 22px;
  line-height: .5;
  position: absolute;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
  top: -18px;
  right: 10px;
  color: var(--link-light);
  transition: color 0.8s ease;
}

.reveal-modal .close-reveal-modal:hover {
  color: var(--text);
  transition: color 0.8s ease;
}

#character {
  margin-left: 0;
  width: 991px;
  height: 630px;
  left: 267px;
  top: 80px !important;
  z-index: 99999;
}

.char-top {
  display: flex;
  gap: 20px;
  margin-bottom: 50px;
}

.char-top__img {
  height: 140px;
  width: 140px;
  border-radius: 20px;
}

.char-top__img img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.char-top__info {
  flex-basis: 100%;
}

.char-top__name {
  font-size: 20px;
  color: var(--link);
}

.char-top__descr {
  background: var(--zelen);
  border-radius: 15px;
  display: flex;
}

.char-top__text {
  padding: 15px;
  color: var(--link);
  flex-basis: 40%;
  min-height: 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.char-top__descr-img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  border-radius: 15px;
}

.menu-links {
  display: flex;
  gap: 25px;
  color: var(--link);
  font-size: 14px;
  border-bottom: 1px solid var(--link);
  padding: 10px;
}

.menu-links span {
  padding: 0 15px 0;
  cursor: pointer;
  position: relative;
}

.menu-links span::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -10px;
  display: block;
  width: 0;
  height: 5px;
  background: var(--link);
  transition: 0.5s;
}

.menu-links span:hover::before {
  width: 100%;
}

#submenu>div {
  margin-top: 15px;
  max-height: 200px;
  overflow: auto;
}

.submenutext {
  display: none;
}

.awards-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.awards-items {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.awards-item {
  aspect-ratio: 1;
  width: 100px;
  border-radius: 10px;
  overflow: hidden;
}

#post {
  position: relative;
}

.formal fieldset {
  min-width: 0;
}

#form-buttons {
  background: var(--addition-area);
  border-radius: 8px;
  margin-bottom: 10px;
}

#form-buttons td {
  position: relative;
  cursor: pointer;
}

#form-buttons td img {
  height: 16px;
  width: 100%;
  position: relative;
}

#post .formsubmit {
  display: flex;
  margin-top: 10px;
  justify-content: center;
  gap: 15px;
}

#button-font:before,
#button-size:before,
#button-bold:before,
#button-italic:before,
#button-underline:before,
#button-indent:before,
#button-strike:before,
#button-left:before,
#button-center:before,
#button-right:before,
#button-link:before,
#button-spoiler:before,
#button-image:before,
#button-video:before,
#button-hide:before,
#button-quote:before,
#button-code:before,
#button-color:before,
#button-smile:before,
#button-keyboard:before,
#button-table:before,
#button-addition:before,
#button-mask:before,
#button-grouphide:before,
#button-float:before,
#button-sticker:before,
#button-ChangeСase:before,
#floatbut:before,
#button-justify:before,
#button-html:before,
#button-removeprofile:before {
  width: 100%;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  font-family: FontAwesome;
  text-align: center;
  z-index: 0;
}

#button-font:before {
  content: "\f031 ";
}

#button-size:before {
  content: "\f034 ";
}

#button-bold:before {
  content: "\f032 ";
}

#button-italic:before {
  content: "\f033 ";
}

#button-underline:before {
  content: "\f0cd ";
  top: 1px;
}

#button-indent:before {
  content: "\f03c ";
}

#button-strike:before {
  content: "\f0cc ";
}

#button-left:before {
  content: "\f036 ";
}

#button-center:before {
  content: "\f037 ";
}

#button-right:before {
  content: "\f038 ";
}

#button-link:before {
  content: "\f0c1 ";
}

#button-spoiler:before {
  content: "\f070 ";
  font-size: 17px;
}

#button-image:before {
  content: "\f03e ";
  font-size: 18px;
}

#button-video:before {
  content: "\f167 ";
  font-size: 18px;
  top: 0px;
}

#button-hide:before {
  content: "\f023 ";
}

#button-quote:before {
  content: "\f10e ";
}

#button-code:before {
  content: "\f121 ";
}

#button-color:before {
  content: "\f576 ";
}

#button-smile:before {
  content: "\f118 ";
}

#button-keyboard:before {
  content: "\f11c ";
  font-size: 16px;
}

#button-table:before {
  content: "\f0ce ";
}

#button-addition:before {
  content: "\f0fe ";
}

#button-mask:before {
  content: "\f630 ";
}

#button-grouphide:before {
  content: "\f502 ";
}

#button-float:before {
  content: "\f03b ";
}

#button-sticker:before {
  content: "\f249 ";
}

#button-ChangeСase:before {
  content: "\f891 ";
}

#button-justify:before {
  content: "\f039 ";
}

#floatbut:before {
  content: "\f03b ";
}

#button-html:before {
  content: "\f1c9 ";
}

#button-removeprofile:before {
  content: "\f504 ";
}

#button-mask,
#button-grouphide,
#floatbut {
  background: none !important;
}

#button-sticker {
  background: none !important;
  width: 26px;
}

#floatbut {
  width: 25px;
}

.fs-box #tags {
  position: relative;
}

.fs-box #tags .container {
  position: absolute;
  top: -10px;
  z-index: 2;
  padding: 15px;
  background: var(--zelen);
  border-radius: 10px;
  font-size: 12px;
}

#font-area {
  height: 300px;
  overflow-y: auto;
  text-align: left;
  width: 220px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#font-area span,
#font-area img {
  height: 20px;
}

#font-area img,
#size-area span,
#size-area img {
  display: block;
}

#font-area img {
  width: 100%;
  margin-top: -20px;
}

#size-area span,
#size-area img {
  height: 24px;
}

#size-area img {
  width: 100%;
  margin-top: -24px;
}

#font-area div,
#size-area div,
#color-area div,
#table-area div,
#addition-area div,
#smilies-area div a,
#smilies-area img,
#image-source-list a,
#image-area-actions a,
#spoiler-sels a,
#video-host-list a {
  cursor: pointer;
}

#video-area,
#spoiler-area {
  width: 450px;
}

#image-area {
  width: 550px;
}

#image-source-list,
#video-host-list {
  margin-top: 10px;
}

#video-host-list {
  line-height: 170%;
}

#image-area-tcon-computer {
  margin: 0 0 1em;
}

#image-area-tcon-computer tr {
  display: flex;
  gap: 20px;
}

#imageupload-right {
  padding: 10px;
  flex-basis: 100%;
}

#imageQueue {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#image-area-actions {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}

#uploadQueueItem {
  padding: .8em 1em;
  border: 1px solid var(--ot-module-color-24);
}

.uploadQueueItem .cancel {
  font-size: 20px;
  font-weight: 700;
  font-family: Arial,sans-serif;
  position: absolute;
  right: 4px;
  top: 0;
}

.uploadProgress {
  height: 3px;
  margin: 2px 0 0;
  background: var(--addition-area);
}

.uploadProgressBar {
  background: var(--addition-area-hover);
  height: 3px;
  width: .1%;
  transition: width .1s linear;
}

.uploadQueueItem.error {
  border-color: var(--ot-module-color-158);
  background-color: var(--ot-module-color-159);
}

#uploaded-images {
  display: flex;
  gap: 5px;
  max-height: 144px;
  overflow-y: auto;
  flex-wrap: wrap;
}

#uploaded-images img {
  width: 88px;
  height: 66px;
  cursor: pointer;
}

#insert-image-tip {
  margin-top: 10px;
}

#upload-button-container,
#image-width,
#image-thumb-width,
#image-insert-format,
#insert-all-images-container {
  margin-top: 10px;
}

#upload-button-container img {
  cursor: pointer;
  width: 120px;
  height: 30px;
}

#spoiler-sels,
#image-area-sels,
#video-area-hsel {
  font-family: Arial,sans-serif;
  font-size: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#spoiler-type-list,
#image-source-list {
  display: flex;
  gap: 20px;
}

#video-area-msg {
  line-height: 2em;
}

#video-area-tinp,
#image-area-tinp {
  margin: .5em 0;
  padding: .3em;
  border: var(--ot-module-color-160) solid 1px;
  height: 70px;
}

#spoiler-area {
  right: 60px;
}

#video-area,
#table-area,
#image-area,
#smilies-area,
#keyboard-area,
#addition-area {
  right: 0;
}

#table-area table {
  width: auto;
}

#table-area div {
  text-align: center;
}

#color-area td,
#table-area td {
  line-height: 0;
}

#table-area td {
  border: 1px solid var(--ot-module-color-161);
}

#table-area td.selected {
  background: var(--ot-module-color-162);
}

#color-area td img,
#table-area td img {
  width: 100%;
  height: 20px;
  cursor: pointer;
}

#keyboard-area {
  text-align: center;
}

#keyboard-span input {
  margin: 6px 7px 0 0;
  padding: 0 10px;
  height: 25px;
  min-width: 30px;
}

#addition-area {
  font-family: Arial,sans-serif;
  font-size: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 250px;
  overflow: auto;
}

#addition-area span,
#font-area div {
  background: var(--link-light);
  border-radius: 10px;
  transition: all 0.8s;
}

#addition-area span,
#font-area span {
  padding: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#addition-area span:hover,
#font-area div:hover {
  color: var(--link-light);
  background: var(--addition-area-hover);
}

#post legend {
  background: var(--post-legend);
  padding: 10px 20px;
  border-radius: 10px;
  font-size: 11px;
  margin: 15px 0px;
  text-transform: uppercase;
}

.icons-plus {
  display: none !important;
}

.icons-search:before {
  content: "\e095 ";
}

.icons-font:before {
  content: "\e800 ";
}

.icons-size:before {
  content: "\e801 ";
}

.icons-video:before {
  content: "\e802 ";
}

.icons-image:before {
  content: "\e803 ";
}

.icons-plus:before {
  content: "\e804 ";
}

.icons-cancel:before {
  content: "\e805 ";
}

.icons-minus:before {
  content: "\e806 ";
}

.icons-star:before {
  content: "\e807 ";
}

.icons-cog:before {
  content: "\e808 ";
}

.icons-play:before {
  content: "\e809 ";
}

.icons-pause:before {
  content: "\e80a ";
}

.icons-fast-fw:before {
  content: "\e80b ";
}

.icons-fast-bw:before {
  content: "\e80c ";
}

.icons-code:before {
  content: "\e80d ";
}

.icons-table:before {
  content: "\e80e ";
}

.icons-spoiler:before {
  content: "\e80f ";
}

.icons-calendar:before {
  content: "\e810 ";
}

.icons-pencil:before {
  content: "\e811 ";
}

.icons-hide:before {
  content: "\e812 ";
}

.icons-list:before {
  content: "\e813 ";
}

.icons-indent-left:before {
  content: "\e814 ";
}

.icons-indent-right:before {
  content: "\e815 ";
}

.icons-trash-empty:before {
  content: "\e816 ";
}

.icons-off:before {
  content: "\e817 ";
}

.icons-heart:before {
  content: "\e818 ";
}

.icons-user:before {
  content: "\e819 ";
}

.icons-left:before {
  content: "\e81a ";
}

.icons-center:before {
  content: "\e81b ";
}

.icons-right:before {
  content: "\e81c ";
}

.icons-italic:before {
  content: "\e81d ";
}

.icons-bold:before {
  content: "\e81e ";
}

.icons-comment:before {
  content: "\e81f ";
}

.icons-resize-full:before {
  content: "\e820 ";
}

.icons-resize-small:before {
  content: "\e821 ";
}

.icons-quote:before {
  content: "\e822 ";
}

.icons-share:before {
  content: "\e823 ";
}

.icons-smile:before {
  content: "\e824 ";
}

.icons-youtube:before {
  content: "\e825 ";
}

.icons-link:before {
  content: "\e826 ";
}

.icons-volume-off:before {
  content: "\e827 ";
}

.icons-volume-down:before {
  content: "\e828 ";
}

.icons-volume:before {
  content: "\e829 ";
}

.icons-volume-up:before {
  content: "\e82a ";
}

.icons-addition:before {
  content: "\e82b ";
}

.icons-infinity:before {
  content: "\e82c ";
}

.icons-facebook:before {
  content: "\f09a ";
}

.icons-strike:before {
  content: "\f0cc ";
}

.icons-underline:before {
  content: "\f0cd ";
}

.icons-mail:before {
  content: "\f0e0 ";
}

.icons-keyboard:before {
  content: "\f11c ";
}

.icons-help:before {
  content: "\f128 ";
}

.icons-vkontakte:before {
  content: "\f189 ";
}

.icons-color:before {
  content: "\f1fb ";
}

.icons-odnoklassniki:before {
  content: "\f263 ";
}

.icons-vimeo:before {
  content: "\f27d ";
}

.icons-cancel-outline:before {
  content: "\e82d ";
}

.icons-ok-outline:before {
  content: "\e82e ";
}

.tipsy {
  padding: 5px;
  font-size: 11px;
  font-family: Arial,sans-serif;
  position: absolute;
  z-index: 100000;
}

.tipsy-inner {
  padding: 5px 8px 4px;
  background-color: var(--ot-module-color-165);
  color: var(--ot-module-color-149);
  max-width: 200px;
  text-align: center;
  border-radius: 3px;
}

.tipsy-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: var(--ot-clear) var(--ot-clear) var(--ot-module-color-15) var(--ot-clear);
}

.tipsy-n .tipsy-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-top: 0;
}

.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 11px !important;
  border-top: 0;
}

.tipsy-ne .tipsy-arrow {
  top: 0;
  left: auto !important;
  right: 11px;
  border-top: 0;
}

.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-color: var(--ot-module-color-15) var(--ot-clear) var(--ot-clear) var(--ot-clear);
  border-bottom: 0;
}

.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 11px !important;
  border-color: var(--ot-module-color-15) var(--ot-clear) var(--ot-clear) var(--ot-clear);
  border-bottom: 0;
}

.tipsy-se .tipsy-arrow {
  bottom: 0;
  left: auto !important;
  right: 11px;
  border-color: var(--ot-module-color-15) var(--ot-clear) var(--ot-clear) var(--ot-clear);
  border-bottom: 0;
}

.tipsy-e .tipsy-arrow {
  top: 50%;
  margin-top: -5px;
  left: auto !important;
  right: 0;
  border-color: var(--ot-clear) var(--ot-clear) var(--ot-clear) var(--ot-module-color-15);
  border-right: 0;
}

.tipsy-w .tipsy-arrow {
  top: 50%;
  margin-top: -5px;
  left: 0 !important;
  border-color: var(--ot-clear) var(--ot-module-color-15) var(--ot-clear) var(--ot-clear);
  border-left: 0;
}

.pun-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 100000;
}

.pun-modal .modal-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--ot-module-color-163);
  cursor: pointer;
  z-index: 110000;
}

.pun-modal .modal-inner {
  width: 700px;
  max-width: 94%;
  height: auto;
  max-height: 44em;
  margin: 12% auto 0;
  box-shadow: 0 0 14px var(--ot-module-color-164);
  position: relative;
  z-index: 120000;
  overflow: hidden;
  background: var(--back);
  border-radius: 8px;
  padding: 20px;
}

.pun-modal .modal-inner table {
  border-spacing: 0 10px;
  border-collapse: separate;
}

.pun-modal h2,
.pun-modal h1 {
  max-width: 700px;
  margin: 0;
}

.pun-modal .container {
  padding: .6em 1em;
  max-height: 40em;
  overflow: auto;
}

.pun-modal .closer {
  position: absolute;
  font-size: 1.5em !important;
  line-height: .8em;
  right: .4em;
  padding: .3em !important;
  margin: -.3em !important;
  cursor: pointer;
  background: none 0 var(--ot-clear) !important;
}

.noscroll {
  overflow: hidden !important;
}

.jGrowl {
  z-index: 9999;
  color: var(--ot-module-color-1);
  font-size: 12px;
  font-family: Arial,sans-serif;
  position: fixed;
}

.jGrowl.top-left {
  left: 0;
  top: 0;
}

.jGrowl.top-right {
  right: 0;
  top: 0;
}

.jGrowl.bottom-left {
  left: 0;
  bottom: 0;
}

.jGrowl.bottom-right {
  right: 0;
  bottom: 0;
}

.jGrowl.center {
  top: 0;
  width: 50%;
  left: 25%;
}

.jGrowl.center .jGrowl-closer,
.jGrowl.center .jGrowl-notification {
  margin-left: auto;
  margin-right: auto;
}

.jGrowl-notification {
  background-color: var(--ot-module-color-15);
  opacity: .9;
  zoom: 1;
  width: 250px;
  padding: 10px;
  margin: 10px;
  text-align: left;
  display: none;
  border-radius: 5px;
  min-height: 40px;
}

.jGrowl-notification .ui-state-highlight,
.jGrowl-notification .ui-widget-content .ui-state-highlight,
.jGrowl-notification .ui-widget-header .ui-state-highlight {
  border: 1px solid var(--ot-module-color-15);
  background: var(--ot-module-color-15);
  color: var(--ot-module-color-1);
}

.jGrowl-notification .jGrowl-header {
  font-weight: 700;
  font-size: .85em;
}

.jGrowl-notification .jGrowl-close {
  background-color: var(--ot-module-color-45);
  color: inherit;
  border: none;
  z-index: 99;
  float: right;
  font-weight: 700;
  font-size: 1em;
  cursor: pointer;
}

.jGrowl-closer {
  background-color: var(--ot-module-color-15);
  opacity: .9;
  zoom: 1;
  width: 250px;
  padding: 10px;
  margin: 10px;
  display: none;
  border-radius: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  font-size: .9em;
  font-weight: 700;
  text-align: center;
}

.jGrowl-closer .ui-state-highlight,
.jGrowl-closer .ui-widget-content .ui-state-highlight,
.jGrowl-closer .ui-widget-header .ui-state-highlight {
  border: 1px solid var(--ot-module-color-15);
  background: var(--ot-module-color-15);
  color: var(--ot-module-color-1);
}

@media print {
  .jGrowl {
    display: none;
  }
}

.character-container {
  background: var(--zelenlight);
  padding: 10px 30px;
  border-radius: 10px;
}

.awards-item {
  transition: transform 0.2s ease;
}

.awards-item:active {
  transform: scale(0.95);
}

#charAwards1 .awards-item,
#charAwards2 .awards-item {
  cursor: pointer;
}

.transparent25 {
  transition: opacity 0.3s ease;
}

.awards-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all 0.3s ease;
}

.awards-item:hover img {
  transform: scale(1.05);
}

.awards-item:active img {
  transform: scale(0.95);
}

.char-top__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}

.char-top__name {
  margin-bottom: 0;
  padding-left: 15px;
  flex-shrink: 0;
}

.twinks-selector {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  max-width: 70%;
}

/* 06-community-widgets.css */

.twink-btn {
  background: var(--zelen);
  border: none;
  color: var(--link);
  padding: 5px 12px;
  border-radius: 15px;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.twink-btn:hover {
  background: var(--link-light);
  color: var(--zelen);
}

.twink-btn.active {
  background: var(--link);
  color: var(--zelen);
  box-shadow: 0 0 5px var(--link-light);
}

.menu-links span.tabactive {
  position: relative;
}

.menu-links span.tabactive::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -10px;
  display: block;
  width: 100%;
  height: 5px;
  background: var(--link);
}

.awards-item {
  position: relative;
  cursor: help;
}

.awards-item .tip {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 110%;
  transform: translateX(-50%);
  background: var(--ot-module-color-166);
  color: var(--ot-module-color-1);
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 13px;
  max-width: 180px;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s ease;
  z-index: 9999;
  white-space: normal;
  font-weight: normal;
}

.awards-item:hover .tip {
  opacity: 1;
}

.awards-item .tip::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;
  transform: translateX(-50%);
  border: 6px solid var(--ot-clear);
  border-top-color: var(--ot-module-color-166);
}

#globalSubmenu>div,
#charSubmenu>div {
  margin-top: 15px;
  max-height: 200px;
  overflow: auto;
}

.menu:first-of-type {
  margin-top: 0;
}

#poll-special td {
  text-align: left !important;
  cursor: default !important;
}

#poll-special td.tac {
  text-align: center !important;
}

#poll-special td.tar {
  text-align: right !important;
}

div.pa-respect span {
  font-size: 0.9em;
  vertical-align: top;
}

div.post-vote p .negative {
  margin-left: 13px;
}

div.post-rating a {
  cursor: pointer !important;
}

.post-content .highlight-text {
  background-color: var(--ot-module-color-167);
  color: var(--ot-module-color-15);
}

.post-content hr {
  opacity: 0.5;
  margin-bottom: 0.8em;
}

.post-content abbr {
  cursor: help;
}

.post-content ul li {
  list-style: inherit;
  margin-bottom: 0.3em;
}

.post-content ul li ul {
  padding-bottom: 0;
}

.post-content ul li>p {
  padding-bottom: 0.3em;
}

.post-content ul li>p:last-of-type {
  padding-bottom: 0;
}

#imageup-area {
  width: 170px;
}

#imageattach-area {
  width: 770px;
  height: 200px;
  padding: 0px !important;
}

#imageup-area input {
  font-size: 0.8em;
}

#imageup-area p {
  padding: 0;
  margin: 0;
}

#imageup-title {
  margin-bottom: 10px !important;
}

#imageup-submit {
  margin-top: 10px !important;
}

#pun-messages #post-form div.container {
  padding-left: 2.3em;
}

#similar-topics {
  margin-top: 1em;
}

#similar-topics div.container {
  padding-top: 1.1em;
}

#similar-topics td {
  border: 0;
  padding: 0;
}

#similar-topics td.st-tcl {
  width: 60%;
}

#similar-topics td.st-tc2 {
  width: 25%;
  padding-right: 1em;
  text-align: right;
}

#similar-topics td.st-tcr {
  width: 15%;
  padding-right: 1em;
  text-align: right;
}

.postlink.long .new-topic {
  padding-right: 12px;
}

li.pa-ua {
  margin-top: 0.7em;
  display: flex;
  justify-content: center;
}

.punbb .post.new-ajax>* {
  border-width: 3px;
}

.punbb .post.new-ajax {
  display: none;
}

#pun-index .isub .tcl {
  padding-left: 3em !important;
}

#pun-main #subforums {
  padding: 1em 0 1em 1em;
  margin-bottom: 5px;
}

.notify-parent {
  position: relative;
}

.notify-bubble {
  background: var(--ot-module-color-169);
  border-radius: 3px;
  color: var(--ot-module-color-165);
  font: bolder 12px/1.2 Tahoma;
  margin: 0;
  min-width: 14px;
  padding: 0 1px;
  position: absolute;
  text-align: center;
}

.notify-bubble:after {
  border-color: var(--ot-module-color-169) var(--ot-clear);
  border-style: solid;
  border-width: 3px 3px 0;
  content: "";
  display: block;
  left: 5px;
  position: absolute;
  width: 0;
}

#pun-statistic .tc3 {
  width: 15%;
}

#pun-statistic .tc-username {
  width: unset;
  text-align: left;
}

#pun-statistic .tc-title {
  width: 25%;
  text-align: left;
}

#pun-statistic .tc-registered {
  width: 20%;
}

#pun-statistic .tc-topic {
  width: 50%;
}

#profile-name strong {
  font-size: 1.2em;
}

#profile-left li,
#profile-left li * {
  padding-left: 0;
  margin-left: 0;
}

#profile-signature {
  padding: 1.5em 1.5em 1em 1.5em;
  width: 94% !important;
}

#profile-signature ul {
  border-style: dashed;
  border-width: 1px 0 0 0;
  margin: 0;
  padding: 1em 1em 0 1em;
  text-align: center;
  color: var(--ot-module-color-168);
}

p[class="checkfield"] img,
div[class="checkfield"] img,
fieldset[class="radiofield"] img {
  height: auto;
  max-height: 50px;
}

.pa-fld1 img,
.pa-fld2 img,
.pa-fld3 img,
.pa-fld4 img,
.pa-fld5 img,
.pa-fld6 img,
.pa-fld7 img,
.pa-fld8 img,
.pa-fld9 img,
.pa-fld11 img,
.pa-fld12 img,
.pa-fld13 img,
.pa-fld14 img,
.pa-fld15 img,
.pa-fld16 img,
.pa-fld17 img,
.pa-fld18 img,
.pa-fld19 img,
.pa-fld20 img {
  vertical-align: text-top;
}

.social {
  background-image: var(--ot-asset-65);
  background-repeat: no-repeat;
  float: left;
  display: block;
  margin: 3px 5px;
  width: 16px;
  height: 16px;
}

.social-facebook {
  background-position: 0 0;
}

.social-google {
  background-position: -26px 0;
}

.social-mailru {
  background-position: -52px 0;
}

.social-odnoklassniki {
  background-position: -78px 0;
}

.social-twitter {
  background-position: -104px 0;
}

.social-vkontakte {
  background-position: -130px 0;
}

.social-yandex {
  background-position: -156px 0;
}

.social-youtube {
  background-position: -182px 0;
}

.social-instagram {
  background-position: -312px 0;
}

.social-linkedin {
  background-position: -338px 0;
}

.social-reddit {
  background-position: -442px 0;
}

.social-share {
  background-position: -468px 0;
}

.social-tumblr {
  background-position: -546px 0;
}

.topic a.sharelink {
  float: right;
  margin-left: 1em;
}

.post-share-tip {
  width: 164px;
  height: 124px;
}

.post-share-legend {
  background: var(--ot-module-color-14);
  text-align: center;
}

.post-share-tip span {
  font-family: Arial,sans-serif;
  color: var(--ot-module-color-1);
  font-size: 13px;
  line-height: 27px;
}

.post-share-icons {
  padding: 10px;
}

.post-share-tip a {
  margin: 5px 10px;
}

.punbb .flag-i {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
  margin-right: 1em;
}

.punbb .pa-author .flag-i {
  margin-right: 0.5em;
}

.punbb .flag-i:before {
  content: " ";
}

i[class^="icons-"]:before,
i[class*=" icons-"]:before,
.i[class*=" icons-"]:before,
.i[class^="icons-"] {
  font-family: "mybb";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lastedit {
  display: none;
}

.uniCell.active {
  background: var(--bingo-hover);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 38px 28px;
  background: var(--ot-page) var(--ot-page-image) center/cover fixed;
  color: var(--ot-ink);
  font: 13px/1.55 Arial,sans-serif;
}

a {
  color: var(--ot-accent);
  text-decoration: none;
  transition: color .2s;
}

a:hover {
  color: var(--ot-ink);
}

button,
input,
select,
textarea {
  font: inherit;
}

button,
a,
input,
textarea,
summary {
  touch-action: manipulation;
}

button {
  cursor: pointer;
}

/* 07-shell-header.css */

:focus-visible {
  outline: 2px solid var(--ot-accent);
  outline-offset: 4px;
}

img {
  max-width: 100%;
  height: auto;
}

table {
  border-collapse: collapse;
  width: 100%;
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
dl,
dd,
fieldset {
  margin: 0;
  padding: 0;
}

fieldset {
  border: 0;
  min-width: 0;
}

[hidden] {
  display: none !important;
}

#pun_wrap {
  margin: 0 auto;
}

body>.punbb {
  max-width: var(--ot-body-width);
  margin: 0 auto;
  min-width: 0;
}

#pun {
  width: 100%;
  max-width: var(--ot-body-width);
  margin: 0 auto;
  position: relative;
  isolation: isolate;
  border: 0;
  border-radius: 0;
  background: var(--ot-paper);
  box-shadow: none;
}

#pun>.punbb {
  width: 100%;
  min-width: 0;
  position: relative;
  background: var(--ot-atlas-lines) repeat,var(--ot-paper);
  border-radius: 0;
}

/* Меню форума и быстрый вход. */

.acchide,
#pun-title,
#pun-header,
#pun-navlinks h2,
#pun-ulinks h2,
#pun-status h2,
#pun-announcement>h2,
#pun-index #pun-main>h1,
.modlist,
.divider {
  display: none;
}

#html-header,
#html-footer {
  min-width: 0;
}

#pun-main,
#pun-crumbs1,
#pun-crumbs2 {
  margin: 0 25px;
}

#pun-main {
  padding-bottom: 22px;
}

#pun-status {
  display: none;
  position: absolute;
  right: auto;
  margin: 0;
  border-radius: 0;
  background: var(--ot-menu-glass);
  color: var(--ot-bar-text);
  backdrop-filter: blur(7px);
  z-index: 3;
  white-space: nowrap;
  overflow-x: auto;
}

.ot-hero>#pun-status {
  display: block;
}

#pun-status .container {
  display: flex;
  align-items: center;
  gap: 0 6px;
  flex-wrap: nowrap;
  padding: 0;
  margin: 0;
  white-space: nowrap;
}

#pun-status .item1,
#pun-status .item2 {
  flex: 0 0 auto;
}

#pun-status .status-right,
#pun-status #user {
  display: none !important;
}

#pun-status a {
  color: var(--ot-bar-text);
}

#pun-crumbs1,
#pun-crumbs2 {
  font-size: 11px;
  color: var(--ot-muted);
  padding: 14px 0;
}

.crumbs strong {
  display: none;
}

#pun-about {
  margin: 0;
  padding: 8px 25px;
  font-size: 10px;
  text-align: center;
  color: var(--ot-bar-muted);
  background: var(--ot-bar);
}

#pun-about a {
  color: var(--ot-bar-muted);
}

/* Верхняя ссылка скрывается после появления баннеров в нижнем блоке. */

#pun-navlinks>ul {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin: 0;
  overflow-x: auto;
  white-space: nowrap;
}

#pun-navlinks>ul>li {
  flex: 0 0 auto;
  float: none;
}

#pun-navlinks a {
  color: var(--ot-bar-text);
  font: 500 14px Arial,sans-serif;
  display: block;
  padding: 6px 0;
  white-space: nowrap;
}

#pun-navlinks a:hover,
#pun-navlinks .isactive>a {
  color: var(--ot-accent-bright);
}

#pun-navlinks .ot-notify-item {
  display: block;
}

#pun-navlinks #user,
#pun-navlinks #notify-link {
  position: static;
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none !important;
  filter: none !important;
}

#pun-navlinks #notify-link a {
  padding: 3px 0;
  width: auto;
  height: auto;
}

#pun-navlinks #notify-link img,
#pun-navlinks #notify-link>img {
  display: none;
}

.ot-theme-toggle {
  position: absolute;
  right: 17px;
  top: 8px;
  width: 30px;
  height: 30px;
  border: 1px solid var(--ot-glass-line);
  border-radius: 50%;
  color: var(--ot-bar-text);
  background: var(--ot-clear);
}

/* Шапка: заголовок, навигация, погода и иллюстрации. */

.ot-hero {
  position: relative;
  aspect-ratio: var(--ot-header-ratio);
  background-position: center;
  background-repeat: no-repeat;
  background-color: var(--ot-paper-raised);
}

.ot-hero__copy {
  position: absolute;
  left: var(--ot-header-left);
  color: var(--ot-title-ink);
  background: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.ot-eyebrow {
  font: 600 10px Arial,sans-serif;
  text-transform: uppercase;
}

.ot-title {
  font: 500 var(--ot-title-size)/.86 Arial,sans-serif;
  letter-spacing: -.04em;
  color: var(--ot-title-ink);
  display: inline-block;
  padding-bottom: .22em;
  margin-bottom: -.22em;
  overflow: visible;
}

.ot-title span {
  display: block;
}

#pun-index .ot-title:hover,
#pun-index .ot-title:focus-visible {
  background: linear-gradient(110deg,var(--ot-title-ink),var(--ot-accent-bright),var(--ot-ribbon),var(--ot-title-ink));
  background-size: 240% 100%;
  -webkit-background-clip: text;
  color: var(--ot-clear);
  animation: ot-letters 4s ease infinite;
}

.ot-tagline {
  font: italic 16px Arial,sans-serif;
}

.ot-hero-nav {
  display: flex;
  align-items: start;
  justify-content: flex-start;
  width: max-content;
  max-width: 100%;
}

.ot-nav {
  position: relative;
  flex: 0 0 auto;
  min-width: 0;
}

.ot-nav>button {
  border: 0;
  border-bottom: 1px solid var(--ot-accent);
  background: var(--ot-clear);
  color: var(--ot-title-ink);
  text-align: left;
  white-space: nowrap;
}

.ot-nav>button::after {
  content: "";
  display: inline-block;
  margin: 0 0 3px 8px;
  border-right: 1px solid var(--ot-accent);
  border-bottom: 1px solid var(--ot-accent);
  transform: rotate(45deg);
  transition: transform .2s;
}

.ot-nav>button[aria-expanded="true"]::after {
  transform: rotate(225deg);
}

.ot-nav__panel {
  position: absolute;
  left: 0;
  top: 100%;
  color: var(--ot-ink);
  border: 1px solid var(--ot-line);
  box-shadow: 0 12px 28px var(--ot-shadow);
  animation: ot-drop .25s var(--ot-ease);
}

.ot-nav__panel a {
  display: block;
}

.ot-nav__panel a:hover {
  background: var(--ot-wash);
}

.ot-ribbon-wrap {
  position: absolute;
  top: 0;
  left: 24px;
  width: 38px;
  height: 156px;
  z-index: 65;
  transform-origin: 50%0;
  animation: ot-sway 5s ease-in-out infinite;
}

.ot-ribbon {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 38px;
  height: 122px;
  padding: 0 0 27px;
  border: 0;
  border-left: 1px solid var(--ot-ribbon-edge);
  border-right: 1px solid var(--ot-ribbon-edge);
  background: var(--ot-ribbon);
  color: var(--ot-bar-text);
  clip-path: polygon(0 0,100%0,100% 100%,50% 89%,0 100%);
  transition: height .65s cubic-bezier(.22,.7,.3,1);
}

.ot-ribbon-wrap:hover,
.ot-ribbon-wrap:focus-within {
  animation-play-state: paused;
}

.ot-ribbon-wrap:hover .ot-ribbon,
.ot-ribbon:focus-visible,
.ot-ribbon-wrap.is-pulled .ot-ribbon {
  height: 136px;
}

.ot-header-dots {
  display: flex;
  gap: 6px;
  position: absolute;
  bottom: calc(var(--ot-lowerbar-height) + 16px);
  right: 20px;
  align-items: center;
  background: var(--ot-glass);
  backdrop-filter: blur(5px);
  padding: 6px 9px;
  border: 1px solid var(--ot-glass-line);
  border-radius: 30px;
}

.ot-header-dots button {
  height: 9px;
  width: 9px;
  padding: 0;
  border: 1px solid var(--ot-bar-text);
  background: var(--ot-clear);
  border-radius: 50%;
}

.ot-header-dots button[aria-pressed="true"] {
  background: var(--ot-bar-text);
}

.ot-header-dots button:disabled {
  opacity: .3;
  cursor: not-allowed;
  border-style: dashed;
}

.ot-header-dots button[data-slide="auto"] {
  width: 24px;
  height: 17px;
  border: 0;
  font-size: 13px;
  color: var(--ot-bar-text);
}

#ot-underhero {
  display: grid;
  align-items: center;
  background: var(--ot-menu-glass);
  color: var(--ot-bar-text);
  position: relative;
  z-index: 40;
  border-top: 1px solid var(--ot-menu-border);
  border-bottom: 1px solid var(--ot-menu-border);
  height: var(--ot-lowerbar-height);
  margin-top: calc(-1*var(--ot-lowerbar-height));
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

#pun-ulinks {
  float: none;
  position: static;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background: none;
  overflow-x: auto;
  scrollbar-width: thin;
}

#pun-ulinks ul {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  list-style: none;
  align-items: center;
  min-height: 32px;
  width: max-content;
  margin: 0;
  padding: 6px 0;
  white-space: nowrap;
}

#pun-ulinks li {
  flex: 0 0 auto;
  float: none;
  display: block;
  margin: 0;
  padding: 0;
  line-height: 1.5;
}

#pun-ulinks a {
  display: block;
  color: var(--ot-bar-text);
  font: 500 12px/1.4 Arial,sans-serif;
  opacity: 1;
  text-shadow: none;
  padding: 3px 0;
  white-space: nowrap;
}

#pun-ulinks a:hover {
  color: var(--ot-accent-bright);
}

.ot-weather {
  width: 440px;
  max-width: 100%;
  min-width: 0;
  font: 11px/1.5 Arial,sans-serif;
  padding: 0;
}

.ot-weather__summary {
  display: flex;
  gap: 4px 10px;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.ot-weather__summary>span {
  display: flex;
  align-items: center;
  gap: 7px;
}

.ot-weather__icon {
  flex: 0 0 16px;
  display: inline-block;
  width: 16px;
  height: 20px;
  background: var(--ot-accent-bright);
}

.ot-leaf {
  display: inline-block;
  width: 18px;
  height: 30px;
  background: var(--ot-bar-text);
  -webkit-mask: var(--ot-leaf-icon) center/contain no-repeat;
}

.ot-weather .ot-leaf {
  background: var(--ot-accent-bright);
}

.ot-temperature {
  -webkit-mask: var(--ot-temperature-icon) center/contain no-repeat;
}

.ot-cycle {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: currentColor;
  -webkit-mask: var(--ot-cycle-icon) center/contain no-repeat;
}

.ot-weather__panel {
  display: flex;
  gap: 4px 10px;
  flex-wrap: nowrap;
  white-space: nowrap;
  position: static;
  width: auto;
  margin-top: 5px;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  color: var(--ot-bar-muted);
  font: 9px/1.4 Arial,sans-serif;
}

.ot-weather__panel p {
  margin: 0;
  flex: 0 0 auto;
}

.ot-weather__panel .ot-progress {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  height: 1px;
}

.ot-progress {
  flex: 1 0 100%;
  height: 2px;
  background: var(--ot-glass-line);
  margin-top: 5px;
  overflow: hidden;
}

.ot-progress>span {
  height: 100%;
  display: block;
  background: var(--ot-accent-bright);
  width: 0;
}

.ot-theme-toggle::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--ot-bar-text);
  box-shadow: inset -5px -2px 0 var(--ot-bar);
  margin: auto;
}

.ot-theme-toggle.is-dark::before {
  box-shadow: none;
  outline: 1px dotted var(--ot-bar-text);
  outline-offset: 3px;
}

.ot-news {
  position: relative;
  display: flex;
  align-items: center;
}

.ot-news>button {
  flex-shrink: 0;
  border: 0;
  background: var(--ot-clear);
  color: var(--ot-muted);
}

.ot-news>button:disabled {
  opacity: .25;
  cursor: default;
}

.news-plash {
  display: flex;
  overflow-x: auto;
  scrollbar-width: none;
  flex: 1;
  min-width: 0;
  overscroll-behavior-x: contain;
}

.news-plash::-webkit-scrollbar {
  display: none;
}

.news-plash__link {
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--ot-line);
  color: var(--ot-ink);
}

.news-plash__date {
  border-right: 1px solid var(--ot-line);
}

.news-plash__text {
  color: var(--ot-muted);
}

.news-plash__link::after,
.fig_links a::after,
.ot-shine::after {
  content: "";
  position: absolute;
  top: -60%;
  left: -75%;
  width: 45%;
  height: 220%;
  background: linear-gradient(100deg,var(--ot-clear),var(--ot-shine),var(--ot-clear));
  transform: skewX(-20deg);
  pointer-events: none;
}

.news-plash__link:hover::after,
.news-plash__link:focus-visible::after,
.fig_links a:hover::after,
.ot-shine:hover::after {
  animation: ot-shine .8s ease;
}

.category {
  margin: 16px 0 30px;
}

.category>h2 {
  display: flex;
  align-items: center;
  gap: 20px;
  font: 500 31px Arial,sans-serif;
  text-transform: uppercase;
  letter-spacing: .03em;
  margin-bottom: 12px;
  min-height: 65px;
  background: var(--ot-category-image) right center/contain no-repeat;
}

.category>h2::after {
  content: "";
  height: 1px;
  background: var(--ot-line);
  flex: 1;
}

.catleft,
.catright {
  display: none;
}

.ot-collapse::before,
.ot-collapse::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 1px;
  background: currentColor;
}

.ot-collapse {
  order: 2;
  display: grid;
  place-items: center;
  background: var(--ot-clear);
  border: 1px solid var(--ot-line);
  border-radius: 50%;
  width: 26px;
  height: 26px;
  color: var(--ot-muted);
  font: 17px Arial,sans-serif;
  position: relative;
  flex-shrink: 0;
}

.ot-collapse.is-closed::after {
  transform: rotate(90deg);
}

.ot-collapse:hover {
  color: var(--ot-accent);
  border-color: var(--ot-accent);
}

.category>.container {
  border: 1px solid var(--ot-line);
  border-radius: 2px;
  overflow: hidden;
  background: var(--ot-paper-glow);
}

.category table {
  table-layout: fixed;
}

.category thead {
  display: none;
}

.category td {
  padding: 18px 14px;
  border: 0;
  vertical-align: middle;
}

.category tr:last-child>td {
  border-bottom: 0;
}

/* 08-index-navigation.css */

.category .tcl {
  width: 57%;
}

.category:where(:not(#pun-index .category)) .tc2,
.category:where(:not(#pun-index .category)) .tc3 {
  width: 7%;
  text-align: center;
  font: 19px Arial,sans-serif;
}

.category:where(:not(#pun-index .category)) .tc2::after {
  content: "тем";
  display: block;
  font: 9px Arial,sans-serif;
  color: var(--ot-muted);
}

.category:where(:not(#pun-index .category)) .tc3::after {
  content: "сообщений";
  display: block;
  font: 9px Arial,sans-serif;
  color: var(--ot-muted);
}

.category .tcr {
  width: 29%;
  font: 14px/1.4 Arial,sans-serif;
  overflow-wrap: anywhere;
}

.category .intd {
  position: relative;
  display: grid;
  grid-template-columns: 38px minmax(0,1fr);
  column-gap: 16px;
  align-items: start;
}

.category .tclcon {
  padding-left: 0;
  min-width: 0;
  grid-column: 2;
}

.tcl h3 {
  font: 600 25px/1.1 Arial,sans-serif;
  margin-bottom: 7px;
}

.tcl h3 a {
  color: var(--ot-ink);
}

.tcl h3 a:hover {
  color: var(--ot-accent);
}

.category .icon {
  position: static;
  grid-column: 1;
  grid-row: 1;
  align-self: start;
  float: none;
  margin: 2px 0 0;
  width: 38px;
  height: 38px;
  background: var(--ot-paw);
  -webkit-mask: var(--ot-paw-image) center/contain no-repeat;
}

.forum .icon {
  position: static;
  grid-column: 1;
  grid-row: 1;
  float: none;
  background: var(--ot-paw);
  -webkit-mask: var(--ot-paw-image) center/contain no-repeat;
}

.category .icon.inew,
.forum .icon.inew,
.forum .inew .icon {
  background: var(--ot-accent);
  filter: drop-shadow(0 1px 3px var(--ot-shadow));
}

.category tr.ot-unread {
  background: none;
}

.fig_desc {
  font: 14px/1.4 Arial,sans-serif;
}

.fig_desc p {
  text-align: left;
}

.fig_links {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 9px;
}

.fig_links a {
  position: relative;
  overflow: hidden;
  padding: 2px 10px 2px 0;
  background: none;
  border: 0;
  border-right: 1px solid var(--ot-line);
  border-radius: 0;
  font: 13px Arial,sans-serif;
  color: var(--ot-accent);
}

.fig_links a:last-child {
  border-right: 0;
}

.subforums {
  font-size: 10px;
  color: var(--ot-muted);
  margin-bottom: 8px;
}

.tcr .user-avatar {
  float: left;
  width: 42px;
  height: 42px;
  margin: 0 12px 4px 0;
}

.user-avatar .avatar-image {
  display: block;
  width: 42px;
  height: 42px;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
}

.lastpost-link {
  color: var(--ot-ink);
  display: inline;
}

.category td.tcr>.lastpost-link {
  display: block;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-wrap: normal;
}

.category td.tcr>.lastpost-link+br {
  display: none;
}

.lastpost {
  color: var(--ot-muted);
  font: 12px/1.5 Arial,sans-serif;
}

.byuser {
  color: var(--ot-accent);
}

.special {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 116px;
  border-radius: 0;
  background: var(--ot-paper-raised);
  margin-top: 16px;
}

.special>img {
  display: block;
  width: 100%;
  height: 120px;
  object-fit: cover;
  transition: filter .85s ease,opacity .85s ease,transform 1s ease;
}

.special .s-p {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  padding: 14px 18px;
  overflow: auto;
  font-size: 11px;
  line-height: 1.55;
  pointer-events: none;
}

.special .s-p p {
  margin: auto 0;
}

.category .ot-territory {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
}

.category .ot-territory>h3 {
  order: 0;
  margin: 0 0 7px;
}

.category .ot-territory>.subforums {
  order: 1;
}

.category .ot-territory>.special {
  order: 2;
}

.category .ot-territory>.fig_links {
  order: 3;
  margin-top: 9px;
}

#forum_f102>.tc2,
#forum_f102>.tc3,
#forum_f102>.tcr,
#forum_f102>.tcl>.intd>.icon,
#forum_f102>.tcl>.intd>.tclcon>h3 {
  display: none;
}

#forum_f102>.tcl {
  width: 100%;
  padding: 16px;
}

#forum_f102 .intd {
  display: block;
}

#forum_f102 .tclcon {
  padding: 0;
}

.we_need-wrapper {
  width: 100%;
  font-size: 11px;
}

.we_need-wrapper h5 {
  text-align: center;
  letter-spacing: .2em;
  font-size: 10px;
  margin: 0 0 13px;
}

.slider-container {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.slider-track-wrapper {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.slider-track {
  display: flex;
  width: max-content;
  gap: 10px;
  transition: transform .5s;
}

.slider-item {
  width: 280px;
  min-width: 280px;
  display: flex;
  gap: 12px;
  padding: 10px;
  background: var(--ot-wash);
  border: 1px solid var(--ot-line);
  border-radius: 4px;
  height: 110px;
}

.slider-item>img {
  width: 78px;
  height: 88px;
  object-fit: cover;
  border-radius: 3px;
}

.slider-content {
  min-width: 0;
  overflow: auto;
}

.slider-content h3 {
  display: block !important;
  font: 600 17px Arial,sans-serif;
  margin-bottom: 5px;
}

.slider-content p {
  font-size: 10px;
  line-height: 1.5;
}

.slider-container .btn {
  cursor: pointer;
  width: 22px;
  height: 28px;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  color: var(--ot-accent);
}

.activists {
  display: flex;
  gap: 7px;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin: 10px 25px;
  font-size: 10px;
}

#pun-main>h1,
.forum>h2,
.topic>h2,
.formal>h2,
.info>h2,
#pun-userlist h2,
#pun-searchtopics h2,
#pun-searchposts h2,
#pun-messages #messages>h2 {
  width: auto;
  height: auto;
  position: static;
  clip: auto;
  margin: 18px 0 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--ot-line);
  background: none;
  color: var(--ot-ink);
  font: 500 27px/1.2 Arial,sans-serif;
  text-align: left;
}

#pun-main>h1 span,
.forum>h2 span,
.topic>h2 span {
  font: inherit;
}

#pun-main .forum>h2,
#pun-main .topic>h2 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px 20px;
  flex-wrap: wrap;
}

.forum>h2 .item1,
.topic>h2 .item1 {
  font: 500 22px/1.3 Arial,sans-serif;
}

#pun-main .forum>h2 .item2,
#pun-main .topic>h2 .item2 {
  font: 11px/1.5 Arial,sans-serif;
  font-size: 11px;
  color: var(--ot-muted);
  white-space: nowrap;
  margin-left: auto;
}

#pun-main>h1+.forum>h2 {
  font-size: 20px;
  margin-top: 0;
}

.pagelink {
  font: 12px/1.5 Arial,sans-serif;
  flex-wrap: wrap;
}

.pagelink .pages {
  display: inline;
  white-space: normal;
  font-weight: 400;
}

#pun-searchtopics .forum .tc2 {
  width: 20%;
  text-align: left;
}

#pun-searchtopics .forum .tc3 {
  width: 8%;
  text-align: center;
}

#pun-searchtopics .forum .tcl {
  width: 42%;
}

#pun-searchtopics .forum .tc-forum {
  width: 20%;
}

.forum table {
  table-layout: fixed;
}

.forum th,
.forum td,
#pun-userlist th,
#pun-userlist td {
  padding: 12px;
  border-bottom: 1px solid var(--ot-line);
  text-align: left;
}

.forum th {
  background: var(--ot-wash);
  font-size: 11px;
}

.forum .tcl {
  width: 55%;
}

.forum .tcr {
  width: 25%;
}

.forum .intd {
  position: relative;
  min-height: 34px;
  display: grid;
  grid-template-columns: 32px minmax(0,1fr);
  gap: 14px;
  align-items: center;
}

.forum .tclcon {
  grid-column: 2;
  padding-left: 0;
  min-height: 34px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}

.forum .icon {
  align-self: center;
  margin: 0;
  width: 32px;
  height: 32px;
}

.forum .tclcon .byuser {
  display: none;
}

.forum .inew {
  color: inherit;
}

.linkst,
.linksb {
  clear: both;
  align-items: center;
  min-height: 40px;
  color: var(--ot-muted);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  padding: 13px 0;
  font-size: 11px;
}

.pagelink {
  display: flex;
  gap: 7px;
  align-items: center;
}

.pagelink a,
.pagelink strong {
  padding: 3px 8px;
  background: var(--ot-wash);
  border-radius: 3px;
}

.topic {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.post {
  padding: 20px;
  margin: 0;
  background: var(--ot-post-paper);
  border: 1px solid var(--ot-line);
  border-radius: 3px;
  min-width: 0;
}

.post h3 .sharelink {
  display: none;
}

.post h3 .permalink {
  order: 0;
  font-weight: 400;
}

.post h3 strong {
  order: 1;
  font-weight: 500;
}

.post h3 strong::before {
  content: "#";
}

.post h3>span {
  display: flex;
  justify-content: space-between;
  margin-left: 0;
  border-bottom: 1px solid var(--ot-line);
  padding-bottom: 9px;
  margin-bottom: 15px;
  font-size: 11px;
}

.post>.container {
  display: grid;
  align-items: start;
  min-width: 0;
}

.post>.container>.post-author {
  grid-column: 1;
  grid-row: 1;
  float: none;
  width: 231px;
  max-width: 100%;
  margin: 0;
}

.post>.container>.post-body {
  grid-column: 2;
  grid-row: 1;
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  min-width: 0;
}

.post>.container>.post-links {
  grid-column: 1/-1;
  grid-row: auto;
  width: auto;
  min-width: 0;
  margin: 0;
}

.post>.container>.clearer {
  display: none;
}

.post>.container>.post-rating,
.post>.container>.post-vote {
  grid-column: 2;
}

.post.hideprofile>.container>.post-body {
  grid-column: 1/-1;
}

.post-body {
  min-width: 0;
  overflow-wrap: anywhere;
}

.post-content p {
  padding-bottom: 12px;
}

.post-content a {
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 3px;
}

.post-content img {
  height: auto;
}

.post-content table {
  max-width: 100%;
  table-layout: fixed;
}

.post-content td {
  padding: 8px;
  vertical-align: top;
  overflow-wrap: anywhere;
}

.post-content .quote-box>cite {
  display: flex;
  align-items: center;
  border: 0;
  color: var(--ot-accent);
}

.post-content .quote-box>cite::before {
  content: "";
  flex: 0 0 13px;
  background: var(--ot-accent);
  -webkit-mask: var(--ot-quote-icon) center/contain no-repeat;
}

.post-content blockquote {
  margin: 0;
  padding: 0;
}

.post-content .quote-box p:last-child {
  padding-bottom: 0;
}

.post-content .ot-copy {
  display: inline-block;
  border: 1px solid var(--ot-line);
  border-radius: 2px;
  background: var(--ot-paper-raised);
  color: var(--ot-accent);
  font: 600 10px/1.4 Arial,sans-serif;
  text-decoration: none;
  cursor: pointer;
}

.post-content .code-box pre {
  margin: 0;
  max-height: var(--ot-code-height);
  overflow: auto;
  font: 12px/1.6 monospace;
  padding: 0 0 5px;
}

.post-sig {
  margin: 20px 0 0;
  font-size: 11px;
  color: var(--ot-muted);
}

.post-sig dt {
  width: 60%;
  height: 1px;
  margin: 12px auto;
  background: linear-gradient(90deg,var(--ot-clear),var(--ot-line),var(--ot-clear));
}

.post-sig dt span {
  display: none;
}

.post-links {
  margin: 0;
  padding: 0;
  clear: both;
  min-width: 0;
}

.post-links ul {
  list-style: none;
  font-size: 11px;
  justify-content: flex-end;
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0;
  padding: 12px 0;
  border-top: 1px solid var(--ot-line);
}

.post-links li {
  display: block;
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 09-topics-editor.css */

.post-links a {
  display: inline-block;
  white-space: nowrap;
  padding: 5px 10px;
  border: 1px solid var(--ot-line);
  border-radius: 3px;
  background: var(--ot-wash);
  font: 11px/1.4 Arial,sans-serif;
}

.post-rating {
  text-align: right;
  font-size: 12px;
}

.formal,
.info {
  background: var(--ot-paper-raised);
  border: 1px solid var(--ot-line);
  padding: 20px;
  border-radius: 6px;
  margin: 15px 0;
}

input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
  background: var(--ot-paper-raised);
  color: var(--ot-ink);
  border: 1px solid var(--ot-line);
  padding: 8px 10px;
  border-radius: 4px;
  max-width: 100%;
}

textarea {
  width: 100%;
  min-height: 180px;
  resize: vertical;
}

input[type="button"],
input[type="submit"],
.formsubmit button {
  background: var(--ot-wash);
  cursor: pointer;
  color: var(--ot-ink);
  border: 1px solid var(--ot-line);
  padding: 8px 14px;
  border-radius: 4px;
}

.formsubmit {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 12px;
}

.formal label {
  display: inline-block;
  margin: 6px 0;
}

.formal .inputfield,
.formal .selectfield,
.formal .checkfield {
  margin-bottom: 10px;
}

#pun-profile #profile {
  display: block;
  width: auto;
  min-width: 0;
}

#pun-profile #profilenav {
  width: auto;
  float: none;
}

#pun-profile #profilenav h2 {
  font: 500 22px Arial,sans-serif;
}

#profilenav ul {
  list-style: none;
  display: flex;
  gap: 5px 14px;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}

#profilenav li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
}

/* Страница профиля. */

#viewprofile-next,
#viewprofile {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

#viewprofile-next {
  padding: 18px;
  border-radius: 0;
  background: var(--ot-post-paper);
}

#viewprofile>.container {
  margin: 0;
  min-width: 0;
  list-style: none;
}

#viewprofile>.container>ul {
  margin: 0;
  padding: 0;
  min-width: 0;
  list-style: none;
}

#viewprofile>.container>ul>table,
#viewprofile>.container>ul>table>tbody {
  display: block;
  width: 100%;
  margin: 0;
}

#viewprofile #profile-left {
  display: block;
  width: auto;
  min-width: 0;
  float: none;
  margin: 0;
  vertical-align: top;
}

#viewprofile #profile-left>li {
  list-style: none;
  list-style-type: none;
  margin: 0;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

#viewprofile #profile-name {
  font: 600 25px/1.2 Arial,sans-serif;
}

#viewprofile #profile-title,
#viewprofile #pa-online {
  font-size: 11px;
}

#viewprofile #pa-avatar img {
  display: block;
}

#viewprofile #profile-right>li>strong>div {
  max-width: 100%;
}

#viewprofile #profile-signature {
  clear: both;
  font-size: 12px;
}

#viewprofile #profile-signature ul {
  list-style: none;
  margin: 0;
}

#viewprofile #profile-gifts {
  clear: both;
  margin: 12px 0 0;
  font-size: 11px;
  color: var(--ot-muted);
}

/* Нижний блок главной страницы и счётчики. */

/* 10-footer-messages.css */

#pun-stats {
  position: relative;
  isolation: isolate;
  margin: 0;
  min-height: 0;
  color: var(--ot-bar-text);
  border-radius: 0;
  overflow: hidden;
}

#pun-stats::before {
  content: "";
  position: absolute;
  z-index: -1;
}

#pun-stats::after {
  content: "ЛЕС ПОМНИТ ВСЕХ";
  position: absolute;
  width: 100px;
  font: 12px/1.4 Arial,sans-serif;
  letter-spacing: .18em;
  text-align: center;
  color: var(--ot-bar-text);
  opacity: .8;
}

#pun-stats h2 {
  font: 500 23px/1.1 Arial,sans-serif;
  margin: 0 0 10px;
  display: flex;
  align-items: center;
  gap: 15px;
}

#pun-stats h2::before {
  content: "";
  width: 19px;
  height: 27px;
  background: var(--ot-accent-bright);
  -webkit-mask: var(--ot-leaf-icon) center/contain no-repeat;
}

#pun-stats ul {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 7px 16px;
  list-style: none;
  margin: 0;
  padding: 0;
  font: 11px/1.4 Arial,sans-serif;
}

#pun-stats li {
  min-width: 0;
  float: none;
  margin: 0;
  padding: 0;
}

#pun-stats li.item1,
#pun-stats li.item2,
#pun-stats li.item3 {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 5px;
  flex-wrap: nowrap;
}

/* Подписи статистики; значения счётчиков остаются штатными. */

#pun-stats :is(.item1,.item2,.item3)>:is(span,strong) {
  white-space: nowrap;
}

#pun-stats :is(.item1,.item2,.item3)>span {
  font-size: 0;
}

#pun-stats :is(.item1,.item2,.item3)>span::before {
  font: 400 12px/1.4 Arial,sans-serif;
}

#pun-stats .item1>span::before {
  content: "Палаток:";
}

#pun-stats .item2>span::before {
  content: "Намяукали:";
}

#pun-stats .item3>span::before {
  content: "Всего котов:";
}

@media (max-width:700px) {
  #pun-stats ul {
    grid-template-columns: 1fr;
  }
}

/* Лента баннеров: оформление готово для блока .ot-footer-banners в HTML. */

#pun-stats:has(.ot-footer-banners) {
  min-height: 280px;
}

#pun-stats:has(.ot-footer-banners)::after {
  content: none;
  display: none;
}

#pun-stats .ot-footer-banners {
  position: absolute;
  top: 12px;
  right: 12px;
  bottom: 12px;
  width: calc(23% - 24px);
  min-width: 100px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 0;
  padding: 8px;
  border-left: 1px solid var(--ot-footer-rule);
  color: var(--ot-bar-text);
}

#pun-stats .ot-footer-banners__title {
  flex: none;
  margin: 0;
  font: 600 10px/1.4 Arial,sans-serif;
  letter-spacing: .12em;
  text-align: center;
  text-transform: uppercase;
}

#pun-stats .ot-footer-banners__list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 4px;
  scrollbar-width: thin;
  scrollbar-color: var(--ot-footer-rule) var(--ot-clear);
  scrollbar-gutter: stable both-edges;
  overscroll-behavior: contain;
}

#pun-stats .ot-footer-banners__list>a {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 31px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  line-height: 0;
}

#pun-stats .ot-footer-banners__list img {
  display: block;
  width: 88px;
  height: 31px;
  max-width: 88px;
  max-height: 31px;
  margin: 0;
  padding: 0;
  border: 0;
  object-fit: contain;
}

@media (max-width:700px) {
  #pun-stats:has(.ot-footer-banners) {
    padding-right: 18px;
    padding-bottom: 184px;
  }

  #pun-stats .ot-footer-banners {
    top: auto;
    left: 18px;
    right: 18px;
    bottom: 12px;
    width: auto;
    height: 160px;
    min-width: 0;
    border-left: 0;
    border-top: 1px solid var(--ot-footer-rule);
  }
}

#pun-stats li.item1>strong,
#pun-stats li.item2>strong,
#pun-stats li.item3>strong {
  font: 600 16px/1 Arial,sans-serif;
  margin: 0;
}

#pun-stats li.item4 {
  grid-column: 1/-1;
  padding-top: 7px;
  border-top: 1px solid var(--ot-footer-rule);
}

#pun-stats li.item5,
#pun-stats .onlinelist,
#pun-stats .users_24h {
  grid-column: 1/-1;
  font-size: 11px;
}

#pun-stats .onlinelist>div>span {
  display: inline;
  margin-left: 8px;
}

#pun-online {
  font-size: 11px;
}

.scrollbuttons {
  position: fixed;
  display: grid;
  z-index: 70;
}

.hidden {
  display: none !important;
}

.custom_tag_tabtitle {
  display: inline-block;
  padding: 6px 12px;
  background: var(--ot-wash);
  border: 1px solid var(--ot-line);
  border-radius: 4px 4px 0 0;
  cursor: pointer;
  margin: 3px 4px 0 0;
  font-size: 12px;
}

.custom_tag_tabtitle.active {
  background: var(--ot-accent);
  color: var(--ot-paper-raised);
}

.custom_tag_tab {
  padding: 15px;
  border: 1px solid var(--ot-line);
  background: var(--ot-paper-raised);
  overflow: auto;
}

.custom_tag_indent {
  display: inline-block;
  width: 2em;
}

.postvoice {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: var(--ot-wash);
  border-radius: 5px;
}

.postvoice audio {
  max-width: 100%;
}

.ot-preview-note {
  font-size: 12px;
  padding: 10px 20px;
  text-align: center;
  background: var(--ot-bar);
  color: var(--ot-bar-text);
}

#pun-index #pun,
#pun-index .category>.container,
#pun-index .news-plash__link,
#pun-index .special,
#pun-index .slider-item,
#pun-index .slider-item>img {
  border-radius: 0;
}

#pun:has(>#pun-index),
#pun>#pun-index,
#pun:has(>#pun-index)::before {
  border-radius: 0;
}

@media (prefers-reduced-motion:reduce) {
  *,
*::before,
*::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

#pun-admain,
#pun-adnav,
.punbb .main {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

#pun-main {
  max-width: 100%;
}

#pun-admain {
  width: auto;
  float: none;
  margin: 20px 25px 25px 230px;
  padding: 0;
}

#pun-adnav {
  float: left;
  width: 180px;
  margin: 20px 0 20px 25px;
  padding: 0;
}

#pun-adnav ul {
  list-style: none;
  margin: 0 0 15px;
  padding: 0;
}

#pun-adnav li {
  padding: 5px 0;
}

#pun-adnav h2,
#pun-admain h1,
#pun-admain h2 {
  font: 500 24px/1.2 Arial,sans-serif;
  padding: 12px 0;
  margin: 0 0 12px;
  border-bottom: 1px solid var(--ot-line);
}

#pun-admain .adcontainer,
#pun-admain .container {
  width: auto;
  min-width: 0;
  max-width: 100%;
  background: var(--ot-paper-raised);
  border: 1px solid var(--ot-line);
  padding: 16px;
  margin-bottom: 18px;
}

#pun-admain table {
  width: 100%;
}

#pun-admain td,
#pun-admain th {
  padding: 9px;
  vertical-align: top;
  overflow-wrap: anywhere;
}

#pun-admain input,
#pun-admain select,
#pun-admain textarea {
  max-width: 100%;
  min-width: 0;
}

#pun-admain textarea {
  width: 100%;
  font: 12px/1.5 monospace;
}

#pun-admain .adsubmit {
  padding: 12px 0;
}

#pun::after,
.punbb::after {
  content: "";
  display: block;
  clear: both;
}

#pun-messages #profile {
  display: block;
  margin: 0;
  padding: 0;
  width: auto;
}

#pun-messages #profile>.container {
  display: block;
  min-width: 0;
  width: auto;
  padding: 0;
}

#pun-messages #profilenav {
  width: auto;
  margin: 0 0 18px;
  padding: 12px 15px;
  background: var(--ot-wash);
  border: 1px solid var(--ot-line);
  border-radius: 4px;
}

#pun-messages #profilenav h2 {
  font: 500 21px Arial,sans-serif;
  margin-bottom: 8px;
}

#pun-messages #profilenav ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 8px 18px;
  padding: 0;
}

#pun-messages #messages {
  min-width: 0;
  width: 100%;
  margin: 0 0 20px;
}

#messages table {
  width: 100%;
  table-layout: fixed;
  border: 1px solid var(--ot-line);
}

#messages th,
#messages td {
  padding: 12px;
  border-bottom: 1px solid var(--ot-line);
  text-align: left;
  vertical-align: middle;
  overflow-wrap: anywhere;
}

#messages th {
  background: var(--ot-wash);
  font: 600 11px Arial,sans-serif;
}

#messages .pmtc24 {
  width: 36px;
  text-align: center;
}

#messages .pmtc22 {
  width: 20%;
}

#messages .pmtc23 {
  width: 22%;
}

#pun-messages #post-form .container {
  padding: 0;
}

#pun-messages .post h3>span {
  margin-left: 0;
}

/* Карточка автора сообщения. */

#pun-messages .post .post-author {
  margin: 0;
  width: 231px;
}

#pun-messages .post .post-author ul {
  width: auto;
  max-width: 100%;
}

#pun-messages .post .post-body {
  min-width: 0;
  width: auto;
}

#pun-messages .formal,
#pun-messages .info {
  margin: 15px 0;
}

.user-agent,
.pa-user-agent,
.pa-agent,
#user-agent,
.reaction-picker,
#reaction-picker,
#pun .user-agent,
#pun .pa-user-agent,
#pun .pa-agent,
#pun #user-agent,
#pun .reaction-picker,
#pun #reaction-picker,
#pun-live-rusff,
.pun-live-rusff {
  display: none !important;
}

#pun-announcement {
  margin: 0;
  padding: 0;
  width: auto;
  min-width: 0;
  max-width: 100%;
}

#pun-announcement:has(.ot-news),
#pun-announcement:has(.ot-news)>.container {
  display: block !important;
  height: auto !important;
  visibility: visible !important;
  overflow: visible;
  padding: 0;
  background: none;
  border: 0;
}

#post-form.formal {
  padding: 16px 20px;
  margin: 14px 0;
  border-radius: 4px;
}

#pun #post-form.formal>h2 {
  margin: 0 0 12px;
  padding: 0 0 10px;
  font: 500 25px/1.2 Arial,sans-serif;
}

#post-form .container,
#post-form #post,
#post-form .fs-box {
  margin: 0;
  padding: 0;
  min-width: 0;
}

#post-form fieldset {
  margin: 0;
  padding: 0;
}

#post-form #post legend {
  display: block;
  width: 100%;
  margin: 0 0 12px;
  padding: 9px 12px;
  background: var(--ot-wash);
  border-radius: 3px;
  font: 11px/1.5 Arial,sans-serif;
  text-transform: none;
  white-space: normal;
}

#post-form #plng {
  display: block;
  margin: 0 0 5px;
  padding: 0;
  font: 11px/1.5 Arial,sans-serif;
  color: var(--ot-muted);
}

#post-form #plng b {
  padding: 0 3px;
  color: var(--ot-ink);
}

#form-buttons #button-graffiti,
#form-buttons #button-files_rusff,
#form-buttons #button-files,
#form-buttons #button-file,
#form-buttons #button-upload,
#form-buttons td[title*="Граффити"],
#form-buttons td[title*="граффити"] {
  display: none !important;
}

/* Досье и гардеробная. */

#ot-character-dialog {
  position: fixed;
  inset: 0;
  margin: auto;
  padding: 0;
  border: 1px solid var(--ot-line);
  background: var(--ot-paper-raised);
  color: var(--ot-ink);
  box-shadow: 0 20px 70px var(--ot-shadow);
  font: 13px/1.5 Arial,sans-serif;
}

#ot-character-dialog:not([open]) {
  display: none;
}

#ot-character-dialog[open] {
  display: flex;
  flex-direction: column;
}

#ot-character-dialog::backdrop {
  background: var(--ot-modal-shade);
}

.ot-character-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid var(--ot-line);
  background: var(--ot-wash);
  flex: 0 0 auto;
}

.ot-character-toolbar h2 {
  margin: 0 auto 0 0;
}

.ot-character-toolbar a {
  font-size: 11px;
}

.ot-character-close {
  border: 1px solid var(--ot-line);
  background: var(--ot-paper-raised);
  color: var(--ot-ink);
  width: 30px;
  height: 30px;
  font-size: 20px;
  border-radius: 3px;
  padding: 0;
}

#ot-character-content {
  overscroll-behavior: contain;
  min-width: 0;
  max-width: 100%;
  scrollbar-gutter: stable;
}

#ot-character-content .character-container {
  width: auto;
  max-width: 100%;
  padding: 0;
  background: none;
}

#ot-character-content .char-top {
  margin-bottom: 20px;
  flex-wrap: wrap;
}

#ot-character-content .char-top__info {
  flex: 1;
  min-width: 220px;
}

#ot-character-content .menu-links {
  gap: 8px;
  flex-wrap: wrap;
}

#ot-character-content #submenu>div {
  max-height: none;
  overflow: visible;
}

#ot-character-content img {
  max-width: 100%;
}

#ot-character-content [role="tab"] {
  cursor: pointer;
}

html.ot-character-open {
  overflow: hidden;
}

/* 11-author-header-controls.css */

.post .post-author {
  align-self: start;
  position: relative;
  transform: none;
  color: var(--ot-author-text);
  font: 12px/1.4 Arial,sans-serif;
  --link-light: var(--ot-author-text);
  --link-light-hover: var(--ot-author-hover);
  --respect: var(--ot-author-respect);
}

.post .post-author>ul {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  width: 100%;
  min-width: 0;
  margin: 0;
  list-style: none;
}

.post .post-author>ul>li {
  grid-column: 1/-1;
  grid-row: auto;
  order: 3;
  float: none;
  clear: none;
  position: relative;
  display: block;
  width: auto;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  text-align: center;
  overflow-wrap: anywhere;
  box-sizing: border-box;
}

.post-author a {
  color: var(--ot-author-text);
}

.post-author a:hover {
  color: var(--ot-author-hover);
}

.post .post-author>ul>.pa-author {
  order: 0;
  font-weight: 600;
}

.post .post-author>ul>.pa-title {
  order: 1;
}

.post .post-author>ul>.pa-avatar {
  order: 2;
}

.post .post-author>ul>[class*="pa-fld"] {
  grid-column: 1/-1;
  grid-row: auto;
  align-self: auto;
  justify-content: normal;
  background: none;
  border-radius: 0;
}

.post .post-author>ul>[class*="pa-fld"]::before {
  content: none;
}

.post .post-author>ul>.pa-fld1 {
  order: 4;
}

.post .post-author>ul>.pa-posts,
.post .post-author>ul>.pa-respect {
  order: 5;
  grid-column: auto;
  background: none;
  color: var(--ot-author-respect);
}

.post .post-author>ul>.pa-posts {
  border-radius: 6px 0 0 6px;
}

.post .post-author>ul>.pa-respect {
  border-radius: 0 6px 6px 0;
}

.post-author .pa-posts .fld-name,
.post-author .pa-respect .fld-name {
  display: block;
  font-size: 0;
  height: 20px;
  margin-bottom: 3px;
}

.post-author .pa-posts .fld-name::before,
.post-author .pa-respect .fld-name::before {
  font: 900 17px"Font Awesome 6 Free","Font Awesome 6 Pro",FontAwesome;
}

.post-author .pa-posts .fld-name::before {
  content: "\f0e0 ";
}

.post-author .pa-respect .fld-name::before {
  content: "\f004 ";
}

.post-author .pa-respect img {
  display: none !important;
}

.post .post-author>ul>.pa-ip {
  order: 6;
}

.post .post-author>ul>.pa-gifts,
.post .post-author>ul>.pa-awards,
.post .post-author>ul>.pa-reg {
  order: 7;
  font-size: 11px;
}

.post-author .age-pers {
  border-bottom: 1px solid var(--ot-author-rule);
}

#form-buttons [id^="button-"]::before,
.pa-posts .fld-name::before,
.pa-respect .fld-name::before {
  font-family: "Font Awesome 6 Free","Font Awesome 6 Pro",FontAwesome;
  font-weight: 900;
}

.ot-ribbon-wrap.is-pulled {
  animation-play-state: paused;
}

#pun::before {
  content: none;
}

#pun-navlinks>ul {
  padding: 0 60px;
}

#ot-top-subrow {
  display: flex;
  align-items: center;
  gap: 12px;
}

#ot-top-subrow #pun-ulinks {
  flex: 1;
  min-width: 0;
  scrollbar-width: none;
}

#ot-top-subrow #pun-ulinks a {
  font: 500 10px/1.4 Arial,sans-serif;
}

#ot-controls-dock:empty {
  display: none;
}

#ot-underhero {
  grid-template-columns: minmax(0,1fr) auto;
  gap: 12px;
  padding: 6px 16px;
}

#ot-underhero .ot-weather {
  width: auto;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}

#ot-underhero .ot-weather__summary,
#ot-underhero .ot-weather__panel {
  width: max-content;
  max-width: none;
}

#ot-controls-home {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

#ot-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  white-space: nowrap;
  flex-shrink: 0;
}

#ot-controls .ot-theme-toggle,
#ot-controls .ot-tool {
  position: relative;
  inset: auto;
  display: grid;
  place-items: center;
  width: 25px;
  height: 26px;
  margin: 0;
  padding: 4px;
  border: 0;
  border-radius: 0;
  background: var(--ot-clear);
  color: var(--ot-bar-text);
  box-shadow: none;
  flex: 0 0 auto;
}

#ot-controls button:hover:not(:disabled) {
  background: var(--ot-menu-hover);
}

#ot-controls button:disabled {
  opacity: .35;
  cursor: default;
}

.ot-tool>span {
  display: block;
  width: 15px;
  height: 15px;
  background: currentColor;
  -webkit-mask: var(--ot-control-icon) center/contain no-repeat;
}

.ot-tool--motion {
  --ot-control-icon: var(--ot-icon-motion);
}

.ot-tool--motion[aria-pressed="true"] {
  opacity: .6;
}

.ot-tool--effects {
  --ot-control-icon: var(--ot-icon-sound);
}

.ot-tool--effects[aria-pressed="false"] {
  --ot-control-icon: var(--ot-icon-muted);
}

#ot-controls .ot-header-dots {
  position: static;
  gap: 5px;
  padding: 4px 0 4px 7px;
  margin: 0 0 0 3px;
  border: 0;
  border-left: 1px solid var(--ot-menu-border);
  border-radius: 0;
  background: none;
  backdrop-filter: none;
}

#ot-controls .ot-header-dots button:disabled {
  display: none;
}

#ot-controls .ot-header-dots button {
  height: 8px;
  width: 8px;
}

#ot-controls .ot-header-dots button[data-slide="auto"] {
  width: 20px;
  height: 20px;
}

#pun-navlinks a,
.ot-hero-nav button,
.ot-nav__panel a {
  transition: transform .16s ease,background-color .16s ease,box-shadow .16s ease,color .16s ease;
}

#pun-navlinks a:hover,
.ot-hero-nav button:hover,
.ot-nav__panel a:hover {
  transform: translateY(1px);
  background-color: var(--ot-menu-hover);
  box-shadow: inset 0 2px 3px var(--ot-pressed-shadow);
}

html[data-ot-motion="paused"] .ot-ribbon-wrap,
html[data-ot-motion="paused"] .ot-title,
html[data-ot-motion="paused"] .post-author *,
html[data-ot-motion="paused"] .forum .icon {
  animation-play-state: paused !important;
}

html[data-ot-motion="paused"] .news-plash__link::after,
html[data-ot-motion="paused"] .fig_links a::after,
html[data-ot-motion="paused"] .ot-shine::after {
  animation: none !important;
}

.ot-leaves {
  position: absolute;
  inset: 0 0 0 55%;
  overflow: hidden;
  pointer-events: none;
  contain: paint;
}

.ot-leaves>span {
  position: absolute;
  top: -25px;
  left: var(--leaf-left);
  width: var(--leaf-size);
  height: calc(var(--leaf-size)*1.5);
  animation: ot-leaf-drift var(--leaf-duration) linear var(--leaf-delay) infinite;
  will-change: transform;
}

html[data-ot-motion="paused"] .ot-leaves>span {
  animation-play-state: paused;
}

.ot-hero__copy {
  top: 24%;
  width: 300px;
  max-width: min(43%,calc(100% - var(--ot-cats-right) - var(--ot-cats-width) - var(--ot-header-left) - 24px));
  padding: 8px 12px;
}

.ot-eyebrow {
  font-size: 8px;
  letter-spacing: .2em;
  margin-bottom: 6px;
}

.ot-title {
  font-size: var(--ot-title-size);
  line-height: .9;
}

.ot-tagline {
  font-size: 13px;
  margin: 10px 0 13px;
}

.ot-hero-nav {
  gap: 12px;
  flex-wrap: wrap;
  row-gap: 4px;
}

.ot-nav>button::after {
  width: 5px;
  height: 5px;
  margin-left: 6px;
}

.ot-nav__panel {
  min-width: 140px;
  padding: 6px;
  border-radius: 0;
}

#pun-status {
  font: 9px/1.4 Arial,sans-serif;
  padding: 4px 8px;
  bottom: calc(var(--ot-lowerbar-height) + 8px);
  left: 16px;
  border: 0;
  max-width: calc(100% - 32px);
}

#ot-wanted {
  min-width: 0;
}

#ot-wanted>h2 {
  font: 600 10px/1.4 Arial,sans-serif;
  text-transform: uppercase;
  text-align: center;
  border: 0;
  background: none;
}

.ot-wanted-slider {
  display: grid;
  align-items: center;
}

.ot-wanted-slider>button {
  border: 0;
  color: var(--ot-muted);
  font: 25px/1 Arial,sans-serif;
  padding: 0;
}

.ot-wanted-slider>button:disabled {
  opacity: .25;
  cursor: default;
}

.ot-wanted-track::-webkit-scrollbar {
  display: none;
}

.ot-wanted-card {
  display: flex;
  min-width: 0;
  scroll-snap-align: start;
}

.post>.container {
  grid-template-columns: var(--ot-author-width) minmax(0,1fr);
  gap: 12px 22px;
}

.post>.container>.ot-author-rail {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  align-self: stretch;
  position: relative;
}

.post>.container>.ot-author-rail>.post-author {
  position: sticky;
  top: calc(var(--ot-sticky-height) + 12px);
  width: 100%;
  max-width: 100%;
  margin: 0;
  scrollbar-width: thin;
  font-size: 11px;
  line-height: 1.35;
}

.post.hideprofile .ot-author-rail {
  display: none;
}

.post-author .pa-avatar img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: auto;
  border: 8px solid var(--ot-author-panel);
  box-sizing: border-box;
  max-height: 225px;
  border-width: 4px;
  border-radius: 5px;
}

.post .post-author>ul>[class*="pa-fld"] {
  padding: 3px;
}

.post .post-author>ul>[class*="pa-fld"]>* {
  max-width: 100%;
  box-sizing: border-box;
}

/* Предпросмотр маски и другие карточки вне обычного поста. */

.post-author:where(:not(#pun .post .post-author)) .lz {
  display: grid;
  grid-template-columns: minmax(0,1fr);
}

.post-author .lz {
  font-size: 11px;
}

.post-author .status-tribe,
.post-author .age-pers,
.post-author .lz-quote {
  line-height: 1.4;
  padding: 3px;
}

.post .post-author>ul>.pa-posts,
.post .post-author>ul>.pa-respect {
  padding: 5px 2px;
}

.post .post-author>ul>.pa-ip {
  padding: 3px 0;
  font-size: 10px;
}

.post-content {
  font-size: var(--ot-post-font);
  line-height: 1.7;
}

.ot-fontbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  font: 10px/1.5 Arial,sans-serif;
  margin: 0 0 12px;
  padding: 5px 0;
  color: var(--ot-muted);
}

.ot-fontbar input {
  width: 135px;
  margin: 0;
  accent-color: var(--ot-accent);
}

.ot-fontbar output {
  min-width: 34px;
  font-variant-numeric: tabular-nums;
}

.post .post-links {
  display: grid;
  grid-template-columns: var(--ot-author-width) minmax(0,1fr);
  column-gap: 22px;
  padding: 10px 0 0;
  margin: 0;
  border: 0;
}

.post .post-links ul {
  display: flex;
  gap: 5px 11px;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

.post .post-links>.ot-contact-links {
  grid-column: 1;
  justify-content: center;
}

.post .post-links>.ot-action-links {
  grid-column: 2;
  justify-content: flex-end;
}

.post .post-links a {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: var(--ot-accent);
}

.post .post-links a:hover {
  color: var(--ot-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.post.hideprofile .post-links {
  grid-template-columns: 1fr;
}

.post.hideprofile .post-links>.ot-action-links {
  grid-column: 1;
}

#pun-stats {
  border: 0;
  padding: 18px 23% 18px 32px;
  background: var(--ot-bar);
}

#pun-stats::before {
  inset: 0;
  background-image: linear-gradient(var(--ot-footer-overlay),var(--ot-footer-overlay)),var(--ot-footer-image);
  background-size: cover;
}

#pun-stats h2 {
  font-size: 23px;
}

#pun-stats::after {
  right: 3%;
  bottom: 22px;
  font-size: 11px;
}

#pun-about {
  border: 0;
}

.category .ot-territory>.special {
  width: 100%;
  max-width: 360px;
  height: 82px;
  min-height: 82px;
  margin: 7px 0 0;
}

.category .special>img {
  height: 82px;
}

.category .special .s-p {
  padding: 9px 12px;
  font-size: 10px;
  line-height: 1.4;
}

.category .tcl h3 {
  font-size: 22px;
}

#pun-viewforum #pun-main>h1 {
  margin-bottom: 12px;
  padding-bottom: 10px;
}

#pun-viewforum .linkst {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px;
  padding: 8px 0;
  min-height: 0;
}

#pun-viewforum .linkst .postlink {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  padding: 0;
}

#pun-viewforum .linkst .postlink a {
  display: inline-block;
  background: var(--ot-wash);
  color: var(--ot-ink);
  border: 1px solid var(--ot-line);
  padding: 7px 12px;
  font: 11px/1.4 Arial,sans-serif;
}

#pun-viewforum .linkst .postlink a:hover {
  background: var(--ot-paper-raised);
  color: var(--ot-accent);
}

#pun-viewforum .linksb .postlink {
  display: none;
}

#pun-viewforum .linksb {
  margin: 8px 0 0;
  padding: 8px 0;
  min-height: 0;
  justify-content: flex-end;
}

#pun-viewforum .forum>h2 {
  min-height: 0;
  margin: 0 0 10px;
  padding: 8px 0;
  font-size: 23px;
}

#pun-viewforum .forum td {
  padding: 10px 12px;
}

#pun-viewforum .modmenu,
#pun-viewforum .modlink,
#pun-viewforum .subscribelink {
  display: inline-flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  margin: 8px 14px 0 0;
  font: 10px/1.5 Arial,sans-serif;
}

.forum .ot-topic-important .icon {
  -webkit-mask-image: var(--ot-paw-important-image);
  background: var(--ot-paw-important);
}

.forum .ot-topic-closed .icon {
  -webkit-mask-image: var(--ot-paw-closed-image);
  background: var(--ot-paw-closed);
}

.forum .ot-topic-new .icon {
  background: var(--ot-accent);
  animation: ot-new-paw 3.8s ease-in-out infinite;
  transform-origin: 50% 80%;
}

@media (prefers-reduced-motion:reduce) {
  .forum .ot-topic-new .icon {
    animation: none;
  }
}

.ot-hero,
.ot-hero[data-slide] {
  background-image: var(--ot-header-background);
  background-size: 100% 100%;
}

/* 12-hero-scenes.css */

.ot-cats {
  position: absolute;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  pointer-events: none;
  transition: opacity .7s ease;
  z-index: 0;
}

/* Коты: бой, мирные сцены и умывание. */

.ot-cats[data-cat="1"] {
  width: var(--ot-fight-width);
  height: var(--ot-fight-height);
  right: var(--ot-fight-right);
  bottom: var(--ot-fight-bottom);
}

.ot-cats:not([data-cat="1"]):not([data-cat="4"]) {
  width: var(--ot-peace-cats-width);
  height: var(--ot-peace-cats-height);
  right: var(--ot-peace-cats-right);
  bottom: var(--ot-peace-cats-bottom);
}

.ot-cats[data-cat="4"] {
  width: var(--ot-peace-cats-width);
  height: var(--ot-peace-cats-height);
  right: var(--ot-groom-right);
  bottom: var(--ot-groom-bottom);
}

.ot-cats[data-cat="1"] {
  background-image: var(--ot-header-1);
}

.ot-hero[data-slide="1"] .ot-cats[data-cat="1"] {
  opacity: 1;
}

.ot-cats[data-cat="2"] {
  background-image: var(--ot-header-2);
}

.ot-hero[data-slide="2"] .ot-cats[data-cat="2"] {
  opacity: 1;
}

.ot-cats[data-cat="3"] {
  background-image: var(--ot-header-3);
}

.ot-hero[data-slide="3"] .ot-cats[data-cat="3"] {
  opacity: 1;
}

.ot-cats[data-cat="4"] {
  background-image: var(--ot-header-4);
}

.ot-hero[data-slide="4"] .ot-cats[data-cat="4"] {
  opacity: 1;
}

.ot-cats[data-cat="5"] {
  background-image: var(--ot-header-5);
}

.ot-hero[data-slide="5"] .ot-cats[data-cat="5"] {
  opacity: 1;
}

.ot-cats[data-cat="6"] {
  background-image: var(--ot-header-6);
}

.ot-hero[data-slide="6"] .ot-cats[data-cat="6"] {
  opacity: 1;
}

@media (prefers-reduced-motion:reduce) {
  .ot-cats {
    transition: none;
  }
}

html[data-ot-motion="paused"] .ot-cats {
  transition: none;
}

#pun_wrap {
  border-radius: 0;
  width: 100%;
  max-width: var(--ot-width);
  padding: var(--ot-frame-space);
  background: var(--ot-frame-glass);
  backdrop-filter: blur(var(--ot-frame-blur));
  -webkit-backdrop-filter: blur(var(--ot-frame-blur));
  border: 0;
  box-shadow: none;
}

.ot-hero__copy {
  z-index: 50;
  overflow: visible;
}

.ot-hero-nav {
  position: relative;
  z-index: 1;
  overflow: visible;
}

.ot-nav:has(>button[aria-expanded="true"]) {
  z-index: 2;
}

.ot-nav__panel {
  z-index: 100;
  isolation: isolate;
  background: var(--ot-paper-raised);
}

#pun-viewtopic #pun-crumbs1,
#pun-viewtopic #pun-crumbs2 {
  padding: 8px 0;
}

#pun-viewtopic #pun-main>h1 {
  margin: 5px 0 6px;
  padding: 5px 0 7px;
  font-size: 24px;
  line-height: 1.2;
}

#pun-viewtopic .linkst,
#pun-viewtopic .linksb {
  min-height: 0;
  margin: 0;
  padding: 5px 0;
  gap: 6px;
}

#pun-viewtopic .topic {
  gap: 10px;
}

#pun-viewtopic #pun-main .topic>h2 {
  margin: 3px 0 0;
  padding: 4px 0 6px;
  gap: 6px 12px;
}

#pun-viewtopic .topic>h2 .item1 {
  font-size: 18px;
}

#pun-viewtopic .ot-fontbar {
  margin: 0;
  padding: 0;
  min-height: 22px;
  gap: 7px;
}

#pun-viewtopic .post {
  padding: 12px 14px;
}

#pun-viewtopic .post h3>span {
  padding-bottom: 6px;
  margin-bottom: 9px;
}

#pun-viewtopic .post>.container {
  gap: 8px 18px;
}

#pun-viewtopic .post-content>p {
  padding-bottom: 8px;
}

.we_need-wrapper .slider-content {
  scrollbar-width: thin;
  scrollbar-color: var(--ot-wanted-scroll) var(--ot-clear);
}

.ot-wanted-copy p::-webkit-scrollbar,
.we_need-wrapper .slider-content::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background: var(--ot-clear);
}

.ot-wanted-copy p::-webkit-scrollbar-track,
.ot-wanted-copy p::-webkit-scrollbar-corner,
.we_need-wrapper .slider-content::-webkit-scrollbar-track {
  background: var(--ot-clear);
  border: 0;
  box-shadow: none;
}

.ot-wanted-copy p::-webkit-scrollbar-thumb,
.we_need-wrapper .slider-content::-webkit-scrollbar-thumb {
  background: var(--ot-wanted-scroll);
  border: 0;
  border-radius: 4px;
  box-shadow: none;
}

.ot-wanted-copy p::-webkit-scrollbar-thumb:hover {
  background: var(--ot-wanted-scroll-hover);
}

.ot-wanted-copy p::-webkit-scrollbar-button,
.we_need-wrapper .slider-content::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

#pun-stats::before {
  background-position: center,center top;
  filter: var(--ot-footer-filter);
  opacity: 1;
}

#pun-stats a {
  color: var(--ot-bar-text);
  text-underline-offset: 2px;
}

#pun-stats a:hover {
  color: var(--ot-accent-bright);
}

.ot-fireflies {
  position: absolute;
  overflow: hidden;
  pointer-events: none;
  contain: paint;
}

html[data-ot-motion="paused"] .ot-fireflies {
  display: none;
}

@media (prefers-reduced-motion:reduce) {
  .ot-fireflies {
    display: none;
  }
}

.ot-hero[data-slide="1"] .ot-cats[data-cat="1"],
.ot-hero[data-slide="2"] .ot-cats[data-cat="2"],
.ot-hero[data-slide="3"] .ot-cats[data-cat="3"],
.ot-hero[data-slide="4"] .ot-cats[data-cat="4"],
.ot-hero[data-slide="5"] .ot-cats[data-cat="5"],
.ot-hero[data-slide="6"] .ot-cats[data-cat="6"] {
  pointer-events: auto;
}

#pun>.punbb {
  background-image: var(--ot-grain),linear-gradient(to bottom,var(--ot-clear),var(--ot-paper-lift)),var(--ot-atlas-lines);
  background-size: 180px 180px,100% 100%,auto;
  background-repeat: repeat,no-repeat,repeat;
  background-color: var(--ot-paper);
}

.ot-wanted-slider {
  grid-template-columns: 20px minmax(0,1fr) 20px;
  gap: 7px;
}

.ot-wanted-slider>button {
  border-radius: 50%;
  width: 20px;
  height: 26px;
  background: var(--ot-wash);
  transition: background-color .2s,transform .2s;
}

.ot-wanted-slider>button:hover {
  background: var(--ot-paper-raised);
  transform: scale(1.08);
}

.ot-wanted-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  align-items: center;
  gap: 10px;
  height: 102px;
  padding: 8px;
  border: 1px solid var(--ot-wanted-edge);
  border-radius: 9px;
  background: var(--ot-wanted-surface);
  box-shadow: 0 2px 8px var(--ot-wanted-shadow);
  transition: transform .3s ease,background-color .3s ease,box-shadow .3s ease;
}

.ot-wanted-card>img {
  flex: 0 0 66px;
  width: 66px;
  height: 84px;
  border-radius: 5px;
  object-fit: cover;
  transition: filter .3s ease;
}

.ot-wanted-copy {
  flex: 1;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.ot-wanted-copy h3 a {
  color: var(--ot-ink);
  text-underline-offset: 3px;
  text-decoration: none;
}

.ot-wanted-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(110deg,var(--ot-clear) 30%,var(--ot-wanted-shine) 49%,var(--ot-clear) 68%);
  transform: translateX(-120%);
  transition: transform .75s ease;
}

.ot-wanted-card:hover,
.ot-wanted-card:focus-within {
  transform: translateY(-2px);
  background: var(--ot-paper-raised);
  box-shadow: 0 5px 12px var(--ot-wanted-shadow);
}

.ot-wanted-card:hover::after,
.ot-wanted-card:focus-within::after {
  transform: translateX(120%);
}

.ot-fireflies {
  inset: 17% 2% 19% 55%;
  z-index: 4;
}

.ot-firefly {
  position: absolute;
  left: var(--fly-x);
  top: var(--fly-y);
  border-radius: 50%;
  opacity: 0;
  animation: ot-firefly-visible var(--fly-duration) ease-in-out var(--fly-delay) infinite;
  pointer-events: none;
  width: var(--fly-size,3px);
  height: var(--fly-size,3px);
  background: var(--ot-firefly-core);
  box-shadow: 0 0 4px 1px var(--ot-firefly-halo),0 0 12px 3px var(--ot-firefly-halo);
}

.ot-leaves {
  z-index: 3;
}

.ot-leaves>span,
.ot-leaves>span:nth-child(n) {
  background: none;
  -webkit-mask: none;
  opacity: 0;
}

.ot-leaves>span::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: var(--ot-leaf-fall-1);
  -webkit-mask: var(--ot-oak-leaf) center/contain no-repeat;
  animation: ot-leaf-turn 4.8s ease-in-out var(--leaf-delay) infinite;
  transform-origin: 50% 25%;
}

.ot-leaves>span:nth-child(3n/**/+2)::before {
  background: var(--ot-leaf-fall-2);
  animation-direction: reverse;
  animation-duration: 5.7s;
}

.ot-leaves>span:nth-child(3n/**/+3)::before {
  background: var(--ot-leaf-fall-3);
  animation-duration: 4.1s;
}

html[data-ot-motion="paused"] .ot-leaves>span::before {
  animation-play-state: paused;
}

html[data-ot-motion="paused"] .ot-wanted-card,
html[data-ot-motion="paused"] .ot-wanted-card::after {
  transition: none;
  transform: none;
}

@media (prefers-reduced-motion:reduce) {
  .ot-leaves {
    display: none;
  }

  .ot-wanted-card,
.ot-wanted-card::after {
    transition: none;
    transform: none !important;
  }
}

#pun-navlinks.ot-menu-compact>ul {
  gap: 13px;
}

#pun-navlinks.ot-menu-compact #ot-top-subrow {
  gap: 8px;
}

#pun-navlinks.ot-menu-compact #pun-ulinks ul {
  gap: 10px;
}

#pun-navlinks.ot-menu-compact #ot-controls {
  gap: 3px;
}

#pun-navlinks.ot-menu-compact .ot-tool>span {
  width: 13px;
  height: 13px;
}

#pun-navlinks.ot-menu-compact #ot-controls .ot-header-dots {
  padding: 0 0 0 5px;
  gap: 4px;
}

#pun-navlinks.ot-menu-compact #ot-controls .ot-header-dots button[data-slide="auto"] {
  width: 18px;
  height: 18px;
}

.ot-forest-air {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
  contain: paint;
}

.ot-forest-mist {
  position: absolute;
  inset: 60% 4%0 46%;
  filter: blur(8px);
  mask-image: linear-gradient(to right,var(--ot-clear),var(--ot-module-color-15) 20%,var(--ot-module-color-15) 80%,var(--ot-clear));
}

.ot-forest-mist::before,
.ot-forest-mist::after {
  content: "";
  position: absolute;
  background: radial-gradient(ellipse at 35% 70%,var(--ot-mist-color),var(--ot-clear) 55%),radial-gradient(ellipse at 74% 44%,var(--ot-mist-color),var(--ot-clear) 48%);
  animation: ot-mist-drift 24s ease-in-out infinite alternate;
  will-change: transform;
}

.ot-forest-mist::before {
  inset: 0/**/-20%;
}

.ot-forest-mist::after {
  inset: 20% -25% -10%;
  animation-duration: 33s;
  animation-delay: -12s;
  opacity: .6;
}

/* Вода: общая область; движение задаётся псевдоэлементам. */

.ot-water-flow,
.ot-water-glints {
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  clip-path: var(--ot-water-area);
  -webkit-mask-image: none;
}

.ot-water-flow {
  animation: none;
  transform: none;
  background: none;
  opacity: .65;
}

.ot-water-glints {
  filter: blur(.25px);
}

html[data-ot-motion="paused"] .ot-forest-air *::before,
html[data-ot-motion="paused"] .ot-forest-air *::after {
  animation-play-state: paused;
}

@media (prefers-reduced-motion:reduce) {
  .ot-forest-air {
    display: none;
  }
}

/* Нужные: три карточки на широком экране, горизонтальная лента на узком. */

.ot-wanted-track {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% - 20px)/3);
  overflow-x: auto;
  scrollbar-width: none;
  gap: 10px;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  padding: 4px 0 5px;
}

.ot-wanted-copy p {
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--ot-wanted-scroll) var(--ot-clear);
  max-height: 56px;
  margin: 0;
  padding: 0 3px 0 0;
  overscroll-behavior: contain;
  font: 11px/1.45 Arial,sans-serif;
}

@media (max-width:700px) {
  #pun #ot-wanted .ot-wanted-track {
    grid-auto-columns: minmax(235px,85%);
  }
}

/* Блики воды: геометрия и анимация в одном определении. */

.ot-water-glints::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(175deg,var(--ot-clear) 0 8px,var(--ot-water-light) 9px,var(--ot-clear) 10px 17px);
  transform-origin: center;
  opacity: .1;
  animation: ot-water-run 4.5s linear infinite,ot-water-shimmer 4s ease-in-out infinite alternate;
}

.ot-water-glints::after {
  content: "";
  position: absolute;
  background: repeating-linear-gradient(175deg,var(--ot-clear) 0 8px,var(--ot-water-light) 9px,var(--ot-clear) 10px 17px);
  transform-origin: center;
  opacity: .1;
  inset: 0;
  animation: ot-water-run 6.5s linear -2s infinite reverse,ot-water-shimmer 6s ease-in-out -2s infinite alternate;
}

.ot-wanted-copy h3 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0 5px;
  padding: 0;
  font: 600 14px/1.2 Arial,sans-serif;
}

/* 13-topic-hero-shared.css */

#pun-viewtopic .post .post-links {
  padding-top: 5px;
  column-gap: 18px;
}

#pun-viewtopic .post .post-links ul {
  gap: 3px 9px;
}

#pun-viewtopic .post .post-links a {
  display: inline-block;
  padding: 2px 0;
  color: var(--ot-muted);
  transition: color .2s;
}

#pun-viewtopic .post .post-links a:hover {
  color: var(--ot-accent);
}

.ot-topic-readers {
  font: 400 11px/1.6 Arial,sans-serif;
  color: var(--ot-muted);
  padding: 7px 0;
}

.ot-topic-readers strong,
.ot-topic-readers b {
  font-weight: 500;
}

.ot-topic-readers a {
  color: var(--ot-accent);
  font-weight: 500;
}

.ot-news,
#pun-announcement .ot-news {
  gap: 6px;
  margin: 10px 25px 2px;
}

.ot-news>button {
  width: 20px;
  height: 28px;
  font-size: 18px;
}

.news-plash {
  gap: 6px;
  padding: 2px 0;
}

.news-plash__link {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: max-content;
  min-width: 120px;
  min-height: 36px;
  gap: 7px;
  padding: 5px 7px;
  border-color: var(--ot-line);
  background: var(--ot-wash);
  border-radius: 0;
  transition: background .2s,color .2s;
}

.news-plash__date {
  flex-shrink: 0;
  font: 600 10.5px/1.3 Arial,sans-serif;
  font-variant-numeric: tabular-nums;
  padding-right: 7px;
  color: var(--ot-accent);
}

.news-plash__descr {
  min-width: 0;
}

.news-plash__title {
  text-transform: uppercase;
  font: 600 9px/1.35 Arial,sans-serif;
  letter-spacing: .035em;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
}

.news-plash__text {
  font: 400 9px/1.35 Arial,sans-serif;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
}

.news-plash__link:hover {
  background: var(--ot-paper);
  color: var(--ot-accent);
}

.ot-cats[data-cat="7"] {
  background-image: var(--ot-header-7);
}

.ot-hero[data-slide="7"] .ot-cats[data-cat="7"] {
  opacity: 1;
  pointer-events: auto;
}

html[data-ot-motion="paused"] .ot-water-flow {
  animation-play-state: paused;
}

body {
  background-color: var(--ot-page);
  background-image: var(--ot-grain),linear-gradient(to bottom,var(--ot-clear) 12%,var(--ot-page-lift)),linear-gradient(var(--ot-page-veil),var(--ot-page-veil)),var(--ot-page-image);
  background-size: 180px 180px,100% 100%,100% 100%,cover;
  background-position: center,center,center,center;
  background-repeat: repeat,no-repeat,no-repeat,no-repeat;
  background-attachment: fixed,fixed,fixed,fixed;
}

.ot-foreground-fern {
  position: absolute;
  right: var(--ot-fern-right);
  bottom: var(--ot-fern-bottom);
  width: var(--ot-fern-width);
  height: var(--ot-fern-height);
  background: var(--ot-foreground-fern,none) right bottom/contain no-repeat;
  pointer-events: none;
  z-index: 6;
}

.news-plash>.news-plash__link:first-child {
  margin-left: auto;
}

.news-plash>.news-plash__link:last-child {
  margin-right: auto;
}

#pun-index #pun-crumbs1 {
  padding: 5px 0 2px;
  line-height: 1.4;
}

#pun-index #pun-main {
  padding-top: 0;
}

#pun-index #pun-main>.category:first-of-type {
  margin-top: 3px;
}

#pun-index #pun-main>.category:first-of-type>h2 {
  min-height: 46px;
  margin-bottom: 8px;
}

.post-content .code-box {
  background: var(--ot-quote-paper);
  border: 1px solid var(--ot-line);
  border-radius: 2px;
  margin: 7px 0;
  padding: 6px 9px;
}

.post-content .code-box .legend {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0;
  border: 0;
  font-size: 11px;
  margin: 0 0 4px;
  min-height: 0;
  line-height: 1;
}

.post-content .ot-copy {
  padding: 3px 8px;
  font-size: 9px;
  line-height: 1.3;
}

.post-content .code-box .scrollbox pre {
  height: auto;
  min-height: 0;
  font: 11px/1.4 monospace;
  padding: 0;
  margin: 0;
}

.post-content .code-box>pre {
  box-sizing: border-box;
  height: var(--ot-code-viewport) !important;
  min-height: var(--ot-code-viewport);
  font: 11px/1.4 monospace;
}

.post-content ul {
  list-style: disc outside;
  padding: 3px 0 5px 22px;
  margin: 0;
}

.post-content ol {
  list-style: decimal outside;
  padding: 3px 0 5px 22px;
  margin: 0;
}

.post-content ol[type="a"] {
  list-style-type: lower-alpha;
}

.post-content ol[type="A"] {
  list-style-type: upper-alpha;
}

.post-content ol[type="i"] {
  list-style-type: lower-roman;
}

.post-content ol[type="I"] {
  list-style-type: upper-roman;
}

.post-content ul ul {
  list-style-type: circle;
}

.post-content ul ul ul {
  list-style-type: square;
}

.post-content ul>li,
.post-content ol>li {
  display: list-item;
  list-style: inherit;
  margin: 0 0 2px;
  padding: 0;
}

.post-content li::marker {
  color: var(--ot-accent);
}

.post-content .quote-box {
  padding: 5px 9px;
  margin: 6px 0;
  background: var(--ot-quote-compact);
  border: 0;
  border-left: 2px solid var(--ot-line);
  border-radius: 4px;
  line-height: 1.4;
  box-shadow: none;
}

.post-content .quote-box .quote-box {
  padding: 4px 8px;
  margin: 4px 0 1px;
  background: var(--ot-quote-nested);
  border-left: 2px solid var(--ot-line);
}

.post-content .quote-box>cite {
  font: 500 10px/1.3 Arial,sans-serif;
  margin: 0 0 3px;
  padding: 0;
  gap: 5px;
}

.post-content .quote-box>cite::before {
  width: 11px;
  height: 11px;
  flex-basis: 11px;
  opacity: .7;
}

.post-content .quote-box blockquote {
  margin: 0;
  padding: 0;
}

.post-content .quote-box p {
  padding: 0 0 2px;
  margin: 0;
}

.post .post-author>ul>.ot-author-metric {
  font: 500 10px/1.25 Arial,sans-serif;
}

.post .post-author .ot-author-metric a,
.post .post-author .ot-author-metric strong,
.post .post-author .ot-author-metric>span:not(.fld-name) {
  font-size: 10px;
  line-height: 1.25;
}

.post .post-author .ot-author-metric .fld-name {
  font-size: 9px;
  line-height: 1.25;
}

.post .post-author .ot-author-metric img,
.post .post-author .ot-author-metric svg {
  max-width: 12px;
  max-height: 12px;
  width: auto;
  height: auto;
  vertical-align: middle;
}

.post .post-author .ot-author-metric i {
  font-size: 12px;
}

.post .post-author .pa-posts .fld-name,
.post .post-author .pa-respect .fld-name {
  height: 14px;
  margin-bottom: 1px;
}

#pun-navlinks #navpm.ot-pm-new>a,
#pun-navlinks #navpm.ot-pm-new>a * {
  font-size: 0 !important;
}

#pun-navlinks #navpm.ot-pm-new>a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

#pun-navlinks #navpm.ot-pm-new>a::before {
  content: "Сообщения";
  font: 500 14px/1.4 Arial,sans-serif;
}

#pun-navlinks.ot-menu-compact #navpm.ot-pm-new>a::before {
  font-size: 11.5px;
}

#pun-navlinks #navpm.ot-pm-new .notify-link,
#pun-navlinks #navpm.ot-pm-new .unreads {
  display: none !important;
}

#pun-navlinks #navpm.ot-pm-new>a::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: var(--ot-accent);
  -webkit-mask: var(--ot-paw-image) center/contain no-repeat;
  transform-origin: 50% 80%;
  animation: ot-pm-paw 3s ease-in-out infinite;
}

html[data-ot-motion="paused"] #pun-navlinks #navpm.ot-pm-new>a::after {
  animation-play-state: paused;
}

.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer,
.jGrowl .notification-spoiler {
  box-sizing: border-box;
  width: 280px;
  max-width: calc(100vw - 24px);
  padding: 9px 12px;
  border: 1px solid var(--ot-line);
  border-radius: 6px;
  background: var(--ot-notice-paper);
  color: var(--ot-ink);
  box-shadow: var(--ot-notice-shadow);
  font: 11px/1.45 Arial,sans-serif;
  opacity: 1;
}

.jGrowl .notification {
  min-height: 0;
}

.jGrowl .jGrowl-notification .jGrowl-header {
  font: 600 11px/1.3 Arial,sans-serif;
  padding: 0 18px 4px 0;
  color: var(--ot-accent);
}

.jGrowl .jGrowl-notification a,
.jGrowl .jGrowl-notification em.guest-link {
  color: var(--ot-accent);
  font: 500 11px/1.4 Arial,sans-serif;
}

.jGrowl .jGrowl-notification .jGrowl-close {
  color: var(--ot-muted);
  margin: 0;
  padding: 0 3px;
  font: 16px/1 Arial,sans-serif;
  background: none;
  border: 0;
}

.jGrowl .notification-left {
  height: 30px;
}

.jGrowl .notification-image {
  width: 30px;
  height: 30px;
}

.jGrowl .notification-left+.notification-right {
  margin-left: 38px;
  min-height: 30px;
}

#pun .punbb .unread-notifications .modal-inner {
  box-sizing: border-box;
  width: 480px;
  max-width: calc(100vw - 30px);
  background: var(--ot-notice-paper);
  color: var(--ot-ink);
  border: 1px solid var(--ot-line);
  border-radius: 6px;
  box-shadow: var(--ot-notice-shadow);
  font: 11px/1.45 Arial,sans-serif;
}

#pun .punbb .unread-notifications .container,
#pun .punbb .unread-notifications table {
  background: var(--ot-clear);
  color: var(--ot-ink);
}

#pun .punbb .unread-notifications td {
  padding: 8px 10px;
  border-color: var(--ot-line);
  background: var(--ot-clear);
  font-size: 11px;
}

#pun .punbb .unread-notifications a {
  color: var(--ot-accent);
}

#pun .punbb .unread-notifications h2 {
  font: 500 18px/1.3 Arial,sans-serif;
  padding: 9px 12px;
  margin: 0;
  background: none;
  color: var(--ot-ink);
}

#pun .punbb .unread-notifications .notifications-block-title {
  background: var(--ot-wash);
  border-color: var(--ot-line);
}

#pun .punbb .unread-notifications tr:hover td {
  background: var(--ot-wash);
}

.scrollbuttons {
  right: max(7px,calc((100vw - var(--ot-width))/2 - 38px));
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
  gap: 5px;
}

.scrollbuttons button {
  width: 28px;
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: var(--ot-bar);
  color: var(--ot-bar-text);
  font: 16px/1 Arial,sans-serif;
  opacity: .8;
  cursor: pointer;
  transition: opacity .2s,transform .2s;
}

.scrollbuttons button:hover,
.scrollbuttons button:focus-visible {
  opacity: 1;
  transform: translateY(-1px);
}

.ot-water-flow::before {
  content: "";
  position: absolute;
  inset: -3px;
  background: var(--ot-header-background) center/100% 100% no-repeat;
  animation: ot-water-flow 4s ease-in-out infinite alternate;
}

.ot-hero[data-slide="1"] .ot-foreground-fern,
.ot-hero[data-slide="4"] .ot-foreground-fern {
  width: var(--ot-groom-fern-width);
  height: var(--ot-groom-fern-height);
}

@media (prefers-reduced-motion:reduce) {
  #pun-navlinks #navpm.ot-pm-new>a::after {
    animation: none;
  }
}

#pun-navlinks>ul a {
  font-size: 12px;
  line-height: 1.3;
  padding: 2px 0;
}

#pun-navlinks #navpm.ot-pm-new>a::before {
  font-size: 12px;
  line-height: 1.3;
}

#ot-top-subrow {
  padding: 0 12px;
  justify-content: center;
  height: 24px;
  min-height: 24px;
}

#ot-top-subrow #pun-ulinks ul {
  gap: 11px;
  margin-inline: auto;
  justify-content: center;
  min-height: 24px;
  padding: 0;
}

#ot-top-subrow #pun-ulinks a {
  font-size: 9.5px;
  line-height: 1.3;
  padding: 2px 0;
}

#pun-navlinks.ot-menu-compact>ul a {
  font-size: 11.5px;
  line-height: 1.25;
  padding: 1px 0;
}

#pun-navlinks.ot-menu-compact #pun-ulinks ul {
  min-height: 18px;
  padding: 0;
}

#pun-navlinks.ot-menu-compact #pun-ulinks a {
  font-size: 9px;
  line-height: 1.3;
  padding: 1px 0;
}

#pun-navlinks.ot-menu-compact #ot-controls .ot-tool,
#pun-navlinks.ot-menu-compact #ot-controls .ot-theme-toggle {
  width: 22px;
  height: 18px;
  padding: 2px;
}

#formkey {
  display: none !important;
}

:is(#pun-viewtopic,#pun-viewforum,#pun-searchtopics,#pun-searchposts,#pun-messages) #pun-crumbs1 {
  padding: 6px 0 3px;
  line-height: 1.4;
}

:is(#pun-viewtopic,#pun-viewforum,#pun-searchtopics,#pun-searchposts,#pun-messages) #pun-main {
  padding-top: 0;
}

:is(#pun-viewtopic,#pun-viewforum,#pun-searchtopics,#pun-searchposts,#pun-messages) #pun-main>h1 {
  margin: 4px 0 5px;
  padding: 4px 0 6px;
  line-height: 1.2;
  font-size: 24px;
}

:is(#pun-viewtopic,#pun-viewforum,#pun-searchtopics,#pun-searchposts,#pun-messages) #pun-main>.linkst {
  min-height: 0;
  margin: 0;
  padding: 4px 0;
  gap: 5px 10px;
}

:is(#pun-viewtopic,#pun-viewforum,#pun-searchtopics,#pun-searchposts,#pun-messages) .linkst .pagelink,
:is(#pun-viewtopic,#pun-viewforum,#pun-searchtopics,#pun-searchposts,#pun-messages) .linkst .postlink {
  margin: 0;
  padding: 0;
  line-height: 1.4;
}

:is(#pun-searchtopics,#pun-searchposts,#pun-viewforum) #pun-main>.forum>h2 {
  margin: 3px 0 6px;
  padding: 4px 0 6px;
  min-height: 0;
  font-size: 19px;
  line-height: 1.3;
  gap: 5px 12px;
}

:is(#pun-searchtopics,#pun-searchposts,#pun-viewforum) #pun-main>.forum>h2 .item1 {
  font: 500 19px/1.3 Arial,sans-serif;
}

:is(#pun-searchtopics,#pun-searchposts,#pun-viewforum) #pun-main>.forum>h2 .item2 {
  font: 400 10px/1.4 Arial,sans-serif;
}

#pun-viewtopic #pun-main>.topic>h2 {
  margin: 2px 0 0;
  padding: 3px 0 4px;
}

#pun-searchposts #pun-main>.topic>h2 {
  margin: 3px 0 6px;
  padding: 4px 0 6px;
  font-size: 19px;
}

.post .post-author .pa-gifts,
.post .post-author .pa-awards {
  display: none !important;
}

.post .post-author .pa-posts .fld-name,
.post .post-author .pa-respect .fld-name,
.post .post-author .pa-posts .fld-name *,
.post .post-author .pa-respect .fld-name * {
  font-size: 0 !important;
  line-height: 0;
}

.post .post-author .pa-posts .fld-name::before,
.post .post-author .pa-respect .fld-name::before {
  font-size: 12px;
  line-height: 14px;
}

.special .s-p {
  box-sizing: border-box;
  transform: translateY(100%);
  opacity: 0;
  color: var(--ot-ink);
  background: var(--ot-overlay);
  transition: transform .65s cubic-bezier(.22,.61,.36,1),opacity .45s ease,background-color .65s ease;
  scrollbar-width: thin;
  scrollbar-color: var(--ot-description-scroll) var(--ot-clear);
  overscroll-behavior: contain;
}

.special:hover .s-p,
.special:focus-within .s-p,
.special.is-open .s-p {
  pointer-events: auto;
  transform: translateY(0);
  opacity: 1;
  background: var(--ot-description-overlay);
}

.special:hover>img,
.special:focus-within>img,
.special.is-open>img {
  filter: grayscale(.8) brightness(1.12);
  opacity: .65;
  transform: scale(1.015);
}

.special .s-p::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background: var(--ot-clear);
}

.special .s-p::-webkit-scrollbar-track {
  background: var(--ot-clear);
  border: 0;
}

.special .s-p::-webkit-scrollbar-thumb {
  background: var(--ot-description-scroll);
  border: 0;
  border-radius: 4px;
}

html[data-ot-theme="dark"] .special:hover>img,
html[data-ot-theme="dark"] .special:focus-within>img,
html[data-ot-theme="dark"] .special.is-open>img {
  filter: grayscale(.8) brightness(.7);
}

html[data-ot-motion="paused"] .special .s-p,
html[data-ot-motion="paused"] .special>img {
  transition: none;
}

@media (prefers-reduced-motion:reduce) {
  .special .s-p,
.special>img {
    transition: none;
  }
}

#ot-wanted {
  box-sizing: border-box;
  margin: 14px 0 18px;
  padding: 11px 10px 7px;
  border: 0;
  border-radius: 0;
  background: var(--ot-wanted-inset-bg);
  box-shadow: inset 0 2px 7px var(--ot-wanted-inset-shadow),inset 0/**/-1px 0 var(--ot-wanted-inset-light);
}

#ot-wanted>h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  letter-spacing: .23em;
  color: var(--ot-muted);
  margin: 0 0 5px;
  padding: 0 27px;
  gap: 12px;
  white-space: nowrap;
}

#ot-wanted>h2::before,
#ot-wanted>h2::after {
  content: "";
  flex: 1 1 0;
  width: auto;
  min-width: 20px;
  height: 1px;
  background: var(--ot-line);
}

#pun-navlinks li[hidden],
#pun-navlinks #navawards {
  display: none !important;
}

#pun .post .post-links li,
#pun .post .post-links a {
  font: 500 11px/1.5 Arial,sans-serif;
  letter-spacing: .065em;
  text-transform: uppercase;
}

#form-buttons {
  padding: 5px 7px;
  margin: 4px 0 7px;
  font-size: 13px;
}

#form-buttons table {
  width: auto;
  margin: 0;
  border: 0;
}

#form-buttons tr {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 3px;
}

#form-buttons td[id^="button-"] {
  display: block;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: var(--ot-wash);
  transition: background .2s,transform .2s;
}

#form-buttons td[id^="button-"]::before {
  inset: 0;
  display: grid;
  place-items: center;
  font-size: 13px;
  line-height: 26px;
  pointer-events: none;
}

#form-buttons td[id^="button-"] img {
  display: block;
  position: absolute;
  inset: 0;
  margin: auto;
  max-width: 100%;
  width: 16px;
  height: 16px;
  object-fit: contain;
}

#form-buttons td[id^="button-"] img[src*="blank.gif"] {
  width: 26px;
  height: 26px;
}

#form-buttons td[id^="button-"]:hover {
  background: var(--ot-paper-raised);
  transform: translateY(1px);
}

#form-buttons .form-buttons-splitter {
  width: 5px;
  padding: 0;
}

#pun-index .category .subforums {
  font-size: 11px;
  line-height: 1.5;
}

#pun-index .category .tcr {
  line-height: 1.4;
}

#pun-index .special .s-p {
  font-size: 11.5px;
  line-height: 1.45;
}

#pun-index .news-plash__title,
#pun-index .news-plash__text {
  font-size: 10px;
}

#pun-index .news-plash__date {
  font-size: 11px;
}

#pun-index #pun-stats .container {
  font-size: 12px;
  line-height: 1.5;
}

#pun .post-content .ot-bb-list {
  margin: 5px 0 7px;
  padding-left: 22px;
}

#pun .post-content .ot-bb-list>li {
  display: list-item;
  margin: 2px 0;
  padding: 0;
}

#pun .post-content ul.ot-bb-list {
  list-style: disc outside;
}

#pun .post-content ol.ot-bb-list {
  list-style: decimal outside;
}

#pun .post-content .ot-bb-list p {
  margin: 2px 0;
}

#pun-index .ot-wanted-copy h3 {
  font-size: 15px;
}

html {
  scrollbar-color: var(--ot-muted) var(--ot-page);
  scroll-behavior: smooth;
  scroll-padding-top: 80px;
}

[id^="p"].post {
  scroll-margin-top: 80px;
}

@view-transition{navigation:auto}

::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: .16s;
}

#pun_wrap {
  transition: opacity .11s ease;
}

html.ot-page-leaving #pun_wrap {
  opacity: .3;
}

#ot-character-dialog {
  max-width: calc(100vw - 24px);
  border-radius: 10px;
  box-sizing: border-box;
}

#ot-character-dialog::backdrop {
  backdrop-filter: blur(3px);
}

/* Панель администрации: базовое оформление, состояния и доступность. */

#ot-admin-panel h2 {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: var(--ot-ink);
  text-transform: none;
  letter-spacing: 0;
  font: 600 17px/1.25 Arial,sans-serif;
}

.ot-admin-close {
  padding: 0;
  border: 0;
  background: var(--ot-clear);
  color: var(--ot-muted);
  width: 23px;
  height: 23px;
  font: 18px/1 Arial,sans-serif;
  flex: 0 0 23px;
}

.ot-admin-close:hover {
  background: var(--ot-wash);
  color: var(--ot-ink);
}

#ot-admin-panel p {
  padding: 0;
  color: var(--ot-muted);
  margin: 0 0 8px;
}

#ot-admin-panel nav {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

#ot-admin-panel a {
  display: block;
  background: var(--ot-wash);
  color: var(--ot-ink);
  transition: transform .16s ease,background-color .16s ease,box-shadow .16s ease,color .16s ease;
  padding: 5px 7px;
  font-size: 10px;
}

#ot-admin-panel a:hover {
  color: var(--ot-accent);
  transform: translateY(1px);
  background-color: var(--ot-menu-hover);
  box-shadow: inset 0 2px 3px var(--ot-pressed-shadow);
}

#ot-admin-panel {
  position: absolute;
  z-index: 100;
  top: 146px;
  left: 24px;
  box-sizing: border-box;
  max-width: calc(100% - 48px);
  max-height: min(340px,65vh);
  background: var(--ot-paper-raised);
  color: var(--ot-ink);
  border: 1px solid var(--ot-line);
  box-shadow: 0 10px 26px var(--ot-shadow);
  animation: ot-drop .28s var(--ot-ease);
  width: 280px;
  padding: 10px;
  overflow: visible;
  font: 10px/1.5 Arial,sans-serif;
}

#ot-admin-panel .ot-admin-cards {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 6px;
}

#ot-admin-panel .ot-admin-card {
  display: block;
  position: relative;
  isolation: isolate;
  height: 93px;
  padding: 0;
  overflow: hidden;
  border-radius: 9px;
  background: var(--ot-wash);
  text-decoration: none;
  box-shadow: none;
  transform: none;
}

#ot-admin-panel .ot-admin-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background-position: center;
  background-size: cover;
  transition: transform .5s,filter .5s;
}

#ot-admin-panel [data-admin="1"]::before {
  background-image: var(--ot-admin-photo-1);
}

#ot-admin-panel [data-admin="2"]::before {
  background-image: var(--ot-admin-photo-2);
}

#ot-admin-panel [data-admin="3"]::before {
  background-image: var(--ot-admin-photo-3);
}

#ot-admin-panel .ot-admin-card span {
  position: absolute;
  inset: auto 0 0;
  padding: 15px 3px 6px;
  background: linear-gradient(var(--ot-clear),var(--ot-admin-caption-bg));
  color: var(--ot-admin-caption-ink);
  font: 500 11px/1.2 Arial,sans-serif;
  text-align: center;
  overflow-wrap: anywhere;
  transition: padding .3s;
}

#ot-admin-panel .ot-admin-card:is(:hover,:focus-visible)::before {
  transform: scale(1.06);
  filter: brightness(1.08);
}

#ot-admin-panel .ot-admin-card:is(:hover,:focus-visible) span {
  padding-bottom: 9px;
}

html[data-ot-motion="paused"] #ot-admin-panel .ot-admin-card::before {
  transition: none;
}

html[data-ot-motion="paused"] #ot-admin-panel .ot-admin-card span {
  transition: none;
}

@media (prefers-reduced-motion:reduce) {
  #ot-admin-panel {
    animation: none;
    font: 10px/1.5 Arial,sans-serif;
  }
}

@media (prefers-reduced-motion:reduce) {
  #ot-admin-panel .ot-admin-card::before {
    transition: none;
  }
}

@media (prefers-reduced-motion:reduce) {
  #ot-admin-panel .ot-admin-card span {
    transition: none;
  }
}

#ot-admin-panel .ot-admin-panel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0 0 7px;
}

/* 14-dialog-author-layout.css */

#ot-character-content {
  font: 12px/1.5 Arial,sans-serif;
}

.ot-character-toolbar {
  padding: 9px 13px;
}

.ot-character-toolbar h2 {
  font: 500 22px/1.2 Arial,sans-serif;
}

.ot-dossier-head {
  display: grid;
  grid-template-columns: 86px minmax(0,1fr);
  gap: 14px;
  margin-bottom: 12px;
}

.ot-dossier-portrait {
  height: 100px;
  border-radius: 7px;
  overflow: hidden;
  background: var(--ot-wash);
}

.ot-dossier-portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ot-dossier-info h3 {
  font: 500 25px/1.1 Arial,sans-serif;
  padding: 0;
  margin: 0 0 7px;
  color: var(--ot-ink);
}

.ot-dossier-description {
  font-size: 11px;
  line-height: 1.6;
  color: var(--ot-muted);
}

.ot-dossier-characters,
.ot-dossier-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 8px 0;
}

#ot-character-content button {
  font: 500 11px/1.4 Arial,sans-serif;
  color: var(--ot-ink);
  padding: 6px 9px;
  border: 1px solid var(--ot-line);
  border-radius: 4px;
  background: var(--ot-wash);
  cursor: pointer;
}

#ot-character-content button[aria-pressed="true"],
#ot-character-content button[aria-selected="true"] {
  background: var(--ot-bar);
  color: var(--ot-bar-text);
  border-color: var(--ot-bar);
}

#ot-character-content button:focus-visible {
  outline: 2px solid var(--ot-accent);
  outline-offset: 2px;
}

.ot-dossier-tabs {
  padding-top: 9px;
  border-top: 1px solid var(--ot-line);
  margin-bottom: 12px;
}

.ot-dossier-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 8px;
  align-items: start;
}

.ot-dossier-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  min-width: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 9px;
  background: var(--ot-wash);
  border-radius: 6px;
  font: 10px/1.4 Arial,sans-serif;
  overflow-wrap: anywhere;
  text-align: center;
}

.ot-dossier-item img {
  width: 64px;
  height: 64px;
  object-fit: contain;
  max-width: 100%;
  transition: transform .2s;
}

.ot-dossier-item:hover img {
  transform: translateY(-2px);
}

.ot-dossier-item small {
  font: 9px/1.4 Arial,sans-serif;
  color: var(--ot-muted);
}

.ot-dossier-empty {
  padding: 22px 5px;
  color: var(--ot-muted);
  text-align: center;
}

.ot-dossier-note {
  font: 11px/1.4 Arial,sans-serif;
  color: var(--ot-muted);
  margin: 9px 0;
}

.ot-wardrobe-preview {
  position: relative;
  display: grid;
  place-items: center;
  isolation: isolate;
  width: 180px;
  height: 160px;
  max-width: 100%;
  margin: 0 auto;
  background: var(--ot-wash);
  background-size: cover;
  background-position: center;
  border-radius: 7px;
  overflow: hidden;
}

.ot-wardrobe-preview>img {
  width: 90px;
  height: 110px;
  object-fit: contain;
}

.ot-wardrobe-preview>.ot-wardrobe-layer {
  position: absolute;
  right: 8px;
  bottom: 30px;
  width: 50px;
  height: 50px;
}

.ot-wardrobe-preview>span {
  position: absolute;
  bottom: 0;
  inset-inline: 0;
  padding: 5px;
  background: var(--ot-admin-caption-bg);
  color: var(--ot-admin-caption-ink);
  font-size: 11px;
  text-align: center;
}

html[data-ot-hero-idle="true"] #ot-hero *,
html[data-ot-hero-idle="true"] #ot-hero *::before,
html[data-ot-hero-idle="true"] #ot-hero *::after,
html[data-ot-page-idle="true"] *,
html[data-ot-page-idle="true"] *::before,
html[data-ot-page-idle="true"] *::after {
  animation-play-state: paused !important;
}

html[data-ot-lite="true"] .ot-forest-mist {
  filter: none;
  opacity: .18;
}

html[data-ot-lite="true"] .ot-water-glints {
  display: none;
}

html[data-ot-lite="true"] .ot-firefly:nth-child(n/**/+5),
html[data-ot-lite="true"] .ot-leaves>span:nth-child(n/**/+3) {
  display: none;
}

html[data-ot-lite="true"] #pun_wrap {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

#pun_wrap,
#pun,
.punbb,
#pun-main {
  box-sizing: border-box;
  min-width: 0;
}

.post-content {
  overflow-wrap: anywhere;
}

.post-content img,
.post-content video,
.post-content iframe {
  max-width: 100%;
  box-sizing: border-box;
}

.post-content pre {
  max-width: 100%;
  overflow: auto;
}

.ot-table-scroll {
  max-width: 100%;
  overflow: auto;
  overscroll-behavior-x: contain;
}

@media (prefers-reduced-motion:reduce) {
  html {
    scroll-behavior: auto;
  }

  #pun_wrap,
.ot-dossier-item img {
    transition: none;
  }

  ::view-transition-old(root),
::view-transition-new(root) {
    animation: none;
  }
}

html[data-ot-motion="paused"] {
  scroll-behavior: auto;
}

#pun .post>.container {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

html[data-ot-motion="paused"]::view-transition-old(root),
html[data-ot-motion="paused"]::view-transition-new(root) {
  animation: none;
}

#pun .post-content :is(s,strike,del,[style*="line-through"]) {
  transition: text-decoration-color .2s ease;
}

#pun .post-content :is(s,strike,del,[style*="line-through"]):hover {
  text-decoration-color: var(--ot-strike-hover) !important;
}

#pun .post-links .pl-report {
  display: none !important;
}

#ot-character-dialog .ot-dossier-item.is-unearned {
  opacity: .35;
}

#ot-character-dialog .ot-dossier-item.is-unearned:hover {
  opacity: .65;
}

#pun :is(#pun-crumbs1,#pun-crumbs2) {
  padding: 9px 0 11px;
}

#pun :is(#pun-crumbs1,#pun-crumbs2) .crumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px 9px;
  margin: 0;
  padding: 0;
  font: 12px/1.45 Arial,sans-serif;
}

#pun .crumbs>a,
#pun .crumbs>.ot-crumb-current {
  display: block;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  padding: 6px 10px;
  border: 0;
  border-radius: 5px;
  background: var(--ot-wash);
  box-shadow: inset 0 1px 3px var(--ot-crumb-shadow),0 1px 0 var(--ot-crumb-highlight);
  overflow-wrap: anywhere;
  text-decoration: none;
  transition: background-color .2s,color .2s;
}

#pun .crumbs>a:hover {
  background: var(--ot-paper-raised);
  color: var(--ot-accent);
}

#pun .crumbs>.ot-crumb-current {
  color: var(--ot-muted);
}

#pun .crumbs>em {
  font-style: normal;
  color: var(--ot-muted);
  opacity: .5;
}

#pun .crumbs>em:first-of-type {
  display: none;
}

#pun :focus-visible,
#ot-character-dialog :focus-visible {
  outline: 1px solid var(--ot-focus-line) !important;
  outline-offset: -1px !important;
}

#pun :is(textarea,input,select):focus-visible {
  box-shadow: inset 0 0 0 1px var(--ot-focus-line) !important;
}

#pun-admain .adcontainer,
#pun-admain .container {
  box-sizing: border-box;
  overflow-x: auto;
}

#pun-admain table {
  table-layout: auto !important;
  max-width: none;
  min-width: 100%;
}

#pun-admain :is(td,th) {
  overflow-wrap: normal !important;
  word-break: normal !important;
}

#pun-admain th {
  white-space: nowrap;
}

#pun-admain .ot-admin-table-scroll {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  box-sizing: border-box;
}

#pun-admain .ot-admin-files {
  width: max-content !important;
  min-width: 1060px !important;
  border-collapse: collapse;
}

#pun-admain .ot-admin-files :is(td,th) {
  width: auto !important;
  min-width: 65px;
  white-space: nowrap;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 1.5;
  vertical-align: middle;
}

#pun-admain .ot-admin-files td:first-child {
  min-width: 135px;
}

#pun-admain .ot-admin-files :is(input[type="text"],input:not([type])) {
  width: 200px;
  min-width: 160px;
  max-width: none;
}

#pun-admain .ot-admin-files :is(button,input[type="submit"],input[type="button"],a) {
  white-space: nowrap;
}

#pun-userlist #userlist,
#pun-userlist #userlist fieldset {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

#pun-userlist #userlist .fs-box.inline {
  display: grid;
  grid-template-columns: minmax(160px,1.2fr) repeat(3,minmax(150px,1fr));
  align-items: end;
  gap: 12px 16px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: auto;
  scrollbar-width: thin;
}

#pun-userlist #userlist .fs-box.inline>p {
  float: none;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
}

#pun-userlist #userlist .fs-box.inline>p>br {
  display: none;
}

#pun-userlist #userlist .fs-box.inline label {
  display: block;
  margin: 0 0 6px;
}

#pun-userlist #userlist .fs-box.inline .input {
  display: block;
}

#pun-userlist #userlist .fs-box.inline :is(input,select) {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: 38px;
  box-sizing: border-box;
}

#pun-userlist #userlist .fs-box.inline>.infofield {
  grid-column: 1/-1;
  line-height: 1.5;
}

html {
  text-size-adjust: 100%;
}

html[data-ot-desktop-phone="true"] body {
  min-width: 1000px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

html[data-ot-desktop-phone="true"] #pun_wrap {
  width: 1000px;
  max-width: 1000px;
}

#pun :is(#punbbsearch,#userlist),
#pun :is(#punbbsearch,#userlist) fieldset {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

#pun :is(#punbbsearch,#userlist) .fs-box.inline {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-end;
  gap: 12px 16px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

#pun :is(#punbbsearch,#userlist) .fs-box.inline>:is(.inputfield,.selectfield) {
  flex: 1 1 0;
  float: none;
  min-width: 0;
  width: auto;
  margin: 0;
  padding: 0;
}

#pun :is(#punbbsearch,#userlist) .fs-box.inline>p>br {
  display: none;
}

#pun :is(#punbbsearch,#userlist) .fs-box.inline label {
  display: block;
  margin: 0 0 6px;
}

#pun :is(#punbbsearch,#userlist) .fs-box.inline .input {
  display: block;
}

#pun :is(#punbbsearch,#userlist) .fs-box.inline :is(input:not([type="hidden"]),select) {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 38px;
  box-sizing: border-box;
}

#pun :is(#punbbsearch,#userlist) .fs-box.inline>.infofield {
  flex: 0 0 100%;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  line-height: 1.5;
}

/* Один слой иллюстрации автора; в лёгком режиме используется кадрирование из --post-author. */

#pun .post .post-author::before {
  content: "";
  display: block;
  position: absolute;
  inset: -10px 0 auto;
  width: 100%;
  height: var(--ot-author-art-height);
  background: var(--post-author);
  opacity: 1;
  filter: none;
  border-radius: 12px 12px 0 0;
  -webkit-mask-image: linear-gradient(to bottom,var(--ot-mask-solid) 48%,var(--ot-clear) 100%);
  pointer-events: none;
  z-index: 0;
  clip-path: inset(10px 0 0 round 12px 12px 0 0);
}

html:not([data-ot-lite="true"]) #pun .post .post-author::before {
  background-position: var(--ot-author-art-position);
}

/* 15-profile-author-wardrobe.css */

#pun .post .post-author>ul>.pa-author {
  line-height: 1.25;
}

#pun .post .post-author .pa-author a {
  border-radius: 6px;
  font: 700 14px/1.3 Arial,sans-serif;
  text-decoration: none;
}

#pun .post .post-author>ul>.pa-title {
  font: 500 10px/1.35 Arial,sans-serif;
}

#pun .post .post-author .pa-avatar img {
  border: 0;
  border-radius: 8px;
}

#pun .post .post-author>ul>.pa-fld4 {
  padding: 2px 0 4px;
}

#pun .post .post-author>ul>.ot-author-plaque {
  order: 4;
  margin: 12px 0 2px;
  padding: 0;
}

#pun .post-author .ot-author-dossier {
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  width: 100%;
  border-radius: 7px;
  padding: 8px;
  box-sizing: border-box;
  background: var(--ot-author-panel);
  text-decoration: none;
  transition: transform .25s var(--ot-ease),box-shadow .25s var(--ot-ease);
}

#pun .post-author .ot-author-dossier:hover {
  transform: translateY(-2px);
  box-shadow: 0 3px 8px var(--ot-shadow);
}

#pun .post-author .ot-author-tribe {
  flex: 0 0 54px;
  width: 54px;
  height: 38px;
  object-fit: contain;
  border-radius: 5px;
}

#pun .post-author .ot-author-badge {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%,-50%);
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  padding: 5px;
  background: var(--ot-author-badge-bg);
  box-sizing: border-box;
}

#pun .post-author .ot-author-badge img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: 18px;
  height: 18px;
  object-fit: contain;
}

#pun .post-author>ul>li[hidden] {
  display: none !important;
}

#pun .post .post-author .ot-author-metric .fld-name {
  display: inline-flex;
  align-items: center;
  height: 14px;
  margin: 0;
}

#ot-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--ot-hero-shade);
  z-index: 5;
  pointer-events: none;
  border-radius: inherit;
  transition: background .35s ease;
}

#ot-hero>#pun-status {
  z-index: 6;
}

#ot-hero .ot-header-dots {
  display: none !important;
}

@media (prefers-reduced-motion:reduce) {
  #pun .post-author .ot-author-dossier,
#ot-hero::after {
    transition: none;
  }
}

#pun-navlinks.ot-menu-compact>ul {
  justify-content: flex-start;
  padding-inline: 14px;
}

#pun-navlinks.ot-menu-compact #ot-top-subrow {
  padding-left: 14px;
}

#pun-navlinks.ot-menu-compact #pun-ulinks ul {
  margin-inline: 0;
  justify-content: flex-start;
}

#pun-navlinks.ot-tools-docked {
  display: grid;
  grid-template-columns: minmax(0,1fr) max-content;
  box-sizing: border-box;
  padding: 0 12px 0 14px;
}

#pun-navlinks.ot-tools-docked>ul {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  min-width: 0;
  margin: 0;
  justify-content: flex-start;
}

#pun-navlinks.ot-tools-docked #ot-top-subrow {
  display: contents;
}

#pun-navlinks.ot-tools-docked #pun-ulinks {
  grid-column: 1;
  grid-row: 2;
  align-self: center;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
}

#pun-navlinks.ot-tools-docked #pun-ulinks ul {
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  gap: 10px;
}

#pun-navlinks.ot-tools-docked #ot-controls-dock {
  grid-column: 2;
  grid-row: 1/3;
  align-items: center;
  justify-content: flex-end;
  align-self: stretch;
  min-width: 0;
}

#pun-navlinks.ot-tools-docked #ot-controls .ot-tool>span {
  width: 18px;
  height: 18px;
  flex: none;
}

#pun-navlinks.ot-tools-docked #ot-controls .ot-theme-toggle::before {
  width: 18px;
  height: 18px;
}

#ot-character-dialog {
  width: min(680px,calc(100vw - 24px));
  height: 590px;
  max-height: calc(100dvh - 32px);
  min-height: 0;
  overflow: hidden;
}

#ot-character-dialog .ot-character-toolbar {
  flex: 0 0 auto;
}

#ot-character-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  padding: 14px;
  box-sizing: border-box;
}

#ot-character-content .ot-dossier-head {
  margin: 0 0 8px;
}

#ot-character-content .ot-dossier-info {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

#ot-character-content .ot-dossier-info h3 {
  flex: none;
}

#ot-character-content .ot-dossier-description {
  scrollbar-width: thin;
}

#ot-character-content .ot-dossier-tabs,
#ot-character-content .ot-dossier-characters {
  flex: none;
  margin: 4px 0 8px;
}

#ot-character-content .ot-dossier-tabs {
  padding-top: 8px;
}

#ot-character-content .ot-dossier-tabs button {
  font-size: 10px;
}

#ot-character-content .ot-dossier-panel {
  min-height: 0;
  flex: 1 1 auto;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--ot-line) var(--ot-clear);
  scrollbar-gutter: stable;
  padding: 2px 7px 8px 0;
}

#ot-character-content .ot-dossier-panel::-webkit-scrollbar {
  width: 5px;
}

#ot-character-content .ot-dossier-panel::-webkit-scrollbar-thumb {
  background: var(--ot-line);
  border-radius: 4px;
}

.ot-wardrobe-layout {
  display: grid;
  grid-template-columns: 180px minmax(0,1fr);
  gap: 14px;
  align-items: start;
}

.ot-wardrobe-sample {
  position: sticky;
  top: 0;
  min-width: 0;
}

.ot-mini-author {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  padding: 25px 12px 12px;
  background: var(--ot-author-base);
  border-radius: 9px;
  color: var(--ot-author-text);
  box-sizing: border-box;
  min-height: 260px;
}

.ot-mini-art {
  position: absolute;
  inset: -10px 0 auto;
  height: 116px;
  z-index: -1;
  -webkit-mask-image: linear-gradient(var(--ot-mask-solid) 48%,var(--ot-clear));
}

.ot-mini-name {
  max-width: 100%;
  border-radius: 5px;
  font: 700 14px/1.3 Arial,sans-serif;
  overflow-wrap: anywhere;
}

.ot-mini-title {
  font: 10px/1.4 Arial,sans-serif;
  text-align: center;
}

.ot-mini-avatar {
  display: block;
  width: auto;
  max-width: 100%;
  height: 105px;
  object-fit: contain;
  border-radius: 6px;
}

.ot-mini-plaque {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  align-self: stretch;
  margin-top: 13px;
  padding: 8px;
  border-radius: 6px;
  box-sizing: border-box;
  background: var(--ot-author-panel);
  background-size: cover;
  background-position: center;
  font: 600 10px/1.4 Arial,sans-serif;
}

.ot-mini-tribe {
  width: 42px;
  height: 30px;
  object-fit: contain;
}

.ot-mini-badge {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%,-50%);
  box-sizing: border-box;
  width: 28px;
  height: 28px;
  padding: 5px;
  background: var(--ot-author-badge-bg);
  border-radius: 50%;
  object-fit: contain;
}

#pun .post-author .ot-author-dossier {
  background-size: cover;
  background-position: center;
}

.ot-plaque-custom>span:not(.ot-author-badge) {
  background: var(--ot-author-name-bg);
  color: var(--ot-author-name-color) !important;
  padding: 3px 5px;
  border-radius: 3px;
}

.ot-wardrobe-options {
  min-width: 0;
}

.ot-wardrobe-slots {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 9px;
}

#ot-character-content .ot-wardrobe-slots button {
  font-size: 10px;
}

.ot-wardrobe-grid {
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 6px;
}

.ot-wardrobe-grid .ot-dossier-item img {
  width: 100%;
  height: 55px;
  object-fit: contain;
}

.ot-wardrobe-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}

#ot-character-content .ot-wardrobe-save {
  background: var(--ot-bar);
  color: var(--ot-bar-text);
}

#ot-character-content button:disabled {
  opacity: .5;
  cursor: default;
}

.ot-wardrobe-status {
  font: 11px/1.5 Arial,sans-serif;
  color: var(--ot-muted);
  margin: 8px 0 0;
}

#viewprofile [id^="pa-fld"][hidden],
#pun .post-author [hidden] {
  display: none !important;
}

@media (max-width:520px) {
  #ot-character-dialog {
    height: 590px;
    max-height: calc(100dvh - 16px);
  }

  #ot-character-content {
    padding: 10px;
  }

  .ot-wardrobe-layout {
    grid-template-columns: 135px minmax(0,1fr);
    gap: 8px;
  }

  .ot-mini-author {
    padding-inline: 8px;
  }

  .ot-mini-tribe {
    width: 30px;
  }

  .ot-wardrobe-grid {
    grid-template-columns: 1fr;
  }
}

#pun .post-author .ot-author-dossier,
.ot-mini-plaque {
  background-color: var(--ot-author-plaque-bg);
  justify-content: center;
  min-height: 54px;
  text-align: center;
}

#pun .post-author .ot-author-tribe,
.ot-mini-tribe {
  display: none;
}

#pun .post-author .ot-author-tribe-name {
  font: 600 10px/1.4 Arial,sans-serif;
  color: var(--ot-author-text);
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  padding: 3px 4px;
}

.ot-mini-plaque>span {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  flex: 1;
  padding: 3px 4px;
}

#pun .post-author .ot-author-tribe-name strong {
  display: block;
  font: 600 12px/1.3 Arial,sans-serif;
}

.ot-mini-plaque strong {
  display: block;
  font: 600 12px/1.3 Arial,sans-serif;
  letter-spacing: .2px;
}

#pun .post-author .ot-author-tribe-name small {
  display: block;
  font: 400 9px/1.3 Arial,sans-serif;
}

.ot-mini-plaque small {
  display: block;
  font: 400 9px/1.3 Arial,sans-serif;
  letter-spacing: .6px;
}

#pun .post .post-author .status-tribe {
  margin: 0;
  line-height: 1.35;
}

#pun .post .post-author .age-pers {
  margin: 0;
}

#pun .post .post-author .lz-quote {
  margin: 0;
  padding: 4px 0 0;
  min-width: 0;
  max-width: 100%;
}

#pun .post .post-author>ul>.ot-author-metric {
  order: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  font-size: 10px;
  padding: 3px 0;
}

#pun :is(#pun-crumbs1,#pun-crumbs2) .crumbs>:is(a,.ot-crumb-current) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--ot-wash);
  box-shadow: inset 0 2px 5px var(--ot-crumb-shadow),inset 0/**/-1px 0 var(--ot-crumb-highlight);
  transition: box-shadow .22s ease,color .22s ease,transform .22s ease;
}

#pun :is(#pun-crumbs1,#pun-crumbs2) .crumbs>:is(a,.ot-crumb-current)::after {
  content: "";
  position: absolute;
  top: -35%;
  bottom: -35%;
  left: 0;
  width: 35%;
  pointer-events: none;
  background: linear-gradient(100deg,var(--ot-clear),var(--ot-shine),var(--ot-clear));
  transform: translateX(-200%) skewX(-18deg);
}

#pun :is(#pun-crumbs1,#pun-crumbs2) .crumbs>:is(a,.ot-crumb-current):is(:hover,:focus-visible)::after {
  animation: ot-crumb-glint .8s ease both;
}

#pun :is(#pun-crumbs1,#pun-crumbs2) .crumbs>a:hover {
  background: var(--ot-wash);
  box-shadow: inset 0 3px 7px var(--ot-crumb-shadow),inset 0/**/-1px 0 var(--ot-crumb-highlight);
}

#pun :is(#pun-crumbs1,#pun-crumbs2) .crumbs>a:active {
  transform: translateY(1px);
}

html[data-ot-motion="paused"] #pun .crumbs>:is(a,.ot-crumb-current)::after {
  animation: none !important;
}

@media (prefers-reduced-motion:reduce) {
  #pun .crumbs>:is(a,.ot-crumb-current)::after {
    animation: none !important;
  }

  #pun .crumbs>a {
    transition: none !important;
  }
}

#pun .post .post-author>ul>.pa-author {
  justify-self: center;
}

#pun .post .post-author .pa-author a {
  padding: 3px 8px;
  background: var(--ot-author-caption-bg);
  color: var(--ot-author-caption-text);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

#pun .post .post-author>ul>.pa-title {
  justify-self: center;
  max-width: calc(100% - 30px);
  margin: 0;
  padding: 2px 7px;
  border-radius: 5px;
  background: var(--ot-author-caption-bg);
  color: var(--ot-author-caption-text);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

#pun .post .post-author>ul>.pa-avatar {
  margin: 3px 0 2px;
}

#pun .post .post-author .status-tribe {
  flex: 0 1 auto;
  padding: 1px 0;
}

#pun .post .post-author .age-pers {
  flex: 0 1 auto;
  position: relative;
  top: -7px;
  font-size: 9px;
  line-height: 1;
  padding: 0;
  border: 0;
}

#pun .post .post-author .lz-quote {
  flex: 0 0 100%;
  margin-top: 3px;
  padding-top: 4px;
  border-top: 1px solid var(--ot-author-rule);
  box-sizing: border-box;
}

#pun .post .post-author>ul>.pa-online,
#pun .post .post-author>ul>.pa-last-visit {
  display: none !important;
}

#pun .post .post-author>ul>.ot-author-presence {
  position: absolute;
  display: grid;
  place-items: center;
  max-width: none;
  margin: 0;
  background: var(--ot-author-base);
  box-shadow: inset 2px -2px 5px var(--ot-presence-shadow);
  color: var(--ot-presence-asleep);
  cursor: help;
}

#pun .post .post-author.online>ul>.ot-author-presence {
  color: var(--ot-presence-awake);
}

#pun .ot-author-presence svg {
  display: block;
  width: 21px;
  height: 21px;
  overflow: visible;
}

#pun .post-author .ot-cat-awake,
#pun .post-author.online .ot-cat-asleep {
  display: none;
}

#pun .post-author.online .ot-cat-awake {
  display: block;
}

.ot-mini-author {
  padding-top: 12px;
  gap: 3px;
}

.ot-mini-name {
  margin-bottom: 0;
  padding: 3px 8px;
  background: var(--ot-author-caption-bg);
  color: var(--ot-author-caption-text);
}

.ot-mini-title {
  padding: 2px 7px;
  border-radius: 5px;
  background: var(--ot-author-caption-bg);
  color: var(--ot-author-caption-text);
}

.ot-mini-avatar {
  margin-top: 3px;
}

#pun .post .post-author>ul>.pa-fld4 {
  padding-top: 9px;
}

#pun .post .post-author .lz {
  min-width: 0;
  max-width: 100%;
  justify-content: center;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  column-gap: 5px;
  row-gap: 0;
  align-items: baseline;
  position: relative;
  isolation: isolate;
}

#pun .post .post-author .lz::before {
  content: "";
  grid-row: 1;
  grid-column: 1/-1;
  align-self: stretch;
  z-index: -1;
  margin: 0 4px;
  border-radius: 6px;
  background: var(--ot-rank-inset-bg);
  box-shadow: inset 0 2px 5px var(--ot-rank-inset-shadow),inset 0/**/-1px 0 var(--ot-rank-inset-light);
  pointer-events: none;
}

#pun .post .post-author .lz>.status-tribe {
  grid-row: 1;
  grid-column: 1;
  justify-self: end;
  padding: 9px 0 7px;
  min-width: 0;
  max-width: 100%;
}

#pun .post .post-author .lz>.age-pers {
  grid-row: 1;
  grid-column: 2;
  justify-self: start;
  min-width: 0;
  max-width: 100%;
}

#pun .post .post-author .lz>.lz-quote {
  grid-row: 2;
  grid-column: 1/-1;
  margin-top: 5px;
  padding-top: 2px;
}

#pun .post .post-author .lz,
#pun .post .post-author .lz :is(.status-tribe,.age-pers,.lz-quote) {
  border: 0 !important;
}

#pun .post .post-author .lz hr {
  display: none !important;
}

#pun .post-author .ot-author-dossier.ot-plaque-custom>.ot-author-tribe-name {
  border: 0;
  border-radius: 0;
  color: var(--ot-author-name-color);
  text-shadow: 0 1px 3px var(--ot-dossier-label-shadow);
}

.ot-mini-plaque.ot-plaque-custom>span {
  background: linear-gradient(90deg,var(--ot-clear),var(--ot-dossier-label-shade) 20%,var(--ot-dossier-label-shade) 80%,var(--ot-clear));
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: var(--ot-author-name-color);
  text-shadow: 0 1px 3px var(--ot-dossier-label-shadow);
}

#pun .post-author.online .ot-author-presence svg {
  transform-origin: 50% 70%;
  animation: ot-presence-sway 4.6s ease-in-out infinite;
}

#pun .post-author:not(.online) .ot-author-presence svg {
  animation: none;
  transform: none;
}

html[data-ot-motion="paused"] #pun .ot-author-presence svg {
  animation: none !important;
  transform: none !important;
}

@media (prefers-reduced-motion:reduce) {
  #pun .ot-author-presence svg {
    animation: none !important;
    transform: none !important;
  }
}

#ot-character-dialog .ot-character-toolbar {
  height: 62px;
  min-height: 62px;
  box-sizing: border-box;
  gap: 10px;
  padding: 8px 13px;
}

#ot-character-dialog .ot-character-toolbar h2 {
  font-size: 20px;
  white-space: nowrap;
  flex: 0 0 auto;
  margin-right: auto;
}

#ot-character-dialog .ot-dossier-characters {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: flex-end;
  gap: 4px;
  max-width: 390px;
  max-height: 46px;
  overflow: auto;
  scrollbar-width: thin;
  margin: 0 0 0 auto;
}

#ot-character-dialog .ot-dossier-characters button {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 110px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font: 500 9px/1.25 Arial,sans-serif;
  padding: 4px 7px;
  color: var(--ot-muted);
  border: 0;
  border-radius: 4px;
  background: var(--ot-dossier-tile-bg);
  box-shadow: inset 0 1px 3px var(--ot-rank-inset-shadow),inset 0/**/-1px 0 var(--ot-rank-inset-light);
  cursor: pointer;
}

#ot-character-dialog .ot-dossier-characters button[aria-pressed="true"] {
  background: var(--ot-dossier-selected-bg);
  color: var(--ot-ink);
  box-shadow: inset 0 2px 4px var(--ot-rank-inset-shadow);
}

#ot-character-dialog .ot-character-close {
  flex: 0 0 24px;
}

#ot-character-content .ot-dossier-head {
  flex-basis: 90px;
}

#ot-character-content .ot-dossier-tabs {
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: 0;
  margin: 0 0 12px;
  padding: 3px;
  border: 0;
  border-radius: 5px;
  background: var(--ot-dossier-tile-bg);
  box-shadow: inset 0 1px 4px var(--ot-rank-inset-shadow);
}

#ot-character-content .ot-dossier-tabs button {
  min-width: 0;
  padding: 8px 2px;
  border: 0;
  border-radius: 2px;
  background: none;
  color: var(--ot-muted);
  font: 500 11px/1.2 Arial,sans-serif;
  letter-spacing: .5px;
  text-transform: uppercase;
  box-shadow: none;
}

#ot-character-content .ot-dossier-tabs button[aria-selected="true"] {
  background: var(--ot-dossier-selected-bg);
  color: var(--ot-ink);
  box-shadow: inset 0/**/-2px 0 var(--ot-accent);
}

#ot-character-content .ot-dossier-tabs button:hover {
  color: var(--ot-ink);
}

#ot-character-content .ot-dossier-grid {
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 8px;
  align-items: stretch;
}

#ot-character-content .ot-dossier-grid>figure {
  display: grid;
  grid-template-rows: 52px minmax(0,1fr);
  gap: 7px;
  height: 148px;
  padding: 10px 8px;
  border: 0;
  border-radius: 5px;
  background: var(--ot-dossier-tile-bg);
}

#ot-character-content .ot-dossier-grid>figure>img {
  width: 52px;
  height: 52px;
  justify-self: center;
}

#ot-character-content .ot-dossier-copy {
  min-width: 0;
  min-height: 0;
  height: 100%;
  overflow: auto;
  scrollbar-width: thin;
  overscroll-behavior: contain;
  font: 12px/1.3 Arial,sans-serif;
  color: var(--ot-ink);
  overflow-wrap: anywhere;
  margin: 0;
}

#ot-character-content .ot-dossier-copy strong {
  display: block;
  font: 600 1em/1.3 Arial,sans-serif;
}

#ot-character-content .ot-dossier-copy span {
  display: block;
  font: 400 .95em/1.35 Arial,sans-serif;
  margin-top: 3px;
  color: var(--ot-muted);
}

#ot-character-content .ot-wardrobe-layout {
  grid-template-columns: 160px minmax(0,1fr);
  gap: 14px;
}

#ot-character-content .ot-wardrobe-sample .ot-dossier-note {
  text-align: center;
  font-size: 9px;
  margin: 6px 0;
}

#ot-character-content .ot-wardrobe-slots {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 0;
  padding: 2px;
  margin-bottom: 10px;
  border-radius: 4px;
  background: var(--ot-dossier-tile-bg);
  box-shadow: inset 0 1px 3px var(--ot-rank-inset-shadow);
}

#ot-character-content .ot-wardrobe-slots button {
  min-width: 0;
  border: 0;
  background: none;
  padding: 5px 3px;
  font: 500 9px/1.3 Arial,sans-serif;
  color: var(--ot-muted);
}

#ot-character-content .ot-wardrobe-slots button[aria-pressed="true"] {
  background: var(--ot-dossier-selected-bg);
  color: var(--ot-ink);
}

#ot-character-content .ot-wardrobe-grid {
  grid-template-columns: repeat(auto-fill,minmax(68px,1fr));
  gap: 6px;
}

#ot-character-content .ot-wardrobe-grid button {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  height: 82px;
  min-height: 82px;
  padding: 5px;
  border: 0;
  border-radius: 5px;
  background: var(--ot-dossier-tile-bg);
  color: var(--ot-ink);
  font: 500 9px/1.2 Arial,sans-serif;
  box-shadow: none;
}

#ot-character-content .ot-wardrobe-grid button[aria-pressed="true"] {
  background: var(--ot-dossier-selected-bg);
  box-shadow: inset 0 0 0 1px var(--ot-accent);
}

#ot-character-content .ot-wardrobe-grid button[aria-pressed="true"]::after {
  content: "\2713 ";
  position: absolute;
  top: 3px;
  right: 5px;
  font: 11px/1 Arial,sans-serif;
  color: var(--ot-accent);
}

#ot-character-content .ot-wardrobe-grid button img {
  width: 42px;
  height: 42px;
  object-fit: contain;
  border-radius: 3px;
}

#ot-character-content .ot-wardrobe-grid button span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 100%;
  min-height: 22px;
}

#ot-character-content .ot-wardrobe-grid .ot-wardrobe-default::before {
  content: "\21ba ";
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  font: 24px/1 Arial,sans-serif;
  color: var(--ot-muted);
}

#ot-character-content .ot-wardrobe-actions {
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}

#ot-character-content .ot-wardrobe-actions button {
  font-size: 10px;
  padding: 6px 10px;
}

#ot-character-content .ot-wardrobe-actions button:not(.ot-wardrobe-save) {
  border: 0;
  background: none;
  color: var(--ot-muted);
  padding-inline: 0;
}

#ot-character-content .ot-wardrobe-status {
  font-size: 10px;
  margin-top: 6px;
}

@media (max-width:520px) {
  #ot-character-dialog .ot-character-toolbar {
    gap: 6px;
    padding-inline: 10px;
  }

  #ot-character-dialog .ot-character-toolbar h2 {
    font-size: 16px;
  }

  #ot-character-dialog .ot-dossier-characters {
    max-width: calc(100% - 135px);
  }

  #ot-character-dialog .ot-dossier-characters button {
    font-size: 8px;
    max-width: 92px;
    padding: 3px 5px;
  }

  #ot-character-content .ot-dossier-tabs {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }

  #ot-character-content .ot-dossier-tabs button {
    padding: 6px 2px;
  }

  #ot-character-content .ot-dossier-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  #ot-character-content .ot-wardrobe-layout {
    grid-template-columns: 120px minmax(0,1fr);
    gap: 9px;
  }

  #ot-character-content .ot-wardrobe-grid {
    grid-template-columns: repeat(auto-fill,minmax(62px,1fr));
    gap: 4px;
  }

  #ot-character-content .ot-wardrobe-slots button {
    font-size: 8px;
  }
}

#pun .ot-game-counter-source {
  display: none !important;
}

#pun .post .post-author.ot-has-game-posts>ul {
  grid-template-columns: repeat(6,minmax(0,1fr));
}

#pun .post .post-author.ot-has-game-posts>ul>.ot-author-metric {
  grid-column: span 2;
  order: 5;
  min-width: 0;
  gap: 4px;
  color: var(--ot-author-respect);
}

#pun .post .post-author .ot-game-posts {
  background: none;
  border: 0;
}

#pun .post .post-author .ot-game-posts-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

#pun .ot-game-posts svg {
  display: inline-block;
  flex: 0 0 12px;
  width: 12px !important;
  height: 12px !important;
  max-width: 12px;
  max-height: 12px;
  vertical-align: middle;
}

#pun .post .post-author .ot-game-posts-value {
  font: 500 10px/1.25 Arial,sans-serif;
}

#pun .post-author.ot-has-game-posts .pa-posts .GamePst {
  display: none !important;
}

#viewprofile .ot-game-posts {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 0;
  color: var(--ot-ink);
  font: 12px/1.4 Arial,sans-serif;
}

#viewprofile .ot-game-posts .ot-game-posts-value {
  font: 600 12px/1.4 Arial,sans-serif;
}

#pun-profile #profilenav {
  margin: 0 0 16px;
  padding: 0;
  border: 0;
}

#pun-profile #profilenav h2 {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  overflow: hidden;
  clip-path: inset(50%);
}

#pun-profile #profilenav ul {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(112px,1fr));
  gap: 6px;
  margin: 0;
  padding: 0;
}

#pun-profile #profilenav li {
  display: block;
  min-width: 0;
  margin: 0;
  padding: 0;
}

#pun-profile #profilenav a {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  box-sizing: border-box;
  padding: 7px 9px;
  border: 0;
  border-radius: 5px;
  background: var(--ot-dossier-tile-bg);
  box-shadow: inset 0 2px 4px var(--ot-rank-inset-shadow),inset 0/**/-1px 0 var(--ot-rank-inset-light);
  color: var(--ot-muted);
  font: 500 10px/1.3 Arial,sans-serif;
  text-decoration: none;
  overflow-wrap: anywhere;
  transition: color .2s,background .2s;
}

#pun-profile #profilenav a svg {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
}

#pun-profile #profilenav :is(.isactive,.is-active)>a,
#pun-profile #profilenav a:hover {
  color: var(--ot-ink);
  background: var(--ot-dossier-selected-bg);
}

#pun-profile #viewprofile-next {
  padding: 14px;
  border: 0;
  background: var(--ot-post-paper);
  box-sizing: border-box;
}

#viewprofile>.container {
  padding: 0;
  border: 0;
  background: none;
}

#viewprofile>.container>ul>table>tbody>tr {
  display: grid;
  align-items: start;
  grid-template-columns: 210px minmax(0,1fr);
  gap: 14px;
}

#viewprofile #profile-left {
  text-align: center;
  padding: 12px;
  box-sizing: border-box;
  border-radius: 8px;
  background: var(--ot-wash);
}

#viewprofile #profile-left>li {
  padding: 3px 0;
}

#viewprofile #profile-name strong {
  font: 600 28px/1.1 Arial,sans-serif;
}

#viewprofile #profile-title strong {
  font: 500 11px/1.3 Arial,sans-serif;
}

#viewprofile #pa-avatar img {
  width: auto;
  max-width: 100%;
  max-height: 180px;
  height: auto;
  margin: 8px auto;
  border-radius: 6px;
}

#viewprofile #pa-online strong {
  font: 500 10px/1.4 Arial,sans-serif;
  color: var(--ot-muted);
}

#viewprofile #profile-right :is(#pa-posts,#pa-email) {
  grid-column: 1/-1;
}

#viewprofile #pa-fld5 a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  font-size: 11px;
}

#viewprofile #pa-fld5 a img {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
}

#viewprofile #profile-right>.ot-game-posts {
  display: grid;
}

#viewprofile .ot-game-posts .ot-game-posts-label {
  color: var(--ot-muted);
  grid-column: 1/-1;
  min-width: 0;
}

#viewprofile #profile-signature {
  width: 100% !important;
  box-sizing: border-box;
  margin: 10px 0 0;
  border: 0;
  border-radius: 6px;
  background: var(--ot-dossier-tile-bg);
}

#viewprofile #profile-signature ul {
  border: 0;
  padding: 0;
  color: var(--ot-muted);
}

#pun-profile #profile>form {
  padding: 14px;
  box-sizing: border-box;
  border: 0;
  background: var(--ot-post-paper);
}

#pun-profile #profile>form>fieldset {
  min-width: 0;
  margin: 8px 0;
  padding: 10px 12px;
  border: 0;
  border-radius: 6px;
  background: var(--ot-dossier-tile-bg);
}

#pun-profile #profile>form>fieldset>legend {
  padding: 0 3px;
  font: 500 12px/1.4 Arial,sans-serif;
  color: var(--ot-ink);
}

#pun-profile #profile>form>fieldset .fs-box {
  padding: 4px 0 0;
}

#pun-profile #profile>form :is(input[type="text"],input[type="password"],textarea,select) {
  max-width: 100%;
  box-sizing: border-box;
}

#viewprofile #profile-left>#pa-fld4 {
  display: block;
  margin-top: 9px;
  padding: 0;
}

#viewprofile #pa-fld4>span {
  display: none;
}

#viewprofile #pa-fld4>strong {
  display: block;
  font-weight: 400;
}

#viewprofile #pa-fld4 .lz {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 0 5px;
  align-items: baseline;
  width: 100%;
  max-width: 100%;
  font: 12px/1.4 Arial,sans-serif;
}

#viewprofile #pa-fld4 .lz::before {
  content: "";
  grid-row: 1;
  grid-column: 1/-1;
  align-self: stretch;
  z-index: -1;
  border-radius: 6px;
  background: var(--ot-rank-inset-bg);
  box-shadow: inset 0 2px 5px var(--ot-rank-inset-shadow),inset 0/**/-1px 0 var(--ot-rank-inset-light);
}

#viewprofile #pa-fld4 .status-tribe {
  grid-row: 1;
  grid-column: 1;
  justify-self: end;
  padding: 9px 0 7px;
  max-width: 100%;
}

#viewprofile #pa-fld4 .age-pers {
  grid-row: 1;
  grid-column: 2;
  justify-self: start;
  position: relative;
  top: -7px;
  padding: 0;
  font-size: 9px;
  line-height: 1;
}

#viewprofile #pa-fld4 .lz-quote {
  grid-row: 2;
  grid-column: 1/-1;
  margin: 5px 0 0;
  padding: 2px 0 0;
  min-width: 0;
  max-width: 100%;
}

#viewprofile #pa-fld4 :is(.lz,.status-tribe,.age-pers,.lz-quote) {
  border: 0 !important;
}

#viewprofile #pa-fld4 .lz hr {
  display: none !important;
}

@media (max-width:600px) {
  #viewprofile>.container>ul>table>tbody>tr {
    grid-template-columns: 1fr;
  }

  #viewprofile #profile-left {
    width: 210px;
    max-width: 100%;
    justify-self: center;
  }

  #pun-profile #profilenav ul {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  #pun-profile #profilenav a {
    font-size: 9px;
    padding: 6px;
    gap: 5px;
  }
}

@media (max-width:520px) {
  #pun-profile #profilenav a {
    overflow-wrap: normal;
  }
}

.post-content .code-box .scrollbox {
  overscroll-behavior: contain;
  box-sizing: border-box;
  height: var(--ot-code-viewport) !important;
  min-height: var(--ot-code-viewport) !important;
  min-width: 0;
  max-width: 100%;
}

.post-content .code-box pre,
.post-content .code-box code {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  min-width: 0 !important;
  max-width: 100%;
}

.post-content .code-box ::-webkit-scrollbar {
  width: 4px;
  height: 0;
  background: var(--ot-clear);
}

.post-content .code-box ::-webkit-scrollbar-track,
.post-content .code-box ::-webkit-scrollbar-corner {
  background: var(--ot-clear) !important;
  border: none !important;
  box-shadow: none !important;
}

.post-content .code-box ::-webkit-scrollbar-thumb {
  background: var(--ot-v7-color-1) !important;
  border: none !important;
  border-radius: 4px;
  box-shadow: none !important;
}

.post-content .code-box ::-webkit-scrollbar-thumb:hover {
  background: var(--ot-v7-color-2) !important;
}

.post-content .code-box ::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

#viewprofile #profile-right>li>span {
  margin: 0;
  font: 500 10px/1.4 Arial,sans-serif;
  color: var(--ot-muted);
}

#viewprofile #profile-right>li>strong {
  max-width: 100%;
  margin: 0;
  font: 500 12px/1.5 Arial,sans-serif;
  overflow-wrap: anywhere;
}

#viewprofile #profile-right>.ot-game-posts {
  grid-template-columns: 130px 14px minmax(0,1fr);
  gap: 6px;
}

#viewprofile #profile-right .ot-game-posts-label {
  grid-column: auto;
}

#viewprofile #profile-right :is(#pa-fld1,#pa-fld2,#pa-fld5) img {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  object-fit: contain;
}

#viewprofile .ot-empty-gifts {
  display: none !important;
}

@media (max-width:600px) {
  #viewprofile #profile-right>.ot-game-posts {
    grid-template-columns: 105px 14px minmax(0,1fr);
  }
}

#viewprofile #profile-right>#pa-invites,
#viewprofile #profile-right>#pa-gifts {
  display: none !important;
}

#pun .post .post-author .lz-quote a.lz-link,
#viewprofile #pa-fld4 .lz-quote a.lz-link {
  font-family: Arial,sans-serif;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.post[data-user-id="2"] .post-author {
  --post-author: var(--ot-v7-image-3) no-repeat center / cover;
}

.post[data-user-id="4033"] .post-author {
  --post-author: var(--ot-asset-67) no-repeat center / cover;
}

.post[data-user-id="3966"] .post-author {
  --post-author: var(--ot-v7-image-4) no-repeat center / cover;
}

.post[data-user-id="3982"] .post-author {
  --post-author: var(--ot-v7-image-5) no-repeat center / cover;
}

.post[data-user-id="3943"] .post-author {
  --post-author: var(--ot-v7-image-6) no-repeat center / cover;
}

.post[data-user-id="3973"] .post-author {
  --post-author: var(--ot-v7-image-7) no-repeat center / cover;
}

.post[data-user-id="4028"] .post-author {
  --post-author: var(--ot-asset-72) no-repeat center / cover;
}

.post[data-user-id="4042"] .post-author {
  --post-author: var(--ot-asset-73) no-repeat center / cover;
}

.post[data-user-id="4047"] .post-author {
  --post-author: var(--ot-asset-74) no-repeat center / cover;
}

.post[data-user-id="4074"] .post-author {
  --post-author: var(--ot-asset-75) no-repeat center / cover;
}

.post[data-user-id="2747"] .post-author {
  --post-author: var(--ot-v7-image-8) no-repeat center / cover;
}

.post[data-user-id="3980"] .post-author {
  --post-author: var(--ot-asset-77) no-repeat center / cover;
}

.post[data-user-id="3944"] .post-author {
  --post-author: var(--ot-v7-image-9) no-repeat center / cover;
}

.post[data-user-id="3979"] .post-author {
  --post-author: var(--ot-v7-image-10) no-repeat center / cover;
}

.post[data-user-id="1641"] .post-author {
  --post-author: var(--ot-v7-image-11) no-repeat center / cover;
}

.post[data-user-id="1172"] .post-author {
  --post-author: var(--ot-v7-image-5) no-repeat center / cover;
}

.post[data-user-id="4050"] .post-author {
  --post-author: var(--ot-v7-image-12) no-repeat center / cover;
}

.post[data-user-id="4003"] .post-author {
  --post-author: var(--ot-v7-image-13) no-repeat center / cover;
}

.post[data-user-id="4017"] .post-author {
  --post-author: var(--ot-v7-image-13) no-repeat center / cover;
}

.post[data-user-id="3981"] .post-author {
  --post-author: var(--ot-asset-82) no-repeat center / cover;
}

.post[data-user-id="4057"] .post-author {
  --post-author: var(--ot-v7-image-14) no-repeat center / cover;
}

.post[data-user-id="1569"] .post-author {
  --post-author: var(--ot-v7-image-15) no-repeat center / cover;
}

.post[data-user-id="2226"] .post-author {
  --post-author: var(--ot-v7-image-16) no-repeat center / cover;
}

.post[data-user-id="284"] .post-author {
  --post-author: var(--ot-v7-image-17) no-repeat center / cover;
}

.post[data-user-id="4054"] .post-author {
  --post-author: var(--ot-v7-image-18) no-repeat center / cover;
}

.post[data-user-id="2252"] .post-author {
  --post-author: var(--ot-asset-88) no-repeat center / cover;
}

.post[data-user-id="4029"] .post-author {
  --post-author: var(--ot-asset-89) no-repeat center / cover;
}

.post[data-user-id="4053"] .post-author {
  --post-author: var(--ot-asset-40) no-repeat center / cover;
}

.post[data-user-id="4052"] .post-author {
  --post-author: var(--ot-v7-image-19) no-repeat center / cover;
}

.transparent25 {
  opacity: 0.25;
}

#pun-navlinks a:not(.NextShow)+span.odd {
  display: none !important;
}

#navlogin #exit-2 {
  display: none;
}

#pun:not(.isguest) #navlogout .Rega,
#pun:not(.isguest) #navlogout .Forgot {
  display: none !important;
}

.tipsy.a11 {
  font: normal normal 400 11px/normal Verdana !important;
  margin-top: -22px !important;
  margin-left: 148px !important;
  max-width: 170px;
}

.activists {
  text-align: center;
  position: absolute;
  top: 40px;
  z-index: 10;
  left: 0;
  right: 0;
}

.activists>a {
  display: inline-block;
  margin: 0 3px;
  color: var(--ot-v7-color-20);
  border-radius: 20px;
  box-shadow: 0 4px 4px 0 var(--ot-v7-color-21);
  padding: 2px 10px;
  background: var(--noblack);
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0 4px 4px var(--ot-v7-color-21);
  font-family: Arial,sans-serif;
}

.activists>a:first-child:before {
  content: "Постописцы месяца";
  position: absolute;
  top: -22px;
  left: 0;
  right: 0;
  color: var(--ot-v7-color-20) !important;
}

.punbb .post-content a {
  text-decoration-line: underline !important;
  text-decoration-style: dotted !important;
  text-underline-offset: 2px;
}

#pun-about a[href*="donate"] {
  display: inline-block !important;
  visibility: visible !important;
  color: var(--ot-v7-color-22) !important;
  font-weight: bold;
  margin-left: 10px;
}

#giftsBox .awards-item img {
  object-fit: contain;
}

#playerAwardsBox .awards-item img,
#couponsBox .awards-item img,
#backgroundsBox .awards-item img {
  object-fit: cover;
}

/* Игровые окна покемонов; переменные модулей сохранены. */

/* 16-pokemon-base.css */

.pokemon-modal {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 260px;
  background: var(--ot-module-color-1);
  border: 3px solid var(--ot-module-color-24);
  border-radius: 12px;
  box-shadow: 0 0 15px var(--ot-module-color-38);
  z-index: 9999;
  font-family: Arial,sans-serif;
  text-align: center;
  overflow: hidden;
}

.pokemon-modal-content {
  padding: 15px;
}

.pokemon-header {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  color: var(--ot-module-color-10);
}

.pokemon-body img {
  width: 96px;
  height: 96px;
  image-rendering: pixelated;
  background: var(--ot-module-color-79);
  border-radius: 8px;
  padding: 5px;
}

#pokemonName {
  font-weight: bold;
  margin: 10px 0;
}

.pokemon-btn-catch {
  background: var(--ot-module-color-56);
  color: var(--ot-module-color-1);
  border: none;
  padding: 10px 20px;
  border-radius: 20px;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  margin-top: 5px;
}

.pokemon-btn-catch:hover {
  background: var(--ot-module-color-81);
}

.pokemon-btn-close,
.pokemon-btn-success {
  border: none;
  padding: 8px 25px;
  border-radius: 20px;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
}

.pokemon-btn-close {
  background: var(--ot-module-color-82);
  color: var(--ot-module-color-1);
}

.pokemon-btn-close:hover {
  background: var(--ot-module-color-83);
}

.pokemon-btn-success {
  background: var(--ot-module-color-84);
  color: var(--ot-module-color-1);
}

.pokemon-btn-success:hover {
  background: var(--ot-module-color-85);
}

#catchResult {
  margin-top: 10px;
  font-weight: bold;
}

.pokemon-menu-btn {
  position: fixed;
  top: 10px;
  right: 20px;
  z-index: 10000;
  background: var(--ot-module-color-56);
  color: var(--ot-module-color-1);
  border: 2px solid var(--ot-module-color-86);
  border-radius: 50%;
  width: 38px;
  height: 38px;
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px var(--ot-module-color-87);
  transition: all 0.2s ease;
  padding: 0;
}

.pokemon-menu-btn:hover {
  background: var(--ot-module-color-88);
  border-color: var(--ot-module-color-89);
  box-shadow: 0 3px 10px var(--ot-module-color-38);
  transform: rotate(30deg);
}

.pokemon-menu-panel {
  position: fixed;
  top: 55px;
  right: 20px;
  background: var(--ot-module-color-1);
  border: 2px solid var(--ot-module-color-56);
  border-radius: 10px;
  padding: 15px;
  z-index: 10001;
  box-shadow: 0 4px 10px var(--ot-module-color-87);
  min-width: 200px;
  display: none;
}

.pokemon-menu-panel label {
  cursor: pointer;
  font-size: 14px;
  color: var(--ot-module-color-10);
}

.pokemon-close-x {
  position: absolute;
  top: 8px;
  right: 14px;
  font-size: 24px;
  font-weight: bold;
  color: var(--ot-module-color-90);
  cursor: pointer;
  line-height: 1;
  transition: color 0.2s;
  z-index: 10;
  font-family: Arial,sans-serif;
}

.pokemon-close-x:hover {
  color: var(--ot-module-color-91);
}

.pokemon-modal-content {
  position: relative;
}

.pokemon-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--ot-module-color-92);
  z-index: 99998;
  display: none;
  justify-content: center;
  align-items: center;
  animation: fadeIn 0.3s ease;
}

.pokemon-modal-window {
  background: var(--ot-module-color-93);
  border-radius: 8px;
  max-width: 750px;
  width: 90%;
  max-height: 85vh;
  overflow-y: auto;
  padding: 20px;
  position: relative;
  box-shadow: 0 4px 20px var(--ot-module-color-94);
  animation: slideUp 0.3s ease;
  border: 2px solid var(--ot-module-color-95);
}

.pokemon-modal-close {
  position: absolute;
  top: 8px;
  right: 14px;
  font-size: 28px;
  font-weight: bold;
  color: var(--ot-module-color-90);
  cursor: pointer;
  background: none;
  border: none;
  z-index: 10;
  line-height: 1;
  font-family: Arial,sans-serif;
  transition: color 0.2s;
}

.pokemon-modal-close:hover {
  color: var(--ot-module-color-91);
}

.trainer-profile-btn {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 9999;
  background: var(--ot-module-color-96);
  color: var(--ot-module-color-1);
  border: 2px solid var(--ot-module-color-90);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  cursor: pointer;
  box-shadow: 0 2px 10px var(--ot-module-color-38);
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.trainer-profile-btn:hover {
  transform: scale(1.05);
  background: var(--ot-module-color-97);
  border-color: var(--ot-module-color-98);
}

.trainer-profile-btn svg {
  width: 26px;
  height: 26px;
}

.trainer-card {
  background: var(--ot-module-color-99);
  border: 1px solid var(--ot-module-color-95);
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.trainer-top-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
  width: 100%;
  flex-wrap: wrap;
}

.trainer-avatar {
  width: 80px;
  height: 80px;
  background: var(--ot-module-color-100);
  border: 2px solid var(--ot-module-color-95);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  flex-shrink: 0;
  overflow: hidden;
}

.trainer-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.trainer-divider {
  width: 1px;
  height: 70px;
  border-left: 1px solid var(--ot-module-color-101);
  flex-shrink: 0;
}

.trainer-center-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 160px;
  flex-shrink: 0;
}

.trainer-name {
  font-family: Arial,sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: var(--ot-module-color-96);
  margin-bottom: 4px;
}

.trainer-title {
  display: inline-block;
  padding: 5px 16px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 10px;
  color: var(--ot-module-color-1);
}

.title-newbie {
  background: var(--ot-module-color-102);
}

.title-rookie {
  background: var(--ot-module-color-103);
}

.title-catcher {
  background: var(--ot-module-color-104);
}

.title-expert {
  background: var(--ot-module-color-105);
}

.title-elite {
  background: var(--ot-module-color-106);
}

.title-master {
  background: var(--ot-module-color-107);
}

.title-champion {
  background: var(--ot-module-color-108);
}

.title-legend {
  background: linear-gradient(135deg,var(--ot-module-color-109),var(--ot-module-color-107));
}

.trainer-stats-row {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 4px;
}

.trainer-stat {
  font-size: 11px;
  color: var(--ot-module-color-96);
}

.trainer-stat strong {
  color: var(--ot-module-color-97);
  font-size: 14px;
  font-family: Arial,sans-serif;
}

.trainer-inventory {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 120px;
  padding-left: 20px;
  border-left: 1px solid var(--ot-module-color-101);
  flex-shrink: 0;
}

.inv-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  color: var(--ot-module-color-96);
  gap: 8px;
}

.inv-item .inv-icon {
  font-size: 16px;
  width: 28px;
  text-align: left;
}

.inv-item .inv-count {
  font-weight: 700;
  font-size: 15px;
  color: var(--ot-module-color-97);
  font-family: Arial,sans-serif;
  min-width: 30px;
  text-align: right;
}

.inv-item .inv-label {
  font-size: 10px;
  color: var(--ot-module-color-98);
  flex: 1;
}

.inv-item .inv-bought {
  font-size: 9px;
  color: var(--ot-module-color-98);
  background: var(--ot-module-color-100);
  padding: 1px 8px;
  border-radius: 10px;
  border: 1px solid var(--ot-module-color-95);
  white-space: nowrap;
}

.inv-item .inv-bought strong {
  color: var(--ot-module-color-97);
  font-weight: 700;
}

.trainer-exp-bar {
  width: 100%;
  max-width: 350px;
  margin: 0 auto;
}

.exp-bar-label {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  color: var(--ot-module-color-98);
  margin-bottom: 3px;
}

.exp-bar-bg {
  width: 100%;
  height: 10px;
  background: var(--ot-module-color-98);
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--ot-module-color-90);
}

.exp-bar-fill {
  height: 100%;
  background: linear-gradient(90deg,var(--ot-module-color-110),var(--ot-module-color-111),var(--ot-module-color-109));
  border-radius: 10px;
  transition: width 0.5s ease;
}

.pokemon-count-breakdown {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 10px;
  color: var(--ot-module-color-98);
  width: 100%;
}

.pokemon-count-breakdown span {
  background: var(--ot-module-color-100);
  padding: 3px 10px;
  border-radius: 10px;
  border: 1px solid var(--ot-module-color-95);
  color: var(--ot-module-color-96);
  font-size: 10px;
}

.pokemon-count-breakdown span strong {
  color: var(--ot-module-color-97);
}

.pokemon-count-breakdown span small {
  font-size: 9px;
  color: var(--ot-module-color-98);
}

@media (max-width:640px) {
  .trainer-top-row {
    flex-direction: column;
    gap: 12px;
  }

  .trainer-divider {
    display: none;
  }

  .trainer-inventory {
    border-left: none;
    border-top: 1px solid var(--ot-module-color-101);
    padding-left: 0;
    padding-top: 12px;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
  }

  .trainer-center-block {
    min-width: unset;
    width: 100%;
  }
}

.storage-section {
  margin-top: 0;
}

.storage-header {
  background: var(--ot-module-color-99);
  border: 1px solid var(--ot-module-color-95);
  border-radius: 5px 5px 0 0;
  padding: 14px 20px;
  font-family: Arial,sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--ot-module-color-96);
  text-align: center;
}

.storage-scroll {
  max-height: 350px;
  overflow-y: auto;
  background: var(--ot-module-color-112);
  border: 1px solid var(--ot-module-color-95);
  border-top: none;
  border-radius: 0 0 5px 5px;
  padding: 15px;
}

.pokemon-grid-modal {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(170px,1fr));
  gap: 10px;
  padding: 0;
  background: var(--ot-clear);
  border: none;
  border-radius: 0;
}

.pet-card-modal {
  background: var(--ot-module-color-99);
  border: 1px solid var(--ot-module-color-95);
  border-radius: 5px;
  padding: 10px;
  text-align: center;
  transition: transform 0.3s ease;
}

.pet-card-modal:hover {
  transform: translateY(-2px);
}

.pet-card-modal .pet-image {
  width: 64px;
  height: 64px;
  margin: 0 auto 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--ot-module-color-100);
  border-radius: 5px;
  padding: 4px;
  border: 2px solid var(--ot-module-color-95);
  transition: transform 0.3s ease;
}

.pet-card-modal .pet-image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  image-rendering: auto;
  border-radius: 3px;
}

.pet-card-modal .pet-image:hover {
  transform: scale(1.05);
}

.pet-card-modal .pet-name {
  font-size: 13px;
  font-weight: 700;
  color: var(--ot-module-color-96);
  font-family: Arial,sans-serif;
  margin: 6px 0 2px;
}

.pet-card-modal .pet-type {
  font-size: 10px;
  color: var(--ot-module-color-97);
  margin-bottom: 6px;
}

.type-badge {
  display: inline-block !important;
  padding: 2px 6px !important;
  border-radius: 3px !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  color: var(--ot-module-color-1) !important;
  margin: 1px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.type-normal {
  background: var(--ot-module-color-102) !important;
}

.type-fire {
  background: var(--ot-module-color-107) !important;
}

.type-water {
  background: var(--ot-module-color-104) !important;
}

.type-electric {
  background: var(--ot-module-color-109) !important;
  color: var(--ot-module-color-10);
}

.type-grass {
  background: var(--ot-module-color-103) !important;
}

.type-ice {
  background: var(--ot-module-color-113) !important;
  color: var(--ot-module-color-10);
}

.type-fighting {
  background: var(--ot-module-color-91) !important;
}

.type-poison {
  background: var(--ot-module-color-108) !important;
}

.type-ground {
  background: var(--ot-module-color-115) !important;
  color: var(--ot-module-color-10);
}

.type-flying {
  background: var(--ot-module-color-105) !important;
}

.type-psychic {
  background: var(--ot-module-color-116) !important;
}

.type-bug {
  background: var(--ot-module-color-117) !important;
}

.type-rock {
  background: var(--ot-module-color-106) !important;
}

.type-ghost {
  background: var(--ot-module-color-118) !important;
}

.type-dragon {
  background: var(--ot-module-color-119) !important;
}

.type-steel {
  background: var(--ot-module-color-120) !important;
  color: var(--ot-module-color-10);
}

.type-fairy {
  background: var(--ot-module-color-121) !important;
}

.life-bar-container {
  background-color: var(--ot-module-color-98);
  border-radius: 20px;
  height: 8px;
  width: 100%;
  margin: 4px 0;
  overflow: hidden;
  border: 1px solid var(--ot-module-color-90);
}

.life-bar-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg,var(--ot-module-color-122),var(--ot-module-color-123));
  border-radius: 20px;
  transition: width 0.3s ease;
}

.xp-bar-container {
  background-color: var(--ot-module-color-98);
  border-radius: 20px;
  height: 8px;
  width: 100%;
  margin: 4px 0;
  overflow: hidden;
  border: 1px solid var(--ot-module-color-90);
}

.xp-bar-fill {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg,var(--ot-module-color-110),var(--ot-module-color-111));
  border-radius: 20px;
  transition: width 0.3s ease;
}

.pet-stats {
  display: flex;
  justify-content: space-between;
  font-size: 9px;
  color: var(--ot-module-color-96);
  margin: 4px 0;
  gap: 4px;
}

.stat-item {
  background: var(--ot-module-color-100);
  padding: 3px 6px;
  border-radius: 3px;
  border: 1px solid var(--ot-module-color-95);
  white-space: nowrap;
}

.stat-label {
  font-size: 9px;
  color: var(--ot-module-color-96);
  text-align: left;
  margin-top: 2px;
  font-weight: 600;
}

.stage-indicator {
  font-size: 10px;
  color: var(--ot-module-color-96);
  background: var(--ot-module-color-100);
  display: inline-block;
  padding: 3px 10px;
  border-radius: 3px;
  font-weight: 600;
  margin-top: 6px;
  border: 1px solid var(--ot-module-color-95);
  font-family: Arial,sans-serif;
}

.loading-spinner {
  text-align: center;
  padding: 20px;
  color: var(--ot-module-color-98);
  font-family: Arial,sans-serif;
}

@media (max-width:640px) {
  .pokemon-modal-window {
    max-width: 95%;
    padding: 15px;
    max-height: 90vh;
  }

  .pokemon-grid-modal {
    grid-template-columns: repeat(auto-fill,minmax(140px,1fr));
  }

  .trainer-profile-btn {
    width: 44px;
    height: 44px;
    bottom: 15px;
    left: 15px;
  }

  .trainer-profile-btn svg {
    width: 22px;
    height: 22px;
  }
}

.team-manager-window {
  max-width: 900px;
  width: 95%;
  max-height: 90vh;
  overflow-y: auto;
}

.team-manager-btn {
  bottom: 80px !important;
  background: var(--ot-module-color-124) !important;
  border-color: var(--ot-module-color-125) !important;
}

.team-manager-btn:hover {
  background: var(--ot-module-color-126) !important;
}

.tm-section {
  background: var(--ot-module-color-99);
  border: 1px solid var(--ot-module-color-95);
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 15px;
}

.tm-section-title {
  font-family: Arial,sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--ot-module-color-96);
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--ot-module-color-95);
  display: flex;
  align-items: center;
  gap: 8px;
}

.tm-section-title .count-badge {
  background: var(--ot-module-color-124);
  color: var(--ot-module-color-1);
  font-size: 11px;
  padding: 2px 10px;
  border-radius: 10px;
  font-family: Arial,sans-serif;
}

.tm-team-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 10px;
}

@media (max-width:640px) {
  .tm-team-grid {
    grid-template-columns: repeat(2,1fr);
  }
}

.tm-slot {
  background: var(--ot-module-color-100);
  border: 2px solid var(--ot-module-color-95);
  border-radius: 6px;
  padding: 10px;
  text-align: center;
  min-height: 180px;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: border-color 0.2s,box-shadow 0.2s;
}

.tm-slot-empty {
  border-style: dashed;
  opacity: 0.6;
  justify-content: center;
  align-items: center;
}

.tm-slot-number {
  position: absolute;
  top: 5px;
  left: 8px;
  font-size: 10px;
  font-weight: 700;
  color: var(--ot-module-color-90);
  background: var(--ot-module-color-127);
  padding: 1px 6px;
  border-radius: 3px;
}

.tm-poke-sprite {
  width: 64px;
  height: 64px;
  object-fit: contain;
  image-rendering: auto;
  margin: 5px auto;
  background: var(--ot-module-color-128);
  border-radius: 5px;
  padding: 3px;
}

.tm-poke-name {
  font-weight: 700;
  font-size: 13px;
  color: var(--ot-module-color-96);
  font-family: Arial,sans-serif;
  margin: 4px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tm-poke-info {
  font-size: 10px;
  color: var(--ot-module-color-97);
  margin-bottom: 6px;
}

.tm-poke-actions {
  margin-top: auto;
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  justify-content: center;
}

.tm-btn {
  padding: 4px 10px;
  font-size: 10px;
  font-weight: 700;
  border: 1px solid var(--ot-module-color-90);
  border-radius: 4px;
  cursor: pointer;
  font-family: Arial,sans-serif;
  transition: all 0.2s;
  text-transform: uppercase;
  white-space: nowrap;
}

.tm-btn-storage {
  background: var(--ot-module-color-98);
  color: var(--ot-module-color-1);
}

.tm-btn-storage:hover {
  background: var(--ot-module-color-90);
}

.tm-btn-slot {
  background: var(--ot-module-color-124);
  color: var(--ot-module-color-1);
}

.tm-btn-slot:hover {
  background: var(--ot-module-color-129);
}

.tm-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.tm-storage-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 8px;
}

@media (max-width:640px) {
  .tm-storage-grid {
    grid-template-columns: repeat(2,1fr);
  }
}

.tm-storage-item {
  background: var(--ot-module-color-100);
  border: 1px solid var(--ot-module-color-95);
  border-radius: 5px;
  padding: 8px;
  text-align: center;
}

.tm-storage-sprite {
  width: 48px;
  height: 48px;
  object-fit: contain;
  image-rendering: auto;
}

.tm-storage-name {
  font-size: 10px;
  font-weight: 700;
  color: var(--ot-module-color-96);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 3px 0;
}

.tm-storage-slot-select {
  width: 100%;
  padding: 3px;
  font-size: 9px;
  border: 1px solid var(--ot-module-color-95);
  border-radius: 3px;
  margin: 4px 0;
  font-family: Arial,sans-serif;
}

.tm-empty-message {
  text-align: center;
  color: var(--ot-module-color-98);
  padding: 15px;
  font-size: 12px;
}

.tm-slot-highlight {
  border-color: var(--ot-module-color-56) !important;
  box-shadow: 0 0 10px var(--ot-module-color-130);
}

#teamManagerOverlay {
  z-index: 100000 !important;
}

.team-manager-btn {
  z-index: 99999 !important;
}

#missionOverlay {
  z-index: 100001 !important;
}

.mission-manager-btn {
  bottom: 140px !important;
  background: var(--ot-module-color-131) !important;
  border-color: var(--ot-module-color-132) !important;
}

.mission-manager-btn:hover {
  background: var(--ot-module-color-133) !important;
}

.mission-window {
  max-width: 1000px;
  width: 95%;
  max-height: 90vh;
  overflow-y: auto;
}

.mission-layout {
  display: flex;
  gap: 15px;
  min-height: 500px;
}

@media (max-width:700px) {
  .mission-layout {
    flex-direction: column;
  }
}

.ms-left {
  flex: 0 0 55%;
  background: var(--ot-module-color-134);
  border: 1px solid var(--ot-module-color-95);
  border-radius: 8px;
  padding: 12px;
  max-height: 70vh;
  overflow-y: auto;
}

.ms-right {
  flex: 1;
  background: var(--ot-module-color-134);
  border: 1px solid var(--ot-module-color-95);
  border-radius: 8px;
  padding: 12px;
  min-width: 280px;
}

.ms-section-title {
  font-family: Arial,sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: var(--ot-module-color-96);
  margin-bottom: 10px;
  padding-bottom: 6px;
  border-bottom: 2px solid var(--ot-module-color-95);
}

/* 17-pokemon-windows.css */

.ms-mission-item {
  background: var(--ot-module-color-1);
  border: 2px solid var(--ot-module-color-135);
  border-radius: 6px;
  padding: 10px 12px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.ms-mission-item:hover {
  border-color: var(--ot-module-color-131);
  box-shadow: 0 2px 8px var(--ot-module-color-136);
}

.ms-mission-item.selected {
  border-color: var(--ot-module-color-131);
  background: var(--ot-module-color-137);
  box-shadow: 0 0 0 2px var(--ot-module-color-138);
}

.ms-mission-name {
  font-weight: 700;
  font-size: 13px;
  color: var(--ot-module-color-96);
}

.ms-mission-diff {
  font-size: 10px;
  padding: 2px 8px;
  border-radius: 10px;
  font-weight: 700;
  white-space: nowrap;
  color: var(--ot-module-color-1);
}

.ms-diff-easy {
  background: var(--ot-module-color-103);
}

.ms-diff-medium {
  background: var(--ot-module-color-107);
}

.ms-diff-hard {
  background: var(--ot-module-color-91);
}

.ms-mission-detail {
  background: var(--ot-module-color-1);
  border: 2px solid var(--ot-module-color-131);
  border-radius: 6px;
  padding: 12px;
  margin-bottom: 10px;
  animation: fadeIn 0.2s;
}

.ms-detail-name {
  font-size: 15px;
  font-weight: 700;
  color: var(--ot-module-color-96);
  margin-bottom: 4px;
}

.ms-detail-diff {
  margin-bottom: 8px;
}

.ms-detail-type {
  font-size: 11px;
  color: var(--ot-module-color-90);
  margin-bottom: 4px;
  font-weight: 600;
}

.ms-detail-desc {
  font-size: 12px;
  color: var(--ot-module-color-97);
  margin-bottom: 8px;
  line-height: 1.4;
}

.ms-detail-bonus {
  font-size: 11px;
  margin-bottom: 6px;
  color: var(--ot-module-color-96);
}

.ms-detail-bonus span {
  display: inline-block;
  background: var(--ot-module-color-139);
  padding: 2px 6px;
  border-radius: 3px;
  margin: 1px;
  font-size: 10px;
  border: 1px solid var(--ot-module-color-140);
}

.ms-detail-rewards {
  font-size: 11px;
  color: var(--ot-module-color-96);
  margin-bottom: 4px;
}

.ms-detail-rewards .success-text {
  color: var(--ot-module-color-48);
  font-weight: 700;
}

.ms-detail-rewards .fail-text {
  color: var(--ot-module-color-91);
  font-weight: 700;
}

.ms-detail-time {
  font-size: 11px;
  color: var(--ot-module-color-90);
  font-weight: 600;
}

.ms-team-grid-mini {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 6px;
  max-height: 350px;
  overflow-y: auto;
}

@media (max-width:700px) {
  .ms-team-grid-mini {
    grid-template-columns: repeat(3,1fr);
    max-height: 250px;
  }
}

.ms-poke-card {
  background: var(--ot-module-color-1);
  border: 2px solid var(--ot-module-color-135);
  border-radius: 6px;
  padding: 8px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s;
}

.ms-poke-card:hover {
  border-color: var(--ot-module-color-124);
}

.ms-poke-card.selected {
  border-color: var(--ot-module-color-124);
  background: var(--ot-module-color-141);
  box-shadow: 0 0 0 2px var(--ot-module-color-142);
}

.ms-poke-card.on-mission {
  opacity: 0.5;
  cursor: not-allowed;
  border-style: dashed;
}

.ms-poke-sprite-mini {
  width: 48px;
  height: 48px;
  object-fit: contain;
  image-rendering: auto;
}

.ms-poke-name-mini {
  font-size: 11px;
  font-weight: 700;
  color: var(--ot-module-color-96);
  margin: 3px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ms-poke-info-mini {
  font-size: 9px;
  color: var(--ot-module-color-97);
}

.ms-poke-stats {
  font-size: 10px;
  color: var(--ot-module-color-96);
  margin: 4px 0;
  text-align: left;
  line-height: 1.5;
}

.ms-poke-stats strong {
  color: var(--ot-module-color-97);
}

.ms-bonus-badge {
  display: inline-block;
  background: var(--ot-module-color-139);
  color: var(--ot-module-color-48);
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 700;
  margin: 4px 0;
  border: 1px solid var(--ot-module-color-140);
  animation: pulse 1.5s ease-in-out infinite;
}

.ms-chance-bar {
  background: var(--ot-module-color-145);
  border-radius: 10px;
  height: 10px;
  margin: 6px 0;
  overflow: hidden;
  border: 1px solid var(--ot-module-color-95);
}

.ms-chance-fill {
  height: 100%;
  border-radius: 10px;
  transition: width 0.5s;
}

.ms-chance-high {
  background: linear-gradient(90deg,var(--ot-module-color-103),var(--ot-module-color-56));
}

.ms-chance-mid {
  background: linear-gradient(90deg,var(--ot-module-color-109),var(--ot-module-color-107));
}

.ms-chance-low {
  background: linear-gradient(90deg,var(--ot-module-color-107),var(--ot-module-color-91));
}

.ms-chance-text {
  font-size: 10px;
  color: var(--ot-module-color-97);
  text-align: right;
  font-weight: 600;
}

.ms-no-pokemon {
  text-align: center;
  color: var(--ot-module-color-98);
  padding: 30px 15px;
  font-size: 12px;
}

.ms-btn-send {
  display: block;
  width: 100%;
  padding: 12px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  border: 2px solid var(--ot-module-color-131);
  border-radius: 8px;
  cursor: pointer;
  background: var(--ot-module-color-131);
  color: var(--ot-module-color-1);
  margin-top: 12px;
  font-family: Arial,sans-serif;
  transition: all 0.2s;
  letter-spacing: 1px;
}

.ms-btn-send:hover {
  background: var(--ot-module-color-133);
  border-color: var(--ot-module-color-132);
}

.ms-btn-send:disabled {
  background: var(--ot-module-color-24);
  border-color: var(--ot-module-color-146);
  cursor: not-allowed;
  opacity: 0.6;
}

.ms-result-card {
  background: var(--ot-module-color-134);
  border: 2px solid var(--ot-module-color-90);
  border-radius: 10px;
  padding: 15px;
  max-width: 480px;
  margin: 10px auto;
  font-family: Arial,sans-serif;
  text-align: center;
  box-sizing: border-box;
}

.ms-result-card .ms-rc-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--ot-module-color-96);
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.ms-result-card .ms-rc-poke {
  font-size: 16px;
  font-weight: 700;
  color: var(--ot-module-color-97);
  margin-bottom: 4px;
}

.ms-result-card .ms-rc-mission {
  font-size: 12px;
  color: var(--ot-module-color-90);
  margin-bottom: 8px;
}

.ms-result-card .ms-rc-chance {
  font-size: 11px;
  font-weight: 700;
  margin-bottom: 10px;
}

.ms-result-card .ms-rc-timer {
  font-size: 18px;
  font-weight: 700;
  color: var(--ot-module-color-131);
  margin: 10px 0;
  font-family: Arial,sans-serif;
}

.ms-result-card .ms-rc-result {
  font-size: 14px;
  font-weight: 700;
  margin: 10px 0;
  padding: 8px;
  border-radius: 6px;
}

.ms-result-success {
  background: var(--ot-module-color-139);
  color: var(--ot-module-color-48);
  border: 1px solid var(--ot-module-color-140);
}

.ms-result-fail {
  background: var(--ot-module-color-147);
  color: var(--ot-module-color-91);
  border: 1px solid var(--ot-module-color-148);
}

.ms-result-card .ms-rc-effects {
  font-size: 11px;
  color: var(--ot-module-color-96);
  margin-top: 6px;
}

.ms-result-card .ms-rc-levelup {
  font-size: 12px;
  font-weight: 700;
  color: var(--ot-module-color-131);
  margin-top: 6px;
  animation: pulse 1s ease-in-out infinite;
}

.mission-alert {
  background: var(--ot-module-color-147);
  color: var(--ot-module-color-91);
  font-size: 10px;
  font-weight: 700;
  padding: 4px 8px;
  border-radius: 4px;
  margin-top: 4px;
}

html[data-ot-theme="dark"] {
  --ot-writers-bg: var(--ot-v7-color-23);
  --ot-writers-text: var(--ot-v7-color-24);
}

#BookmCntToggle,
#pun-announcement .header-box:not(#ot-hero),
#pun-announcement.ot-announcement-empty {
  display: none !important;
}

#ot-hero>.activists>a {
  margin: 0;
  padding: 5px 10px;
  border: 0;
  border-radius: 3px;
  color: var(--ot-writers-text) !important;
  background: var(--ot-writers-bg) !important;
  font: 600 10px/1.35 Arial,sans-serif;
  text-shadow: none;
  box-shadow: none;
}

#ot-hero>.activists>a:first-child::before {
  content: "Постописцы месяца";
  display: block;
  position: static;
  margin-bottom: 2px;
  color: inherit !important;
  font: 400 8px/1.3 Arial,sans-serif;
  letter-spacing: .06em;
}

#pun-index .category tr#ot-wanted-row {
  display: table-row;
  background: none;
}

#pun-index .category tr#ot-wanted-row>td {
  display: table-cell;
  padding: 4px 14px 12px;
  border: 0;
  width: auto;
  min-width: 0;
}

#pun-index #ot-wanted-row #ot-wanted {
  margin: 0;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

#pun-index #ot-wanted-row #ot-wanted>h2 {
  height: auto;
  min-height: 0;
  padding: 0 20px;
  background: none;
}

#pun .ot-presence-tribe {
  display: block;
  background: currentColor;
  -webkit-mask: var(--ot-presence-image) center/contain no-repeat;
  transform-origin: 50% 70%;
}

#pun .post-author.online .ot-presence-tribe {
  animation: ot-presence-sway 4.6s ease-in-out infinite;
}

#pun .post-author:not(.online) .ot-presence-tribe {
  animation: none;
  transform: none;
  opacity: .65;
}

#pun .post-author .ot-tribe-source {
  display: none !important;
}

html[data-ot-motion="paused"] #pun .ot-presence-tribe {
  animation: none !important;
  transform: none !important;
}

@media (prefers-reduced-motion:reduce) {
  #pun .ot-presence-tribe {
    animation: none !important;
    transform: none !important;
  }
}

.ot-legacy-weather-hidden {
  display: none !important;
}

:is(#pun,#html-footer) .ot-rumor-widget {
  display: grid !important;
  grid-template-columns: auto minmax(0,1fr);
  align-items: center;
  gap: 10px;
  width: min(560px,100%) !important;
  max-width: 100% !important;
  margin: 12px auto !important;
  padding: 10px !important;
  box-sizing: border-box;
  border: 0 !important;
  border-radius: 6px;
  background: var(--ot-wash) !important;
  box-shadow: inset 0 1px 4px var(--ot-rank-inset-shadow);
  font: 12px/1.4 Arial,sans-serif !important;
  color: var(--ot-ink) !important;
}

:is(#pun,#html-footer) .ot-rumor-widget>br {
  display: none;
}

:is(#pun,#html-footer) .ot-rumor-widget>div:has(>.ot-rumor-button),
:is(#pun,#html-footer) .ot-rumor-widget>p:has(>.ot-rumor-button) {
  margin: 0 !important;
  padding: 0 !important;
}

:is(#pun,#html-footer) .ot-rumor-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 30px;
  padding: 7px 11px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: var(--ot-bar) !important;
  color: var(--ot-bar-text) !important;
  font: 500 11px/1.3 Arial,sans-serif !important;
  letter-spacing: 0 !important;
  cursor: pointer;
  box-shadow: inset 0 2px 4px var(--ot-rank-inset-shadow);
  transition: filter .2s,transform .2s;
}

:is(#pun,#html-footer) .ot-rumor-button:hover {
  filter: brightness(1.1);
  transform: translateY(1px);
}

:is(#pun,#html-footer) .ot-rumor-result {
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 4px 0 !important;
  border: 0 !important;
  background: none !important;
  color: var(--ot-ink) !important;
  font: 12px/1.45 Arial,sans-serif !important;
  text-align: left !important;
  overflow-wrap: anywhere;
}

:is(#pun,#html-footer) .ot-rumor-result * {
  font: inherit !important;
  color: inherit !important;
}

#pun .post-author .ot-author-tribe-name,
.ot-mini-plaque>.ot-author-tribe-name {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  gap: 3px;
}

#pun .post-author .ot-author-tribe-name strong,
#pun .post-author .ot-author-tribe-name small,
.ot-mini-plaque>.ot-author-tribe-name strong,
.ot-mini-plaque>.ot-author-tribe-name small {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: 0;
  line-height: 1.3;
}

#ot-character-content .ot-dossier-head {
  height: auto;
  min-height: 76px;
  flex: 0 0 auto;
  grid-template-columns: 64px minmax(0,1fr);
  gap: 10px;
  overflow: visible;
  margin-bottom: 8px;
  align-items: start;
}

#ot-character-content .ot-dossier-portrait {
  height: 76px;
}

#ot-character-content .ot-dossier-info h3 {
  font-size: 22px;
  line-height: 1.1;
  margin: 0 0 4px;
}

#ot-character-content .ot-dossier-description {
  height: auto;
  max-height: none;
  overflow: visible;
  min-height: 0;
  font: 11px/1.3 Arial,sans-serif;
  color: var(--ot-muted);
  overflow-wrap: anywhere;
}

#ot-character-content .ot-dossier-description :is(p,div,ul,ol,li) {
  margin: 0;
  padding-block: 0;
  font: inherit;
  line-height: inherit;
}

#ot-character-content .ot-wardrobe-texts {
  display: grid;
  gap: 7px;
  margin: 10px 0 0;
}

#ot-character-content .ot-wardrobe-texts label {
  display: grid;
  gap: 3px;
  margin: 0;
  font: 10px/1.3 Arial,sans-serif;
  color: var(--ot-muted);
}

#ot-character-content .ot-wardrobe-texts input {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  height: 29px;
  padding: 5px 7px;
  border: 1px solid var(--ot-line);
  border-radius: 4px;
  background: var(--ot-dossier-tile-bg);
  color: var(--ot-ink);
  font: 11px/1.3 Arial,sans-serif;
}

#ot-character-content .ot-wardrobe-texts input:focus {
  outline: 1px solid var(--ot-accent);
  outline-offset: 1px;
}

@media (max-width:520px) {
  :is(#pun,#html-footer) .ot-rumor-widget {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  :is(#pun,#html-footer) .ot-rumor-button {
    justify-self: start;
  }

  #ot-character-content .ot-dossier-description {
    font-size: 10px;
  }

  #ot-character-content .ot-dossier-info h3 {
    font-size: 20px;
  }
}

#ot-pokemon-settings {
  position: absolute;
  right: 14px;
  width: 30px;
  height: 0;
  pointer-events: none;
}

#ot-pokemon-settings>.pokemon-menu-btn {
  position: absolute !important;
  top: 7px !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 1 !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px;
  min-height: 26px;
  border: 0 !important;
  border-radius: 5px !important;
  padding: 0 !important;
  background: var(--ot-menu-hover) !important;
  color: var(--ot-bar-text) !important;
  box-shadow: inset 0 1px 4px var(--ot-pressed-shadow) !important;
  font: 18px/1 Arial,sans-serif !important;
  pointer-events: auto;
  transform: none !important;
}

#ot-pokemon-settings>.pokemon-menu-btn:hover {
  background: var(--ot-bar) !important;
  transform: translateY(1px) !important;
}

#ot-pokemon-settings>#pokemonMenuPanel {
  position: absolute !important;
  top: 38px !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 2 !important;
  width: 225px;
  min-width: 0 !important;
  max-width: calc(100vw - 48px);
  box-sizing: border-box;
  padding: 10px 12px !important;
  border: 1px solid var(--ot-line) !important;
  border-radius: 5px !important;
  background: var(--ot-paper-raised) !important;
  color: var(--ot-ink) !important;
  box-shadow: 0 4px 15px var(--ot-pressed-shadow);
  pointer-events: auto;
}

#ot-pokemon-settings>#pokemonMenuPanel label {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  color: var(--ot-ink) !important;
  font: 11px/1.4 Arial,sans-serif !important;
}

#ot-pokemon-settings>#pokemonMenuPanel input {
  margin: 0;
  flex: none;
  accent-color: var(--ot-accent);
}

#ot-hero>#ot-pokemon-actions {
  position: absolute;
  top: var(--ot-pokemon-actions-top);
  right: 18px;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  width: max-content;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

#ot-pokemon-actions>.trainer-profile-btn {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  flex: 0 0 var(--ot-pokemon-button-size);
  width: var(--ot-pokemon-button-size) !important;
  height: var(--ot-pokemon-button-size) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 5px !important;
  box-sizing: border-box;
  border: 1px solid var(--ot-line) !important;
  border-radius: 50% !important;
  background: var(--ot-writers-bg) !important;
  color: var(--ot-writers-text) !important;
  box-shadow: inset 0 1px 3px var(--ot-pressed-shadow) !important;
  transition: transform .2s,filter .2s;
}

#ot-pokemon-actions>.trainer-profile-btn:hover {
  transform: translateY(1px) !important;
  filter: brightness(1.1);
}

#ot-pokemon-actions>.trainer-profile-btn :is(img,svg) {
  width: var(--ot-pokemon-icon-size) !important;
  height: var(--ot-pokemon-icon-size) !important;
  max-width: var(--ot-pokemon-icon-size) !important;
  max-height: var(--ot-pokemon-icon-size) !important;
  object-fit: contain;
}

#ot-hero>.activists {
  position: absolute;
  bottom: auto;
  left: 50%;
  right: auto;
  top: var(--ot-writers-top);
  transform: translateX(-50%);
  width: max-content;
  max-width: calc(100% - 210px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  margin: 0;
  text-align: center;
}

#ot-hero>.activists .ot-writers-list {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: safe center;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--ot-line) var(--ot-clear);
}

#ot-hero>.activists .ot-writers-list>a {
  display: block;
  flex: 0 0 auto;
  white-space: nowrap;
  margin: 0;
  border: 0;
  font: 600 10px/1.35 Arial,sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: none;
}

body>.pokemon-overlay {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100dvh !important;
  max-width: none !important;
  max-height: none !important;
  box-sizing: border-box;
  padding: 20px;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: var(--ot-pokemon-backdrop);
  font: 12px/1.4 Arial,sans-serif;
  color: var(--ot-ink);
}

body>.pokemon-overlay>.pokemon-modal-window {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  animation: none !important;
  width: min(var(--ot-pokemon-window-width),calc(100vw - 40px)) !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: min(var(--ot-pokemon-window-height),calc(100dvh - 40px)) !important;
  margin: 0 !important;
  padding: 14px !important;
  box-sizing: border-box;
  border: 1px solid var(--ot-line);
  border-radius: 7px;
  background: var(--ot-paper-raised);
  color: var(--ot-ink);
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--ot-line) var(--ot-clear);
  box-shadow: 0 10px 35px var(--ot-shadow);
  font: 12px/1.4 Arial,sans-serif;
}

body>.pokemon-overlay .pokemon-modal-close {
  position: sticky;
  float: right;
  top: 0;
  right: auto;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 0 2px 5px;
  background: var(--ot-paper-raised);
  color: var(--ot-ink);
  font: 22px/1 Arial,sans-serif;
  border: 0;
  border-radius: 4px;
  z-index: 5;
}

body>.pokemon-overlay :is(h1,h2,h3) {
  font-family: Arial,sans-serif;
  font-size: 19px;
  line-height: 1.2;
  margin: 0 26px 10px 0;
  color: var(--ot-ink);
}

body>.pokemon-overlay .mission-layout {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 9px;
  min-height: 0;
}

body>.pokemon-overlay :is(.ms-left,.ms-right,.tm-section,.trainer-card) {
  min-width: 0;
  min-height: 0;
  max-height: none;
  overflow: visible;
  box-sizing: border-box;
  padding: 9px;
  margin-bottom: 9px;
  border: 1px solid var(--ot-line);
  border-radius: 5px;
  background: var(--ot-wash);
  color: var(--ot-ink);
}

body>.pokemon-overlay :is(.ms-section-title,.tm-section-title) {
  font: 600 13px/1.3 Arial,sans-serif;
  margin-bottom: 7px;
  padding-bottom: 5px;
  color: var(--ot-ink);
  border-bottom: 1px solid var(--ot-line);
}

body>.pokemon-overlay .ms-mission-item {
  padding: 7px 8px;
  margin-bottom: 6px;
  gap: 6px;
  border-width: 1px;
  background: var(--ot-paper-raised);
  border-color: var(--ot-line);
  font-size: 11px;
}

body>.pokemon-overlay .tm-team-grid {
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 7px;
}

body>.pokemon-overlay .tm-slot {
  min-width: 0;
  min-height: 130px;
  padding: 7px;
  border-width: 1px;
  background: var(--ot-paper);
  border-color: var(--ot-line);
}

body>.pokemon-overlay .tm-poke-sprite {
  width: 48px;
  height: 48px;
  margin: 3px auto;
  padding: 2px;
}

body>.pokemon-overlay .tm-poke-name {
  font: 600 12px/1.3 Arial,sans-serif;
  color: var(--ot-ink);
}

body>.pokemon-overlay .tm-poke-info {
  font-size: 10px;
  color: var(--ot-muted);
  margin-bottom: 4px;
}

body>.pokemon-overlay .trainer-card {
  gap: 9px;
}

body>.pokemon-overlay .trainer-top-row {
  gap: 12px;
}

body>.pokemon-overlay .trainer-avatar {
  width: 56px;
  height: 56px;
  font-size: 26px;
}

body>.pokemon-overlay .trainer-name {
  font-size: 17px;
  color: var(--ot-ink);
}

body>.pokemon-overlay .trainer-divider {
  height: 48px;
}

body>.pokemon-overlay .pokemon-grid-modal {
  grid-template-columns: repeat(auto-fill,minmax(110px,1fr));
  gap: 7px;
}

body>#pokemonModal {
  position: fixed !important;
  bottom: 18px !important;
  right: 18px !important;
  top: auto !important;
  left: auto !important;
  width: 240px;
  max-width: calc(100vw - 36px);
  max-height: calc(100dvh - 36px);
  overflow-y: auto;
}

@media (max-width:600px) {
  body>.pokemon-overlay {
    padding: 12px;
  }

  body>.pokemon-overlay>.pokemon-modal-window {
    width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 24px) !important;
    padding: 10px !important;
  }

  body>.pokemon-overlay .mission-layout {
    grid-template-columns: 1fr;
  }

  body>.pokemon-overlay .tm-team-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

#post-form .weather-container,
#post-form center:has(+br+.weather-container),
#post-form center:has(+.weather-container),
#post-form br:has(+.weather-container) {
  display: none !important;
}

#pun-index .category .fig_desc,
#pun-index .category .fig_desc p,
#pun-index .category .forumdesc,
#pun-index .category .forumdesc :is(p,div),
#pun-index .category .tclcon>p,
#pun-index .category .special .s-p,
#pun-index .category .special .s-p p {
  text-align: justify !important;
  text-align-last: left !important;
}

#pun .post-content,
#pun .post-content :is(p,div,blockquote,li,td,th,center) {
  text-align: justify !important;
  text-align-last: left !important;
}

#pun .post-content .code-box,
#pun .post-content .code-box *,
#pun .post-content pre,
#pun .post-content code {
  text-align: left !important;
  text-align-last: auto !important;
}

#pun .ot-news {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

#ot-hero>.activists .ot-writers-title {
  border-radius: 3px;
  font: 500 9px/1.3 Arial,sans-serif;
  text-transform: uppercase;
  box-sizing: border-box;
  font-size: 8px;
  text-align: center;
}

#pun .post-sig,
#pun .post-sig :is(dd,p,div,blockquote,li,td,th,center) {
  text-align: center !important;
  text-align-last: center !important;
}

#pun .post-sig img {
  margin-inline: auto;
}

#pun .post-author .pa-respect .ot-respect-linked::before {
  content: none !important;
}

#pun .post-author .pa-respect .ot-respect-history {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  padding: 0;
  margin: 0;
  color: inherit;
}

#pun .post-author .pa-respect .ot-respect-history:hover {
  color: var(--ot-accent);
}

#pun .post .ot-post-feedback {
  grid-column: 2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  min-width: 0;
}

#pun .ot-post-feedback :is(.post-rating,.post-vote) {
  float: none !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  display: flex;
  align-items: center;
}

#pun .ot-post-feedback .post-vote {
  order: -1;
}

#pun .ot-post-feedback :is(.post-rating,.post-vote) p {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  gap: 5px;
  min-height: 20px;
}

#pun .ot-post-feedback a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: 500 12px/20px Arial,sans-serif !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  transform: none !important;
}

@media (max-width:640px) {
  #pun .post>.container>.ot-post-feedback {
    grid-column: 1/-1;
  }
}

#pun #viewprofile #profile-right>li#pa-fld3.ot-game-counter-source {
  display: none !important;
}

#pun .post>h3,
#pun .post>h3>span {
  border-bottom: 0 !important;
}

#pun .post-content :is(b,strong),
#pun .post-content :is(b,strong) :is(a,span,em,i) {
  font-weight: 700 !important;
  font-synthesis: weight;
}

#pun .post-author .pa-respect .ot-respect-history svg {
  width: 12px;
  height: 12px;
  display: none !important;
}

#pun .post-author .pa-respect .ot-respect-history::before {
  content: "\2665 ";
  display: block;
  font: 18px/1 Arial,sans-serif !important;
  color: inherit;
}

#pun #viewprofile #profile-left {
  align-self: start;
  height: auto !important;
  padding: 10px !important;
}

#pun #viewprofile #profile-left>li {
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 3px 0 !important;
  line-height: 1.3;
}

#pun #viewprofile #profile-name strong {
  display: block;
  margin: 0;
  font-size: 24px !important;
  line-height: 1.15 !important;
}

#pun #viewprofile #profile-title strong {
  display: block;
  margin: 0;
  font-size: 11px !important;
  line-height: 1.3 !important;
}

#pun #viewprofile #profile-left>#pa-avatar {
  padding: 5px 0 !important;
}

#pun #viewprofile #pa-avatar>div {
  margin: 0 !important;
  padding: 0 !important;
}

#pun #viewprofile #pa-avatar img {
  display: block;
  margin: 0 auto !important;
}

#pun #viewprofile #profile-left>#pa-fld4 {
  margin-top: 5px !important;
}

#pun #viewprofile #profile-right {
  gap: 3px !important;
}

#pun #viewprofile #profile-right>li:not([hidden]):not(.ot-game-counter-source):not(#pa-invites):not(#pa-gifts):not(#pa-awards) {
  min-height: 0 !important;
  height: auto !important;
  padding: 6px 9px !important;
  margin: 0 !important;
}

#pun :is(#pun-respect,#pun-positive) #pun-main>.section>.container {
  overflow-x: auto;
  scrollbar-width: thin;
}

#pun :is(#pun-respect,#pun-positive) #pun-main table {
  table-layout: fixed !important;
  width: 100% !important;
  min-width: 650px;
  border-collapse: collapse;
}

#pun :is(#pun-respect,#pun-positive) #pun-main :is(th,td) {
  box-sizing: border-box;
  height: auto !important;
  padding: 7px 9px !important;
  font: 12px/1.4 var(--ot-sans, sans-serif) !important;
  text-align: left !important;
  vertical-align: middle !important;
  overflow-wrap: anywhere;
}

#pun :is(#pun-respect,#pun-positive) #pun-main .tcl {
  width: 155px !important;
  white-space: nowrap;
}

#pun :is(#pun-respect,#pun-positive) #pun-main .tc2 {
  width: 40px !important;
  text-align: center !important;
}

#pun :is(#pun-respect,#pun-positive) #pun-main .tc3 {
  width: 135px !important;
}

#pun :is(#pun-respect,#pun-positive) #pun-main .tcr {
  width: 34% !important;
}

#pun :is(#pun-respect,#pun-positive) #pun-main td.tcr a {
  display: block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#pun :is(#pun-respect,#pun-positive) #pun-main h1 {
  font-size: 22px !important;
  line-height: 1.25 !important;
  margin-bottom: 12px !important;
}

#pun .ot-presence-tribe {
  width: 24px;
  height: 24px;
  max-width: 64px;
}

#pun .post .post-author>ul>.ot-author-presence {
  min-width: 0;
  width: max-content;
  height: 24px;
  padding: 3px 5px;
  box-sizing: border-box;
}

#pun .ot-author-presence .ot-presence-tribe {
  height: 18px;
  max-width: 40px;
  width: 40px !important;
  -webkit-mask-size: auto 18px;
  -webkit-mask-position: left center;
}

#pun .ot-author-presence:is([data-tribe-src*="/78882.svg"],[data-tribe-src*="/58084.svg"],[data-tribe-src*="/25230.svg"],[data-tribe-src*="/36454.svg"],[data-tribe-src*="/32583.svg"],[data-tribe-src*="/49849.svg"],[data-tribe-src*="/20568.svg"],[data-tribe-src*="/66205.svg"]) .ot-presence-tribe {
  width: 19px !important;
}

#pun .ot-author-presence>svg {
  width: 18px;
  height: 18px;
}

.post-sig img,
#profile-signature img,
.fs-box .sigimage {
  max-width: 200px;
  height: auto;
}

#pun #button-smile,
#pun #smilies-area {
  display: none !important;
}

body>#mask_dialog {
  position: fixed !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  transform: none !important;
  z-index: 10020 !important;
  font: 12px/1.4 var(--ot-sans, sans-serif);
  color: var(--ot-ink);
}

body>#mask_dialog>.hv-bg {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding: 70px 12px 16px !important;
  overflow-y: auto;
  box-sizing: border-box;
}

body>#mask_dialog>.hv-bg>.inner.container {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  margin: 0 !important;
  width: min(720px,100%) !important;
  max-width: 100% !important;
  max-height: calc(100dvh - 86px);
  overflow: auto;
  box-sizing: border-box;
  scrollbar-width: thin;
  background: var(--ot-post-paper);
  color: var(--ot-ink);
}

:not(#ot-pokemon-settings)>.pokemon-menu-btn,
:not(#ot-pokemon-settings)>#pokemonMenuPanel,
:not(#ot-pokemon-actions)>#teamManagerBtn,
:not(#ot-pokemon-actions)>#missionManagerBtn {
  visibility: hidden !important;
}

#pun .post>.container>:is(.post-rating,.post-vote),
#pun .post .post-box>:is(.post-rating,.post-vote) {
  visibility: hidden;
}

#pun .Form-Table {
  margin: 10px 0;
}

#pun table.table_GamePosts {
  width: 100%;
  border-collapse: collapse;
  background: var(--ot-post-paper) !important;
  color: var(--ot-ink) !important;
  font: 12px/1.4 var(--ot-sans, sans-serif);
}

#pun table.table_GamePosts th {
  padding: 8px 10px !important;
  background: var(--ot-wash) !important;
  background-image: none !important;
  color: var(--ot-ink) !important;
  border: 1px solid var(--ot-line) !important;
  font: 600 11px/1.4 var(--ot-sans, sans-serif) !important;
}

#pun table.table_GamePosts td {
  padding: 6px 10px !important;
  background: var(--ot-post-paper) !important;
  color: var(--ot-ink) !important;
  border: 1px solid var(--ot-line) !important;
}

#pun table.table_GamePosts tr:nth-child(odd) td {
  background: var(--ot-wash) !important;
}

#pun table.table_GamePosts td a {
  color: var(--ot-accent) !important;
}

#pun .post .post-author {
  background: var(--ot-author-base);
  border-radius: 12px;
  isolation: isolate;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  max-height: none !important;
}

#pun .post .post-author>ul {
  position: relative;
  z-index: 1;
  height: auto !important;
  min-height: 0 !important;
  align-content: start;
  grid-auto-rows: max-content;
  box-sizing: border-box;
  padding: 10px;
  gap: 2px 0;
  overflow: visible;
  padding-top: 20px;
}

#pun .post .post-author>ul>.ot-author-presence {
  top: -9px;
  right: 9px;
  z-index: 1;
  border-radius: 9px 9px 0 12px;
}

#pun .post .post-author>ul>.pa-author {
  position: relative;
  z-index: 2;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

#pun .post .post-author .pa-author a {
  display: inline-block;
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: anywhere;
}

#pun #pre_placement>a {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  top: -33px;
  border: 0 !important;
  border-radius: 7px;
  background: var(--ot-wash) !important;
  color: var(--ot-ink);
  box-shadow: inset 0 1px 4px var(--ot-line);
  transition: background .25s,box-shadow .25s;
  cursor: pointer;
}

#pun #pre_placement>a::before {
  content: "\2726 ";
  display: block;
  font: 22px/1 Georgia,serif;
  transition: transform .45s ease;
  transform: rotate(0deg);
}

#pun #pre_placement:has(+.Form-Table:not([style*="display: none"]))>a::before {
  transform: rotate(135deg);
}

#pun #pre_placement>a:hover {
  box-shadow: inset 0 2px 6px var(--ot-line);
}

/* Магазин и примерка. */

/* 18-bank-shop-layout.css */

@media (prefers-reduced-motion:reduce) {
  #pun #pre_placement>a::before {
    transition: none;
  }
}

#pun .ot-move-picker {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: end;
  margin-bottom: 12px;
}

#pun .ot-move-picker label {
  display: flex;
  flex: 1 1 220px;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

#pun .ot-move-picker select {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

#pun .ot-move-picker button {
  padding: 6px 10px;
}

#pun .ot-move-picker [role=status] {
  flex-basis: 100%;
  font-size: 11px;
}

#pun .post .post-author .pa-avatar img,
#pun #viewprofile #pa-avatar img {
  width: auto;
  height: auto;
  max-width: min(204px,100%);
  max-height: 293px;
  object-fit: contain;
}

/* Банк: оформление действующей автоматизации. */

/* 19-bank-native-forms.css */

#pun .post-content .autobank {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 10px;
  background: var(--ot-post-paper);
  border: 0;
  border-radius: 5px;
  color: var(--ot-ink);
  font: 11px/1.4 Arial,sans-serif;
}

#pun .post-content .autobank * {
  box-sizing: border-box;
  text-align: left !important;
  text-align-last: auto !important;
  letter-spacing: normal;
}

#pun .post-content .autobank>label {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 9px;
  font: 600 11px/1.4 Arial,sans-serif;
}

#pun .post-content .autobank .bank-columns {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
  margin: 0 0 10px;
}

#pun .post-content .autobank .column {
  float: none;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0 7px 5px;
  max-height: 320px;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--ot-line) var(--ot-clear);
  border-radius: 5px;
  background: var(--ot-wash);
  border: 0;
}

#pun .post-content .autobank h4 {
  position: sticky;
  top: 0;
  z-index: 1;
  margin: 0 0 3px;
  padding: 9px 0;
  font: 600 10px/1.4 Arial,sans-serif;
  background: var(--ot-post-paper);
  color: var(--ot-ink);
  text-transform: uppercase;
  letter-spacing: 1px;
}

#pun .post-content .autobank .position {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(68px,.65fr) 62px;
  align-items: center;
  gap: 6px;
  margin: 3px 0;
  padding: 6px;
  border: 0;
  border-radius: 4px;
  background: var(--ot-post-paper);
}

#pun .post-content .autobank .position>span {
  grid-column: auto;
  min-width: 0;
  font: 11px/1.35 Arial,sans-serif;
  overflow-wrap: anywhere;
}

#pun .post-content .autobank input {
  float: none;
  min-width: 0;
  max-width: 100%;
  height: 26px;
  margin: 0;
  padding: 4px 6px !important;
  border: 1px solid var(--ot-line);
  border-radius: 4px;
  background: var(--ot-post-paper);
  color: var(--ot-ink);
  font: 11px/1.3 Arial,sans-serif !important;
  box-shadow: none;
}

#pun .post-content .autobank .position input {
  width: 100%;
}

#pun .post-content .autobank #ot-bank-name {
  width: 200px;
}

#pun .post-content .autobank #ot-bank-start {
  width: 100px;
}

#pun .post-content .autobank button {
  float: none;
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 26px;
  margin: 0;
  padding: 4px 6px;
  border: 1px solid var(--ot-line);
  border-radius: 4px;
  background: var(--ot-wash);
  color: var(--ot-ink);
  font: 600 10px/1.3 Arial,sans-serif !important;
  text-align: center !important;
  text-align-last: center !important;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: inset 0 1px 2px var(--ot-line);
  transition: filter .2s;
}

#pun .post-content .autobank button:hover {
  filter: brightness(.94);
}

#pun .post-content .autobank :is(input,button):focus-visible {
  outline: 2px solid var(--ot-accent);
  outline-offset: 2px;
}

#pun .post-content .autobank #ot-bank-selected {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 5px;
  list-style: none;
  margin: 8px 0;
  padding: 0;
  font: 11px/1.4 Arial,sans-serif;
}

#pun .post-content .autobank #ot-bank-selected:empty {
  display: none;
}

#pun .post-content .autobank #ot-bank-selected li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  min-width: 0;
  margin: 0;
  padding: 6px 8px;
  border-radius: 4px;
  background: var(--ot-wash);
  overflow-wrap: anywhere;
}

#pun .post-content .autobank #ot-bank-selected button {
  flex: none;
  min-height: 20px;
  padding: 1px 6px;
}

#pun .post-content .autobank #ot-bank-total {
  margin: 8px 0;
  padding: 8px 10px;
  background: var(--ot-wash);
  border-radius: 4px;
  font: 600 11px/1.5 Arial,sans-serif;
}

#pun .post-content .autobank #ot-bank-status {
  display: block;
  margin-top: 6px;
  font: 11px/1.4 Arial,sans-serif;
}

#pun .post-content .autobank .ot-bank-export {
  display: block;
  width: 100%;
  height: 120px;
  margin: 8px 0;
  font: 12px/1.4 Arial,sans-serif;
}

#pun .post-content .autobank ::-webkit-scrollbar {
  width: 4px;
}

#pun .post-content .autobank ::-webkit-scrollbar-track {
  background: var(--ot-clear);
}

#pun .post-content .autobank ::-webkit-scrollbar-thumb {
  background: var(--ot-line);
  border-radius: 4px;
}

@media (max-width:600px) {
  #pun .post-content .autobank {
    padding: 10px;
  }

  #pun .post-content .autobank .bank-columns {
    grid-template-columns: minmax(0,1fr);
  }
}

#pun .post-content .autobank #ot-bank-copy {
  padding: 7px 12px;
  background: var(--ot-profile-edit-bg);
  color: var(--ot-profile-edit-text);
  border: 0;
  letter-spacing: .6px;
  text-transform: uppercase;
}

@media (max-width:600px) {
  #pun .post-content .autobank #ot-bank-selected {
    grid-template-columns: 1fr;
  }
}

#pun .post-content .autobank {
  container-type: inline-size;
}

@container (max-width:700px) {
  #pun .post-content .autobank .position {
    grid-template-columns: minmax(0,1fr) 62px;
    gap: 4px;
  }

  #pun .post-content .autobank .position>span {
    grid-column: 1/-1;
  }
}

#pun .post-content table:has(span[style*="#8b9b86"]) td,
#pun .post-content table:has(span[style*="#8b9b86"]) td *,
#pun .post-content table:has(span[style*="139, 155, 134"]) td,
#pun .post-content table:has(span[style*="139, 155, 134"]) td *,
#pun .post-content table:has(span[style*="139,155,134"]) td,
#pun .post-content table:has(span[style*="139,155,134"]) td * {
  text-align: center !important;
  text-align-last: center !important;
}

#pun .post-content table td span[style*="#8b9b86"] b,
#pun .post-content table td span[style*="#8b9b86"] strong,
#pun .post-content table td span[style*="139, 155, 134"] b,
#pun .post-content table td span[style*="139, 155, 134"] strong,
#pun .post-content table td span[style*="139,155,134"] b,
#pun .post-content table td span[style*="139,155,134"] strong {
  color: inherit !important;
}

#pun .post-content table:has(span[style*="#8b9b86"]),
#pun .post-content table:has(span[style*="139, 155, 134"]),
#pun .post-content table:has(span[style*="139,155,134"]) {
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 4px 2px !important;
}

#pun .post-content table:has(span[style*="#8b9b86"]) td,
#pun .post-content table:has(span[style*="139, 155, 134"]) td,
#pun .post-content table:has(span[style*="139,155,134"]) td {
  width: 33.333% !important;
  vertical-align: middle !important;
  padding: 2px 4px !important;
  line-height: 1.2 !important;
}

#pun .post-content table:has(span[style*="#8b9b86"]) td p,
#pun .post-content table:has(span[style*="139, 155, 134"]) td p,
#pun .post-content table:has(span[style*="139,155,134"]) td p {
  margin: 0 !important;
  padding: 0 !important;
}

#pun .post-content table td span[style*="#8b9b86"],
#pun .post-content table td span[style*="139, 155, 134"],
#pun .post-content table td span[style*="139,155,134"] {
  display: block !important;
  box-sizing: border-box;
  width: 100%;
  color: inherit !important;
  background: var(--ot-v7-color-26);
  border-radius: 4px;
  box-shadow: inset 0 1px 3px var(--ot-v7-color-27),inset 0/**/-1px var(--ot-v7-color-28);
  font-size: 12px !important;
  min-height: 0 !important;
  padding: 4px !important;
  margin: 0 auto 2px !important;
  line-height: 16px !important;
}

#pun .post-content table td span[style*="#8b9b86"]+br,
#pun .post-content table td span[style*="139, 155, 134"]+br,
#pun .post-content table td span:has(>span[style*="#8b9b86"])+br,
#pun .post-content table td span:has(>span[style*="139, 155, 134"])+br,
#pun .post-content table td span[style*="139,155,134"]+br,
#pun .post-content table td span:has(>span[style*="139,155,134"])+br {
  display: none !important;
}

#pun:is(.ot-members-page,.ot-online-page) #pun-main {
  min-width: 0;
}

#pun:is(.ot-members-page,.ot-online-page) #pun-main :is(h1,h2) {
  margin: 12px 0 8px !important;
  padding: 7px 0 !important;
  font-size: 21px !important;
  line-height: 1.2 !important;
}

#pun:is(.ot-members-page,.ot-online-page) #pun-main table {
  display: table !important;
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  background: var(--ot-paper, var(--ot-v7-color-29));
  font-size: 12px !important;
  line-height: 1.35 !important;
}

#pun:is(.ot-members-page,.ot-online-page) #pun-main thead {
  display: table-header-group !important;
}

#pun:is(.ot-members-page,.ot-online-page) #pun-main tbody {
  display: table-row-group !important;
}

#pun:is(.ot-members-page,.ot-online-page) #pun-main tr {
  display: table-row !important;
  height: auto !important;
}

#pun:is(.ot-members-page,.ot-online-page) #pun-main :is(th,td) {
  display: table-cell !important;
  float: none !important;
  position: static !important;
  box-sizing: border-box;
  height: auto !important;
  padding: 7px 9px !important;
  vertical-align: middle !important;
  text-align: left !important;
  text-align-last: auto !important;
  overflow-wrap: anywhere;
  border: 0 !important;
  border-bottom: 1px solid var(--ot-line, var(--ot-v7-color-26)) !important;
}

#pun:is(.ot-members-page,.ot-online-page) #pun-main th {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  background: var(--ot-v7-color-30);
  font-size: 10px !important;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
}

#pun:is(.ot-members-page,.ot-online-page) #pun-main td :is(p,div) {
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  text-align-last: auto !important;
}

#pun:is(.ot-members-page,.ot-online-page) #pun-main tbody tr:hover {
  background: var(--ot-v7-color-31);
}

#pun.ot-members-page #pun-main :is(th,td):nth-child(1) {
  width: 23% !important;
}

#pun.ot-members-page #pun-main :is(th,td):nth-child(2) {
  width: 25% !important;
}

#pun.ot-members-page #pun-main :is(th,td):nth-child(3),
#pun.ot-members-page #pun-main :is(th,td):nth-child(4) {
  width: 11% !important;
}

#pun.ot-members-page #pun-main :is(th,td):nth-child(5) {
  width: 17% !important;
}

#pun.ot-members-page #pun-main :is(th,td):nth-child(6) {
  width: 13% !important;
}

#pun.ot-members-page #pun-main td:first-child img {
  display: inline-block !important;
  width: 28px !important;
  height: 28px !important;
  margin: 0 6px 0 0 !important;
  border-radius: 50%;
  object-fit: cover;
  vertical-align: middle;
}

#pun.ot-members-page #pun-main td:first-child br {
  display: none !important;
}

#pun.ot-members-page #pun-main td:first-child a {
  display: inline !important;
  vertical-align: middle;
}

#pun.ot-online-page #pun-main :is(th,td):nth-child(1) {
  width: 28% !important;
}

#pun.ot-online-page #pun-main :is(th,td):nth-child(2) {
  width: 48% !important;
}

#pun.ot-online-page #pun-main :is(th,td):nth-child(3) {
  width: 24% !important;
  font-size: 11px !important;
}

#pun.ot-online-page #pun-main td img {
  display: inline-block !important;
  width: 16px !important;
  height: auto !important;
  margin: 0 5px 0 0 !important;
  vertical-align: middle;
}

#pun.ot-members-page #userlist {
  margin: 8px 0 12px !important;
  padding: 12px !important;
}

#pun.ot-members-page #userlist fieldset {
  margin: 0 !important;
  padding: 0 !important;
}

#pun.ot-members-page #userlist .fs-box.inline {
  display: grid !important;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 8px !important;
  padding: 0 !important;
}

#pun.ot-members-page #userlist .fs-box.inline>p {
  min-width: 0;
  width: auto !important;
  margin: 0 !important;
}

#pun.ot-members-page #userlist .infofield {
  grid-column: 1/-1;
  font-size: 11px !important;
  line-height: 1.4 !important;
  opacity: .75;
}

#pun.ot-members-page #userlist :is(label,legend) {
  font-size: 11px !important;
}

#pun.ot-members-page #userlist :is(input[type="text"],select) {
  box-sizing: border-box;
  width: 100% !important;
  height: 30px !important;
  min-height: 0 !important;
  padding: 4px 7px !important;
  font-size: 12px !important;
}

#pun.ot-members-page #userlist .formsubmit {
  margin: 8px 0 0 !important;
  padding: 0 !important;
}

@media (max-width:650px) {
  #pun.ot-members-page #userlist .fs-box.inline {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  #pun:is(.ot-members-page,.ot-online-page) #pun-main .container:has(>table) {
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: thin;
  }

  #pun.ot-members-page #pun-main table {
    min-width: 620px;
  }

  #pun.ot-online-page #pun-main table {
    min-width: 480px;
  }
}

#pun.ot-members-page #pun-main .formal,
#pun.ot-members-page #pun-main .formal>.container {
  margin: 8px 0 12px !important;
  padding: 10px 12px !important;
}

#pun.ot-members-page #pun-main .formal h2 {
  margin: 0 0 8px !important;
  padding: 0 0 7px !important;
  font-size: 19px !important;
}

#pun.ot-members-page #pun-main .formal fieldset,
#pun.ot-members-page #pun-main .formal .fs-box {
  margin: 0 !important;
  padding: 0 !important;
}

#pun.ot-members-page #pun-main .formal legend {
  padding: 0 0 5px !important;
  font-size: 11px !important;
}

#pun.ot-members-page #pun-main .formal .formsubmit {
  margin: 7px 0 0 !important;
  padding: 0 !important;
}

#pun.ot-members-page #pun-main .formal .button {
  min-height: 0 !important;
  padding: 5px 12px !important;
  font-size: 11px !important;
  line-height: 18px !important;
}

#pun.ot-members-page #pun-main tbody td {
  height: auto !important;
  padding: 6px 9px !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  vertical-align: middle !important;
}

#pun.ot-members-page #pun-main tbody td:first-child .user-avatar {
  display: inline-block !important;
  float: none !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  margin: 0 7px 0 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
}

#pun.ot-members-page #pun-main tbody td:first-child .avatar-image,
#pun.ot-members-page #pun-main tbody td:first-child img {
  display: inline-block !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 0 !important;
  max-width: 26px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background-size: cover !important;
  background-position: center !important;
  object-fit: cover;
  vertical-align: middle !important;
}

#pun.ot-members-page #pun-main tbody td:first-child>:is(div,p) {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}

#pun.ot-members-page #pun-main tbody td:first-child a {
  display: inline !important;
  margin: 0 !important;
  vertical-align: middle !important;
}

#pun.ot-members-page #pun-main tbody td:first-child br {
  display: none !important;
}

#pun.ot-members-page #pun-main>h2,
#pun.ot-members-page #pun-main .usertable>h2 {
  margin: 10px 0 6px !important;
  padding: 5px 0 !important;
  font-size: 19px !important;
}

#pun.ot-members-page #pun-main .linkst {
  margin: 6px 0 !important;
  padding: 4px 0 !important;
}

#pun .ot-author-dossier .ot-author-tribe-name,
#ot-character-dialog .ot-mini-plaque .ot-author-tribe-name {
  position: relative;
  top: 5px;
  background: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
  align-items: center !important;
  gap: 1px !important;
}

#pun .ot-author-dossier .ot-author-tribe-name strong::before,
#pun .ot-author-dossier .ot-author-tribe-name small::before,
#ot-character-dialog .ot-mini-plaque .ot-author-tribe-name strong::before,
#ot-character-dialog .ot-mini-plaque .ot-author-tribe-name small::before {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 8px;
  pointer-events: none;
  inset: 0 1px !important;
  background: var(--ot-v7-color-35) !important;
  filter: blur(3px) !important;
}

#pun .ot-author-dossier .ot-author-tribe-name strong,
#pun .ot-author-dossier .ot-author-tribe-name small,
#ot-character-dialog .ot-mini-plaque .ot-author-tribe-name strong,
#ot-character-dialog .ot-mini-plaque .ot-author-tribe-name small {
  display: block !important;
  flex: none !important;
  width: fit-content !important;
  max-width: 100% !important;
  box-sizing: border-box;
  margin: 0 auto !important;
  border-radius: 3px;
  color: var(--ot-v7-color-33) !important;
  white-space: pre !important;
  text-overflow: ellipsis;
  position: relative;
  isolation: isolate;
  padding: 0 4px !important;
  line-height: 1.2 !important;
  background: none !important;
  box-shadow: none !important;
  overflow: visible !important;
  text-shadow: 0 1px 2px var(--ot-module-color-40) !important;
}

#pun-searchtopics #pun-main td.tcr .lastpost-link {
  display: block !important;
  white-space: nowrap !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

#pun-searchtopics #pun-main td.tcr .lastpost {
  display: block !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}

#pun-searchtopics #pun-main td.tcr .lastpost-link+br {
  display: none !important;
}

html body {
  font-family: Arial, sans-serif;
}

#ot-character-dialog,
body > .pokemon-overlay,
body > .pokemon-modal {
  font-family: Arial, sans-serif;
}

#pun .ot-title,
#pun .ot-title span,
#pun .ot-eyebrow {
  font-family: var(--ot-title-font) !important;
}

#pun .category>h2,
#pun .category>h2>span {
  font-family: var(--ot-category-font) !important;
}

/* Иконки из шрифтов не заменяем текстовым шрифтом. */

/* Меню с первой отрисовки находится над шапкой, даже до выполнения модулей. */

#pun>.punbb #pun-navlinks:not(.ot-shell-ready) {
  position: absolute !important;
  inset: 0 0 auto !important;
  margin: 0 !important;
}

#pun>.punbb>#pun-ulinks {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  z-index: 61;
  margin: 0;
  padding: 0 18px;
  color: var(--ot-bar-text);
}

#pun>.punbb>#pun-ulinks ul {
  margin-inline: auto;
  min-height: 24px;
  padding: 0;
  gap: 11px;
}

#pun>.punbb>#pun-ulinks a {
  font-size: 9.5px;
}

#pun-navlinks {
  float: none;
  clear: both;
  bottom: auto;
  left: auto;
  right: auto;
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 60;
  transform: none;
  margin: 0;
  background: var(--ot-menu-glass);
  color: var(--ot-bar-text);
  border: 0;
  border-bottom: 1px solid var(--ot-menu-border);
  border-radius: 0;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  --ot-nav-height: 56px;
  height: var(--ot-nav-height) !important;
  min-height: var(--ot-nav-height) !important;
  margin-bottom: calc(-1*var(--ot-nav-height)) !important;
  transition: background-color .18s ease,box-shadow .18s ease !important;
  overflow: visible;
  overflow-anchor: none;
}

/* Верхняя ссылка скрывается после появления баннеров в нижнем блоке. */

#pun-index:has(#pun-stats .ot-footer-banners) #pun-navlinks li:has(>a:is([href$="/pages/banners"],[href$="/pages/banners/"],[href*="/pages/banners?"],[href*="/pages/banners/?"],[href*="/pages/banners#"],[href*="/pages/banners/#"])) {
  display: none;
}

/* 20-compact-menu-index.css */

#pun-navlinks>ul {
  height: 30px !important;
  gap: 14px;
  padding-inline: 18px;
  max-width: 100%;
  min-width: 0;
}

#pun-navlinks>ul>li>a {
  font: 400 12px/1.35 Arial,sans-serif !important;
  padding: 5px 0 !important;
}

#pun-navlinks #ot-top-subrow {
  height: 26px;
  min-height: 26px;
  padding-inline: 18px;
}

#pun-navlinks #pun-ulinks {
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
}

#pun-navlinks #pun-ulinks ul {
  min-height: 24px;
  padding: 0;
  flex-wrap: nowrap;
}

#pun-navlinks.ot-menu-compact {
  --ot-nav-height: 50px;
}

#pun-navlinks.ot-menu-compact>ul {
  height: 28px !important;
}

#pun-navlinks.ot-menu-compact #ot-top-subrow {
  height: 22px;
  min-height: 22px;
}

#pun-navlinks.ot-tools-docked {
  grid-template-rows: 28px 22px;
  column-gap: 10px;
  --ot-nav-height: 50px;
}

#pun-navlinks.ot-tools-docked>ul {
  height: 28px !important;
  gap: 12px;
  padding: 0;
}

#pun-navlinks.ot-tools-docked #pun-ulinks ul {
  min-height: 22px;
}

#ot-controls-home {
  min-height: 30px;
  min-width: 0;
}

#pun-navlinks #ot-controls-dock {
  max-width: 100%;
}

/* Ссылки описаний: утопленные плашки, без изменения названий форумов и карточек поиска. */

#pun-index .category .fig_links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 8px 0 3px;
}

#pun-index .category :is(.fig_links,.forum-desc,.forum-description,.fig_desc)>a:not(:has(img)),
#pun-index .category .tclcon>p>a:not(:has(img)) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  padding: 5px 10px;
  margin: 2px 2px 2px 0;
  font-size: var(--ot-description-link-size,12px) !important;
  line-height: 1.35;
  font-weight: 600;
  white-space: normal;
  text-align: center;
  text-decoration: none !important;
  color: var(--ot-ink);
  background: var(--ot-wash);
  border: 0;
  border-radius: 5px;
  box-shadow: inset 1px 2px 4px var(--ot-pressed-shadow),inset -1px -1px 1px var(--ot-paper-raised);
  transition: background-color .18s ease,color .18s ease,box-shadow .18s ease;
}

#pun-index .category .fig_links>a:hover {
  background: var(--ot-paper-raised);
  color: var(--ot-accent);
}

#pun-stats a,
#pun-online a,
#pun .onlinelist a,
#pun .users_24h a {
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

#pun-about .ot-forum-rating {
  display: inline-block;
  color: inherit;
  text-decoration: none;
  font-size: 11px;
}

#pun-about .ot-forum-rating:hover {
  color: var(--ot-accent-bright);
}

/* Стабильность размеров при зуме; длинные строки прокручиваются внутри своего блока. */

#pun-navlinks>ul,
#pun-navlinks #pun-ulinks ul {
  scrollbar-width: none;
}

#pun-navlinks>ul::-webkit-scrollbar,
#pun-navlinks #pun-ulinks::-webkit-scrollbar {
  display: none;
}

@media (max-width:700px) {
  #pun-navlinks>ul {
    gap: 12px;
    padding-inline: 10px;
  }

  #pun-navlinks.ot-tools-docked {
    grid-template-columns: minmax(0,1fr) auto;
    padding-inline: 8px;
    column-gap: 6px;
  }
}

@media (prefers-reduced-motion:reduce) {
  #pun-navlinks,
#pun .ot-nav__panel,
#pun .fig_links>a {
    transition: none !important;
  }
}

@media (max-width:700px) {
  #pun-index .category table,
#pun-index .category tbody {
    display: block;
    width: 100%;
  }

  #pun-index .category tbody>tr:not(#ot-wanted-row) {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 8px 12px;
    padding: 14px 0;
  }

  #pun-index .category tr>td.tcl {
    grid-column: 1/-1;
    padding: 0;
  }

  #pun-index .category tr>td.tcr {
    grid-column: 1/-1;
    padding: 0 0 0 42px;
    min-width: 0;
  }

  #pun-index .category tr#ot-wanted-row,
#pun-index .category tr#ot-wanted-row>td {
    display: block;
    width: 100%;
    padding: 4px 0 12px;
  }

  #pun #ot-hero {
    width: 100%;
    max-width: 100%;
    aspect-ratio: auto;
    height: 310px;
    min-height: 310px;
  }

  #pun .category>h2 {
    font-size: 25px;
  }
}

/* Компактная навигация и уведомления. */

#pun .ot-nav>button {
  font: 400 11px/1.3 Arial,sans-serif !important;
  padding: 4px 0;
  letter-spacing: normal;
  word-spacing: normal;
}

#pun .ot-nav__panel {
  padding: 5px;
  min-width: 165px;
  gap: 0;
}

#pun-navlinks #notify-link a::before {
  content: none !important;
  display: none !important;
}

#pun-navlinks #notify-link a {
  font: 400 12px/1.35 Arial,sans-serif !important;
}

#pun-navlinks #notify-link .unreads {
  font-size: 10px !important;
  margin-left: 4px;
}

/* Штатная кнопка выхода. */

#pun-navlinks #navlogout {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  height: 28px !important;
  padding-right: 24px !important;
}

#pun-navlinks #navlogout>a>span {
  position: static !important;
  transform: none !important;
  margin: 0 !important;
}

#pun-navlinks #navlogout>span.odd,
#pun-navlinks #navlogin>span.odd {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 2000;
}

#pun-navlinks #navlogout>a:not(.NextShow)+span.odd,
#pun-navlinks #navlogin>a:not(.NextShow)+span.odd {
  display: none !important;
}

/* Компактные элементы форума. */

#pun-index .category .tcl h3,
#pun-index .category .tcl h3 a {
  font-size: 21px !important;
  font-weight: 500 !important;
}

#pun-index .category .fig_desc,
#pun-index .category .forumdesc,
#pun-index .category .tclcon>p {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
}

#pun-index .category .fig_links a {
  font-size: 11.5px !important;
  font-weight: 400 !important;
  padding: 4px 9px !important;
}

#pun-index .category .tcr,
#pun-index .category .tcr>.lastpost-link {
  font-size: 14px !important;
  font-weight: 400 !important;
}

#pun-index .category .tcr .lastpost,
#pun-index .category .tcr .lastpost span {
  font-size: 11.5px !important;
  font-weight: 400 !important;
}

#pun .ot-nav__panel a {
  font: 400 14px/1.3 Arial,sans-serif !important;
  display: block;
  margin: 0 !important;
  padding: 4px 10px !important;
  min-height: 0;
  height: auto;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  text-align: left !important;
  text-align-last: left !important;
}

#pun-index .category .tc2,
#pun-index .category .tc3 {
  display: none !important;
}

#pun-index .category .tcl {
  width: 65% !important;
}

#pun-index .category .tcr {
  width: 35% !important;
}

#pun-searchtopics #pun-main td.tcr>a {
  display: block !important;
  line-height: 1.2 !important;
  white-space: nowrap;
}

#pun-searchtopics #pun-main td.tcr>.byuser {
  display: block !important;
  margin: 2px 0 0 !important;
  line-height: 1.2 !important;
  font-size: 0 !important;
}

#pun-searchtopics #pun-main td.tcr .byuser-username {
  font: 400 12px/1.2 Arial,sans-serif !important;
}

#pun-searchtopics #pun-main td.tcr>br {
  display: none !important;
}

#pun-viewtopic #pun-main>h1,
#pun-viewtopic #pun-main>.topic>h2 {
  display: none !important;
}

#pun-viewtopic #pun-main>.linkst>.pagelink,
#pun-viewtopic #pun-main>.linksb>.pagelink {
  display: none !important;
}

#pun-viewtopic #pun-main>.linkst {
  box-sizing: border-box;
  min-height: 28px !important;
  justify-content: flex-end !important;
}

#pun-viewtopic #pun-main>.topic {
  position: relative;
  padding-top: 34px !important;
  padding-bottom: 38px !important;
}

#pun-viewtopic #pun-main>.topic>.ot-fontbar {
  position: absolute !important;
  top: 0;
  right: 0;
  margin: 0 !important;
}

#pun-viewtopic .ot-topic-controls {
  position: absolute !important;
  inset: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#pun-viewtopic .ot-topic-controls .ot-fontbar {
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto;
  font: 400 10px/1.2 Arial,sans-serif !important;
}

#pun-viewtopic .ot-topic-controls .pagelink,
#pun-viewtopic .ot-bottom-pages .pagelink {
  display: flex !important;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap;
  overflow-x: auto;
  font: 400 10px/1.2 Arial,sans-serif !important;
  scrollbar-width: thin;
}

#pun-viewtopic .ot-topic-controls .pagelink a,
#pun-viewtopic .ot-topic-controls .pagelink strong,
#pun-viewtopic .ot-bottom-pages .pagelink a,
#pun-viewtopic .ot-bottom-pages .pagelink strong {
  flex: 0 0 auto;
  min-width: 19px !important;
  min-height: 0 !important;
  padding: 3px 5px !important;
  margin: 0 !important;
  font: 400 10px/1.2 Arial,sans-serif !important;
}

#pun-viewtopic #pun-main>.ot-bottom-pages {
  position: relative;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center;
  box-sizing: border-box;
  height: 28px !important;
  margin: -38px 0 10px !important;
  padding: 0 !important;
}

#pun-viewtopic .ot-topic-controls,
#pun-viewtopic .ot-bottom-pages,
#pun-viewtopic .ot-topic-controls .pagelink,
#pun-viewtopic .ot-bottom-pages .pagelink {
  transition: none !important;
  animation: none !important;
}

html[data-ot-theme="dark"],
html.dark {
  --ot-default-author-gradient: linear-gradient(to bottom,var(--ot-v7-color-36) 0%,var(--ot-v7-color-37) 48%,var(--ot-clear) 100%);
  --ot-default-plaque: linear-gradient(to bottom,var(--ot-v7-color-38),var(--ot-v7-color-39)) !important;
  --post-author: var(--ot-default-author-gradient) !important;
}

#pun .ot-author-dossier[style*="--ot-default-plaque"],
#ot-character-dialog .ot-mini-plaque[style*="--ot-default-plaque"] {
  background-color: var(--ot-clear) !important;
  box-shadow: none !important;
}

#pun .ot-author-dossier[style*="--ot-default-plaque"] .ot-author-tribe-name,
#pun .ot-author-dossier[style*="--ot-default-plaque"] .ot-author-tribe-name strong,
#pun .ot-author-dossier[style*="--ot-default-plaque"] .ot-author-tribe-name small {
  background: var(--ot-clear) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  color: var(--ot-ink) !important;
}

#pun .ot-author-dossier[style*="--ot-default-plaque"] .ot-author-tribe-name::before,
#pun .ot-author-dossier[style*="--ot-default-plaque"] .ot-author-tribe-name strong::before,
#pun .ot-author-dossier[style*="--ot-default-plaque"] .ot-author-tribe-name small::before {
  display: none !important;
}

@media (max-width:700px) {
  #pun-index .category .tcl,
#pun-index .category .tcr {
    width: 100% !important;
  }
}

/* Оформление карточек автора и профиля. */

html[data-ot-theme="dark"] {
  --ot-writer-scratch: var(--ot-v7-color-40);
  --ot-writer-letter: var(--ot-v7-color-41);
}

#ot-hero>.activists {
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
  z-index: 5 !important;
}

#ot-hero>.activists .ot-writers-title {
  background: none !important;
  box-shadow: none !important;
  color: var(--ot-v7-color-42) !important;
}

#ot-hero>.activists .ot-writers-list {
  padding: 3px !important;
  gap: 6px !important;
}

#ot-hero>.activists .ot-writers-list>a {
  position: relative;
  isolation: isolate;
  background: var(--ot-clear) !important;
  color: var(--ot-writer-letter) !important;
  padding: 6px 12px !important;
  border-radius: 0 !important;
  text-shadow: 0 1px 2px var(--ot-v7-color-44) !important;
}

#ot-hero>.activists .ot-writers-list>a::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px -1px !important;
  z-index: -1 !important;
  display: block !important;
  background: repeating-linear-gradient(169deg,var(--ot-clear) 0 4px,var(--ot-v7-color-45) 4px 5px,var(--ot-clear) 5px 9px),var(--ot-writer-scratch) !important;
  clip-path: polygon(3% 12%,24% 4%,25% 11%,55% 0,71% 7%,96% 2%,92% 15%,100% 21%,96% 42%,100% 65%,94% 78%,97% 91%,73% 96%,61% 89%,38% 100%,18% 91%,0 96%,4% 74%,0 62%,5% 42%,0 27%);
  transform: none !important;
  opacity: .95;
}

#ot-hero #ot-pokemon-actions {
  visibility: visible !important;
  opacity: 1 !important;
}

#ot-hero #ot-pokemon-actions>.trainer-profile-btn {
  position: relative !important;
  inset: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px !important;
  background: var(--ot-v7-color-46) !important;
  border: 1px solid var(--ot-v7-color-47) !important;
  border-radius: 50% !important;
}

#ot-hero #ot-pokemon-actions>.trainer-profile-btn img {
  width: 23px !important;
  height: 23px !important;
}

#ot-pokemon-settings {
  z-index: 35 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#ot-pokemon-settings>.pokemon-menu-btn {
  visibility: visible !important;
  opacity: 1 !important;
}

.ot-design-credit {
  display: inline-block !important;
  color: inherit !important;
  font: inherit !important;
  transition: color .25s,text-shadow .25s,transform .25s;
}

.ot-design-credit:hover {
  color: var(--ot-accent) !important;
  text-shadow: 0 0 7px var(--ot-accent);
  transform: translateY(-1px);
}

/* Оформление внутри HTML-сообщений. */

/* Генератор анкеты. */

/* 21-shop.css: магазин, превью и мобильные состояния. */

#pun .ot-shop-preview>b {
  font: 700 16px/1.25 Arial,sans-serif;
}

#pun .ot-shop-title {
  font: 11px/1.3 Arial,sans-serif;
}

#pun .ot-shop-preview .ot-mini-plaque {
  margin-top: 12px;
  font-size: 11px;
}

#pun .ot-shop-preview .ot-mini-plaque small {
  font-size: 9px;
}

#pun .ot-shop-icon {
  width: 28px;
  height: 28px;
  max-width: 28px;
  max-height: 28px;
}

#pun .post-content .ot-shop-preview .ot-mini-plaque {
  min-height: 42px;
  height: 42px;
  padding: 6px 8px;
  line-height: 1.25;
}

#pun .post-content .ot-shop-preview .ot-mini-plaque>span {
  display: block;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  text-align: center !important;
}

#pun .post-content .ot-shop-preview .ot-mini-plaque strong {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font: 600 10px/1.3 Arial,sans-serif;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

#pun .post-content .ot-shop-preview .ot-mini-plaque br {
  display: none !important;
}

#pun .post-content .ot-shop-preview .ot-mini-plaque small {
  display: block;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  font: 9px/1.2 Arial,sans-serif;
  text-align: center !important;
}

#pun .post-content .ot-shop-preview .ot-mini-plaque,
#pun .post-content .ot-shop-preview .ot-mini-plaque :is(span,strong,small) {
  text-align: center !important;
  text-align-last: center !important;
}

#pun .ot-shop-cart {
  grid-column: 1/-1;
  padding: 12px;
  background: var(--ot-wash);
  border-radius: 6px;
  font: 12px/1.4 Arial,sans-serif;
  min-width: 0;
}

#pun .ot-shop-cart,
#pun .ot-shop-cart * {
  text-align: left !important;
  text-align-last: auto !important;
}

#pun .ot-shop-cart ul {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(220px,1fr));
  gap: 6px;
  list-style: none;
  margin: 8px 0;
  padding: 0;
}

#pun .ot-shop-cart li {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 6px;
  background: var(--ot-post-paper);
  border-radius: 4px;
}

#pun .ot-shop-cart li img {
  width: 36px;
  height: 30px;
  object-fit: contain;
  margin: 0;
  flex: none;
}

#pun .ot-shop-cart li span {
  flex: 1;
  min-width: 0;
  font: 11px/1.4 Arial,sans-serif;
}

#pun .ot-shop-total {
  display: block;
  font: 600 13px/1.4 Arial,sans-serif;
}

#pun .ot-shop-actions {
  align-items: center;
  gap: 8px;
  padding: 10px 0;
}

#pun .ot-shop-actions button {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--ot-line);
  border-radius: 5px;
  background: var(--ot-wash);
  color: var(--ot-ink);
  padding: 8px 14px;
  font: 600 11px/1.3 Arial,sans-serif !important;
  letter-spacing: .5px;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: inset 0 2px 4px var(--ot-line);
  transition: filter .2s,transform .2s;
}

#pun .ot-shop-add,
#pun .ot-shop-cart button {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--ot-line);
  border-radius: 5px;
  background: var(--ot-wash);
  color: var(--ot-ink);
  font: 600 11px/1.3 Arial,sans-serif !important;
  letter-spacing: .5px;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: inset 0 2px 4px var(--ot-line);
  transition: filter .2s,transform .2s;
}

#pun .ot-shop-actions [data-shop=insert] {
  background: var(--ot-profile-edit-bg);
  color: var(--ot-profile-edit-text);
}

#pun .ot-shop-actions button::after {
  content: "";
  position: absolute;
  inset: -30%auto -30% -70%;
  width: 35%;
  transform: skewX(-20deg);
  background: linear-gradient(90deg,var(--ot-clear),var(--ot-v7-color-25),var(--ot-clear));
  transition: left .5s;
  pointer-events: none;
}

#pun .ot-shop-actions button:hover::after {
  left: 130%;
}

#pun .ot-shop-actions button:active,
#pun .ot-shop-add:active {
  transform: translateY(1px);
}

#pun .ot-shop-add {
  margin-top: 5px;
  padding: 6px 9px;
  font-size: 10px !important;
}

#pun .ot-shop-cart button {
  padding: 5px 7px;
  font-size: 9px !important;
}

#pun .ot-shop-grid button[aria-pressed=true] {
  border-color: var(--ot-accent);
  box-shadow: inset 0 0 0 2px var(--ot-accent);
}

#pun .ot-shop-actions [role=status] {
  flex-basis: 100%;
  font: 11px/1.4 Arial,sans-serif;
}

.ot-shop-preview .ot-mini-plaque>span {
  flex: 1;
  max-width: 100%;
  text-align: center !important;
  text-align-last: center !important;
}

.ot-shop-preview .ot-mini-plaque strong {
  display: block;
  text-align: center !important;
  text-align-last: center !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ot-shop-preview .ot-mini-plaque>span>br {
  display: none;
}

#pun :is(.ot-shop-options,.ot-shop-cart) {
  min-width: 0;
  max-width: 100%;
}

.ot-live-shop:where(:not(#pun .ot-live-shop)) {
  display: grid;
}

#pun .ot-live-shop {
  align-items: start;
  grid-template-columns: 210px minmax(0,1fr) !important;
  gap: 12px !important;
  padding: 12px !important;
  display: grid;
}

#pun .ot-shop-preview {
  position: relative;
  isolation: isolate;
  align-self: start;
  max-width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  border-radius: 9px;
  color: var(--ot-author-text);
  width: 210px !important;
  padding: 10px !important;
  font: 12px/1.3 Arial,sans-serif !important;
  gap: 2px !important;
  background-color: var(--ot-author-base) !important;
  background-image: none;
}

#pun .ot-shop-preview::before {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  height: 165px !important;
  inset: -10px 0 auto !important;
  background-image: var(--ot-shop-cover) !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  -webkit-mask-image: linear-gradient(var(--ot-module-color-15) 55%,var(--ot-clear)) !important;
}

.ot-shop-preview {
  text-align: center;
}

#pun .ot-shop-preview>b,
#pun .ot-shop-title {
  max-width: 100%;
  overflow-wrap: anywhere;
  display: table;
  margin: 2px auto !important;
  padding: 2px 5px !important;
  background: var(--ot-v7-color-57) !important;
  color: var(--ot-v7-color-33) !important;
  border-radius: 3px !important;
  line-height: 1.25 !important;
}

#pun .ot-shop-avatar {
  border-radius: 5px;
  width: auto;
  height: auto;
  max-height: 293px;
  object-fit: contain;
  max-width: 100% !important;
  margin: 5px auto !important;
}

#pun .ot-shop-options details {
  padding: 5px 8px !important;
  margin: 0 0 5px !important;
}

#pun .ot-shop-options summary {
  font: 12px/1.3 Arial,sans-serif !important;
  padding: 4px !important;
}

#pun .ot-shop-options label {
  margin: 5px 0 !important;
  font: 12px/1.3 Arial,sans-serif !important;
}

#pun .ot-shop-options input:not([type=checkbox]) {
  padding: 5px 7px !important;
  min-height: 28px !important;
}

#pun .ot-shop-options textarea {
  height: 78px !important;
  min-height: 48px !important;
}

#pun .ot-shop-grid img {
  max-width: 100%;
  object-fit: contain;
  max-height: 42px !important;
}

#pun .ot-shop-lz {
  width: 100%;
  box-sizing: border-box;
  background: none;
  font-size: 11px;
  padding: 1px 0 !important;
}

#pun .ot-shop-lz .lz {
  justify-content: center;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) max-content max-content minmax(0,1fr) !important;
  background: none !important;
  color: var(--ot-ink) !important;
  gap: 0 !important;
  align-items: stretch !important;
}

#pun .ot-shop-lz .status-tribe,
#pun .ot-shop-lz .age-pers {
  grid-row: 1 !important;
  margin: 3px 0 0 !important;
  transform: none !important;
  background: var(--ot-inset-bg,var(--ot-v7-color-73)) !important;
  box-shadow: inset 0 2px 3px var(--ot-v7-color-74) !important;
  align-content: center !important;
}

#pun .ot-shop-lz .status-tribe {
  grid-column: 2 !important;
  color: var(--ot-ink) !important;
  font: 11px/1.3 Arial,sans-serif !important;
  padding: 6px 3px 6px 10px !important;
  border-radius: 5px 0 0 5px !important;
}

#pun .ot-shop-lz .age-pers {
  grid-column: 3 !important;
  color: var(--ot-ink) !important;
  font: 9px/1.3 Arial,sans-serif !important;
  padding: 4px 10px 8px 3px !important;
  border-radius: 0 5px 5px 0 !important;
}

#pun .ot-shop-lz .status-tribe a {
  color: inherit !important;
  text-decoration: none !important;
  border: 0 !important;
}

#pun .ot-shop-lz .lz-quote {
  flex-basis: 100%;
  overflow-wrap: anywhere;
  grid-column: 1/-1 !important;
  font-weight: 400 !important;
  grid-row: 2 !important;
  margin-top: 4px !important;
}

#pun .ot-shop-grid {
  grid-template-columns: repeat(auto-fill,52px) !important;
  justify-content: start !important;
  gap: 6px !important;
}

#pun .ot-shop-grid button {
  min-width: 0;
  width: 52px !important;
  height: 52px !important;
  aspect-ratio: 1 !important;
  padding: 0 !important;
  background: var(--ot-clear) !important;
  border-radius: 4px !important;
  overflow: hidden !important;
}

#pun .ot-shop-grid button img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  background: var(--ot-clear) !important;
}

#pun .ot-shop-grid button[data-slot="icon"] img {
  object-fit: contain !important;
}

#pun .ot-shop-preview .ot-mini-plaque:not(.ot-plaque-custom) {
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#pun .ot-shop-preview .ot-mini-plaque:not(.ot-plaque-custom)>span {
  background: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#pun .ot-shop-preview .ot-mini-plaque:not(.ot-plaque-custom)::before,
#pun .ot-shop-preview .ot-mini-plaque:not(.ot-plaque-custom)::after,
#pun .ot-shop-preview .ot-mini-plaque:not(.ot-plaque-custom)>span::before,
#pun .ot-shop-preview .ot-mini-plaque:not(.ot-plaque-custom)>span::after {
  content: none !important;
}

.ot-shop-avatar {
  display: block;
  max-width: 155px;
  max-height: 180px;
  margin: 10px auto;
}

.ot-shop-icon {
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.ot-shop-lz {
  padding: 8px;
  background: var(--ot-dossier-tile);
}

.ot-shop-options {
  min-width: 0;
  max-height: 480px;
  overflow: auto;
  scrollbar-width: thin;
}

.ot-shop-options label {
  display: block;
  margin: 8px 0;
}

.ot-shop-options input[type=url],
.ot-shop-options textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
}

.ot-shop-options summary {
  cursor: pointer;
  padding: 8px;
}

.ot-shop-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(65px,1fr));
  gap: 6px;
}

.ot-shop-grid button {
  padding: 3px;
}

.ot-shop-grid img {
  width: 100%;
  height: 65px;
  object-fit: cover;
}

.ot-shop-actions {
  grid-column: 1/-1;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

@media (prefers-reduced-motion:reduce) {
  #pun .ot-shop-actions button::after {
    transition: none;
  }
}

@media (max-width:700px) {
  #pun .ot-shop-actions {
    flex-wrap: wrap;
  }

  #pun .ot-shop-preview {
    top: auto;
    margin-inline: auto;
    width: 100% !important;
    max-width: 230px !important;
  }

  #pun .ot-live-shop {
    grid-template-columns: minmax(0,1fr) !important;
    display: grid;
  }
}

@media (max-width:600px) {
  .ot-shop-preview {
    margin: auto;
  }
}

/* 21-application-wardrobe.css */

.gen-form h2 {
  font: 600 16px/1.3 Arial,sans-serif !important;
  color: inherit !important;
  margin: 0 0 10px !important;
}

.gen-form label {
  display: block !important;
  font: 400 12px/1.3 Arial,sans-serif !important;
  color: inherit !important;
}

.gen-form input,
.gen-form textarea {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 28px !important;
  margin: 0 !important;
  padding: 5px 8px !important;
  border: 1px solid var(--ot-line,var(--ot-v7-color-50)) !important;
  border-radius: 3px !important;
  font: 12px/1.4 Arial,sans-serif !important;
}

.gen-form textarea {
  height: 65px !important;
  min-height: 48px !important;
  resize: vertical !important;
}

.gen-form button {
  margin: 10px 0 0 !important;
  padding: 7px 13px !important;
  background: var(--ot-accent,var(--ot-v7-color-52)) !important;
  color: var(--ot-paper,var(--ot-v7-color-53)) !important;
  font: 400 12px/1.3 Arial,sans-serif !important;
  border: 0 !important;
  border-radius: 4px !important;
}

.chr0 {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 780px !important;
  margin: 0 auto !important;
  padding: 16px !important;
  background: var(--ot-post-paper,var(--ot-v7-color-48)) !important;
  color: var(--ot-ink,var(--ot-v7-color-49)) !important;
  border: 1px solid var(--ot-line,var(--ot-v7-color-50)) !important;
  border-radius: 6px !important;
  font: 14px/1.55 Arial,sans-serif !important;
  box-shadow: none !important;
}

.chr0 .shpk1 {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin: 0 0 14px !important;
  padding: 10px !important;
  background: var(--ot-wash,var(--ot-v7-color-54)) !important;
  border-radius: 4px !important;
}

.chr0 .shpk1 img {
  width: 100px !important;
  height: 100px !important;
  object-fit: cover !important;
  border-radius: 4px !important;
  margin: 0 !important;
}

.chr0 .shpk1 ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  min-width: 0;
}

.chr0 .shpk1 li {
  font: 400 12px/1.45 Arial,sans-serif !important;
  color: inherit !important;
  margin: 2px 0 !important;
}

.chr0 .shpk1 li:first-child {
  font-size: 21px !important;
  font-weight: 600 !important;
}

.chr0 .epp {
  margin: 10px 0 !important;
  padding: 0 !important;
  background: none !important;
  color: inherit !important;
  font: inherit !important;
  text-align: justify !important;
}

.chr0 zag {
  display: block !important;
  padding: 7px 10px !important;
  margin: 0 0 8px !important;
  background: var(--ot-wash,var(--ot-v7-color-55)) !important;
  color: var(--ot-ink,var(--ot-v7-color-49)) !important;
  box-shadow: inset 0 1px 3px var(--ot-v7-color-56);
  font: 600 11px/1.4 Arial,sans-serif !important;
  letter-spacing: .1em;
  border-radius: 3px;
}

.chr0 em {
  font: inherit !important;
  color: inherit !important;
}

.chr0 summary,
.chr0 details p {
  background: var(--ot-wash,var(--ot-v7-color-54)) !important;
  color: inherit !important;
  font: inherit !important;
  padding: 8px 10px !important;
}

.ot-bank-approval {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0;
  padding: 8px 10px;
  background: var(--ot-wash);
  border: 1px solid var(--ot-line);
  border-radius: 4px;
  font: 12px/1.4 Arial,sans-serif;
}

.ot-bank-approval button {
  padding: 6px 12px !important;
  font: 12px Arial,sans-serif !important;
}

.ot-bank-approval [role=status] {
  max-width: 100%;
  overflow-wrap: anywhere;
}

@media (max-width:700px) {
  .chr0 {
    padding: 10px !important;
  }

  .chr0 .shpk1 img {
    width: 72px !important;
    height: 72px !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  .ot-design-credit {
    transition: none !important;
  }
}

#ot-hero>.activists .ot-writers-title {
  position: relative !important;
  isolation: isolate;
  align-self: center !important;
  width: max-content !important;
  max-width: 100% !important;
  padding: 3px 10px !important;
  line-height: 1.15 !important;
  letter-spacing: 1.5px !important;
  text-shadow: 0 1px 2px var(--ot-v7-color-44) !important;
}

#ot-hero>.activists .ot-writers-title::before {
  content: "" !important;
  position: absolute;
  inset: 0;
  z-index: -1;
  background: repeating-linear-gradient(169deg,var(--ot-clear) 0 4px,var(--ot-v7-color-45) 4px 5px,var(--ot-clear) 5px 9px),var(--ot-writer-scratch);
  clip-path: polygon(3% 12%,24% 4%,25% 11%,55% 0,71% 7%,96% 2%,92% 15%,100% 21%,96% 42%,100% 65%,94% 78%,97% 91%,73% 96%,61% 89%,38% 100%,18% 91%,0 96%,4% 74%,0 62%,5% 42%,0 27%);
}

.chr0 {
  min-width: 0 !important;
  opacity: 1 !important;
}

.chr0 .shpk1 li:nth-child(2),
.chr0 .epp>em,
.chr0 zag {
  opacity: 1 !important;
}

.gen-form {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 680px !important;
  margin: 0 auto !important;
  padding: 14px !important;
  background: var(--ot-post-paper,var(--ot-v7-color-48)) !important;
  color: var(--ot-ink,var(--ot-v7-color-49)) !important;
  border: 1px solid var(--ot-line,var(--ot-v7-color-50)) !important;
  border-radius: 6px !important;
  font: 12px/1.4 Arial,sans-serif !important;
  display: grid !important;
  grid-template-columns: minmax(120px,.38fr) minmax(0,1fr) !important;
  gap: 7px 12px !important;
  align-items: center !important;
}

.gen-form h2,
.gen-form button {
  grid-column: 1/-1 !important;
}

.gen-form label {
  margin: 0 !important;
  align-self: start !important;
  padding-top: 6px !important;
}

.gen-form button {
  justify-self: start !important;
}

@media (max-width:480px) {
  .gen-form {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 4px !important;
  }

  .gen-form label {
    padding-top: 4px !important;
  }
}

/* Кнопки покемонов в шапке. */

#ot-hero #ot-pokemon-actions {
  position: absolute !important;
  top: 92px !important;
  right: 12px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 40 !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  width: max-content !important;
  height: 32px !important;
  overflow: visible !important;
}

#ot-hero #ot-pokemon-actions>#ot-pokemon-settings {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  width: 32px !important;
  height: 32px !important;
  flex: 0 0 32px !important;
  z-index: 41 !important;
}

#ot-hero #ot-pokemon-settings>.pokemon-menu-btn {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  background: var(--ot-v7-color-58) !important;
  color: var(--ot-v7-color-59) !important;
  border: 1px solid var(--ot-v7-color-47) !important;
  border-radius: 50% !important;
  transform: none !important;
}

#ot-hero #ot-pokemon-settings>.pokemon-menu-btn:before,
#ot-hero #ot-pokemon-settings>.pokemon-menu-btn:after {
  display: none !important;
}

#ot-hero #pokemonMenuPanel {
  position: absolute !important;
  top: 39px !important;
  right: 0 !important;
  left: auto !important;
  z-index: 45 !important;
  width: 210px !important;
  max-width: calc(100vw - 40px) !important;
}

#ot-hero #ot-pokemon-actions button:disabled {
  opacity: .55 !important;
  cursor: wait;
}

/* Адаптация анкет и гардеробной. Сохранена действующая разметка. */

html[data-ot-theme="dark"] iframe.html_frame {
  color-scheme: dark !important;
}

html:not([data-ot-theme="dark"]) iframe.html_frame {
  color-scheme: light !important;
}

html:has(.gen-form,.chr0) {
  --ot-form-paper: var(--ot-v7-color-60);
  --ot-form-wash: var(--ot-v7-color-61);
  --ot-form-ink: var(--ot-v7-color-62);
  --ot-form-line: var(--ot-v7-color-63);
  --ot-form-field: var(--ot-v7-color-64);
}

@media (prefers-color-scheme:dark) {
  html:has(.gen-form,.chr0) {
    --ot-form-paper: var(--ot-v7-color-67);
    --ot-form-wash: var(--ot-v7-color-68);
    --ot-form-ink: var(--ot-v7-color-69);
    --ot-form-line: var(--ot-v7-color-70);
    --ot-form-field: var(--ot-v7-color-71);
    --ot-form-sample: var(--ot-v7-color-71);
    --ot-form-sample-ink: var(--ot-v7-color-72);
  }
}

.gen-form,
.chr0 {
  background: var(--ot-form-paper) !important;
  color: var(--ot-form-ink) !important;
  border-color: var(--ot-form-line) !important;
}

.gen-form h2,
.gen-form label {
  color: var(--ot-form-ink) !important;
}

.gen-form input,
.gen-form textarea {
  background: var(--ot-form-field) !important;
  color: var(--ot-form-ink) !important;
  border-color: var(--ot-form-line) !important;
}

.chr0 .shpk1,
.chr0 zag {
  background: var(--ot-form-wash) !important;
  color: var(--ot-form-ink) !important;
}

.chr0 .shpk1 ul,
.chr0 .shpk1 li {
  color: var(--ot-form-ink) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.chr0 details {
  margin: 14px 0 0 !important;
  padding: 0 !important;
  background: var(--ot-form-sample) !important;
  color: var(--ot-form-sample-ink) !important;
  border: 0 !important;
  border-radius: 5px !important;
  overflow: hidden;
}

.chr0 details summary {
  margin: 0 !important;
  padding: 9px 12px !important;
  background: var(--ot-clear) !important;
  color: inherit !important;
  border: 0 !important;
  font: 600 14px/1.45 Arial,sans-serif !important;
}

.chr0 details>p,
.chr0 details>.ot-sample {
  margin: 0 !important;
  padding: 12px 14px !important;
  background: var(--ot-clear) !important;
  color: inherit !important;
  border: 0 !important;
  font: 15px/1.65 Arial,sans-serif !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
}

.chr0 details summary::after,
.chr0 details>p::before {
  display: none !important;
}

.chr0 .ot-rich {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.chr0 .ot-rich p {
  margin: 0 0 .8em;
}

/* Редактор, банк и оформление принятия анкеты. */

html:has(.gen-form,.chr0) {
  background: var(--ot-form-paper) !important;
  --ot-form-sample: var(--ot-v7-color-61);
  --ot-form-sample-ink: var(--ot-v7-color-62);
}

@media (prefers-color-scheme:dark) {
  html:has(.gen-form,.chr0) {
    --ot-form-sample: var(--ot-v7-color-71);
    --ot-form-sample-ink: var(--ot-v7-color-72);
  }
}

.html-post-box,
.html-post-box .html-inner,
.html-post-box .html-content,
iframe.html_frame {
  background: var(--ot-clear) !important;
}

.ot-workflow-button,
#ot-bank-insert {
  padding: 7px 12px !important;
  margin: 5px 5px 5px 0 !important;
  border: 1px solid var(--ot-line,var(--ot-v7-color-75)) !important;
  border-radius: 4px !important;
  background: var(--ot-wash,var(--ot-v7-color-76)) !important;
  color: var(--ot-ink,var(--ot-v7-color-49)) !important;
  box-shadow: inset 0 2px 4px var(--ot-v7-color-77) !important;
  font: 600 12px/1.4 Arial,sans-serif !important;
  cursor: pointer;
}

.ot-workflow-button:disabled {
  opacity: .6;
  cursor: wait;
}

.ot-workflow-status {
  font: 12px/1.5 Arial,sans-serif;
  overflow-wrap: anywhere;
  margin: 5px 0;
  grid-column: 1/-1;
}

.gen-form .ot-workflow-button {
  color: var(--ot-form-ink) !important;
  background: var(--ot-form-wash) !important;
}

.gen-form>label:has(>input) {
  grid-column: 1/-1;
  display: grid !important;
  grid-template-columns: minmax(120px,.38fr) minmax(0,1fr);
  gap: 12px;
}

.ot-profile-auto {
  margin: 12px auto !important;
}

.ot-profile-auto>label {
  grid-column: 1/-1;
}

#pun-navlinks.ot-pokemon-docked {
  display: block !important;
  box-sizing: border-box !important;
  padding: 4px 124px 4px 18px !important;
  --ot-nav-height: 64px;
}

#pun-navlinks.ot-pokemon-docked>ul {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 9px !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 28px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

#pun-navlinks.ot-pokemon-docked #ot-top-subrow {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
}

#pun-navlinks.ot-pokemon-docked #pun-ulinks {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

#pun-navlinks.ot-pokemon-docked #pun-ulinks ul {
  justify-content: center !important;
  gap: 8px !important;
  min-height: 22px !important;
}

#pun-navlinks.ot-pokemon-docked.ot-tools-docked {
  padding-right: 230px !important;
  --ot-nav-height: 72px;
}

#pun-navlinks #ot-pokemon-actions {
  position: absolute !important;
  top: 5px !important;
  right: 10px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 65 !important;
  display: flex !important;
  gap: 4px !important;
  width: 104px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

#pun-navlinks #ot-pokemon-settings {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  z-index: 66 !important;
}

#pun-navlinks #ot-pokemon-actions button {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  padding: 4px !important;
  transform: none !important;
  border-radius: 50% !important;
  background: var(--ot-v7-color-58) !important;
  color: var(--ot-v7-color-59) !important;
  border: 1px solid var(--ot-v7-color-47) !important;
  visibility: visible !important;
}

#pun-navlinks #ot-pokemon-settings>.pokemon-menu-btn:before,
#pun-navlinks #ot-pokemon-settings>.pokemon-menu-btn:after {
  display: none !important;
}

#pun-navlinks #ot-pokemon-actions button img {
  width: 23px !important;
  height: 23px !important;
}

#pun-navlinks #pokemonMenuPanel {
  position: absolute !important;
  top: 39px !important;
  right: 0 !important;
  left: auto !important;
  z-index: 99 !important;
  width: 210px !important;
  max-width: calc(100vw - 30px) !important;
}

#pun-navlinks.ot-tools-docked #ot-controls-dock {
  position: absolute !important;
  display: block !important;
  top: 5px !important;
  right: 120px !important;
  width: 100px !important;
  height: 62px !important;
}

#pun-navlinks.ot-tools-docked #ot-controls {
  flex-shrink: 0;
  position: relative !important;
  display: flex !important;
  gap: 2px !important;
  width: 100px !important;
  padding: 0 !important;
  margin: 0 !important;
}

#pun-navlinks.ot-tools-docked #ot-controls :is(.ot-tool,.ot-theme-toggle) {
  box-sizing: border-box;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  flex: 0 0 32px !important;
  padding: 5px !important;
}

@media (max-width:760px) {
  #pun-navlinks.ot-pokemon-docked {
    padding: 3px 8px 38px !important;
    --ot-nav-height: 96px;
  }

  #pun-navlinks.ot-pokemon-docked>ul {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    gap: 10px !important;
  }

  #pun-navlinks.ot-pokemon-docked #pun-ulinks ul {
    overflow-x: auto !important;
    white-space: nowrap !important;
  }

  #pun-navlinks #ot-pokemon-actions {
    top: 58px !important;
    right: 10px !important;
  }

  #pun-navlinks.ot-pokemon-docked.ot-tools-docked {
    padding-right: 8px !important;
    --ot-nav-height: 130px;
  }

  #pun-navlinks.ot-tools-docked #ot-controls-dock {
    top: 58px !important;
  }

  .gen-form>label:has(>input) {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}

@media (min-width:761px) {
  #pun-navlinks.ot-pokemon-docked:not(.ot-tools-docked) {
    padding-left: 124px !important;
  }

  #pun-navlinks.ot-pokemon-docked.ot-tools-docked>ul {
    gap: 7px !important;
  }
}

/* Личный счёт — убрать пустые промежутки */

#pun-viewtopic #p510820-content > .html-post-box {
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

#pun-viewtopic #p510820-content > p:empty,
#pun-viewtopic #p510820-content > p:has(> br:only-child),
#pun-viewtopic #p510820-content > .post-sig:has(dd:empty) {
  display: none !important;
}

#topic-feed:has(> p.container:only-child > span:only-child) {
  display: none;
}

#pun-navlinks #navlogin {
  position: relative !important;
}

#pun-online {
  margin: 0;
  padding: 0;
}

#pun .post-content [style*="text-align: center"] {
  text-align-last: center;
}

/* Подчёркнутый текст [u] */

#pun .post-content em.bbuline,
#pun .bbuline {
  font-style: inherit !important;
  text-decoration: underline !important;
  text-decoration-line: underline !important;
  text-decoration-style: solid !important;
  text-underline-offset: 2px;
}

/* Выравнивание BB-кода [align=right] */

#pun .post-content [style*="text-align: right"] {
  text-align: right !important;
  text-align-last: right !important;
}

#pun .post-content>table:not([id]):not([class]),
#pun .post-content>.ot-table-scroll>table:not([id]):not([class]),
#pun .post-content .quote-box>blockquote>table:not([id]):not([class]),
#pun .post-content .quote-box>blockquote>.ot-table-scroll>table:not([id]):not([class]),
#pun .post-content>table:not([id]):not([class])>:is(thead,tbody,tfoot)>tr>:is(td,th),
#pun .post-content>.ot-table-scroll>table:not([id]):not([class])>:is(thead,tbody,tfoot)>tr>:is(td,th),
#pun .post-content .quote-box>blockquote>table:not([id]):not([class])>:is(thead,tbody,tfoot)>tr>:is(td,th),
#pun .post-content .quote-box>blockquote>.ot-table-scroll>table:not([id]):not([class])>:is(thead,tbody,tfoot)>tr>:is(td,th) {
  border-color: var(--ot-clear);
}

#pun .post-content .spoiler-box {
  padding: 0;
  border: 1px solid var(--ot-line);
  border-left: 3px solid var(--ot-accent);
}

#pun .post-content .spoiler-box>div:first-child {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  cursor: pointer;
  background: var(--ot-quote-compact);
  font: 600 12px/1.5 Arial,sans-serif;
}

#pun .post-content .spoiler-box>div:first-child::before {
  content: "";
  display: block;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  background: var(--ot-accent);
  -webkit-mask: var(--ot-star-icon) center/contain no-repeat;
  transform: rotate(0);
  transition: transform .55s cubic-bezier(.2,.7,.25,1);
}

#pun .post-content .spoiler-box>div.visible::before {
  transform: rotate(180deg);
}

#pun .post-content .spoiler-box>blockquote {
  display: none;
  margin: 0;
  padding: 14px 18px;
  border-top: 1px solid var(--ot-line);
}

#pun .post-content .spoiler-box>blockquote.visible {
  overflow: auto;
  display: block;
  animation: ot-drop .3s ease;
}

/* 22-responsive-profile-bbcode.css */

.post-content .code-box .legend a,
#pun .post-content .code-box .ot-copy {
  display: inline-block;
  width: auto;
  min-width: 0;
  margin: 0;
  border: 1px solid var(--ot-line);
  border-radius: 2px;
  background: var(--ot-paper-raised);
  color: var(--ot-accent);
  font: 600 11px/1.4 var(--ot-sans);
  text-decoration: none;
  cursor: pointer;
  padding: 3px 8px;
}

#pun .post-content .code-box .ot-copy:disabled {
  cursor: wait;
}

.ot-copy-buffer {
  position: fixed;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  pointer-events: none;
}

/* Пустая плашка в гардеробной не создаёт подложку под текстом. */

#ot-hero .activists[hidden] {
  display: none !important;
}

#ot-character-dialog .ot-plaque-text-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 10px 0;
}

#ot-character-dialog .ot-plaque-text-fields label {
  display: grid;
  gap: 4px;
  font-size: 11px;
  min-width: 0;
}

#ot-character-dialog .ot-plaque-text-fields input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  padding: 6px;
  font: inherit;
  color: inherit;
  background: var(--ot-v7-color-78);
  border: 1px solid var(--ot-v7-color-79);
  border-radius: 4px;
}

#ot-character-dialog .ot-plaque-text-fields p {
  grid-column: 1/-1;
  margin: 0;
}

#ot-character-dialog .ot-plaque-text-fields small {
  opacity: .65;
}

#pun .ot-author-tribe-name strong,
#pun .ot-author-tribe-name small,
#ot-character-dialog .ot-author-tribe-name strong,
#ot-character-dialog .ot-author-tribe-name small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#pun .post-content .code-box .scrollbox,
#pun .post-content .code-box>pre {
  max-height: 150px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: thin;
  scrollbar-color: var(--ot-v7-color-80) var(--ot-clear);
}

#pun .post-content .code-box pre,
#pun .post-content .code-box code {
  white-space: pre-wrap !important;
}

#pun .post-content .code-box .scrollbox pre {
  max-height: none !important;
  overflow: visible !important;
}

.code-box ::-webkit-scrollbar {
  width: 4px;
  height: 0;
}

.code-box ::-webkit-scrollbar-track {
  background: var(--ot-clear);
}

.code-box ::-webkit-scrollbar-thumb {
  background: var(--ot-v7-color-80);
}

#pun-profile #profilenav .profile-item-awards,
#pun-profile #profilenav li:has(a[href*="p=awards"]),
#pun-profile #viewprofile #pa-awards,
#pun-profile #viewprofile .pa-awards,
#pun-profile #viewprofile #pa-invites,
#pun-profile #viewprofile #pa-gifts,
#pun-profile .ot-empty-gifts {
  display: none !important;
}

#viewprofile #profile-right {
  width: auto;
  float: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  align-content: start;
  display: flex !important;
  flex-direction: column;
  gap: 6px;
  align-self: start;
  min-width: 0;
}

#viewprofile #profile-right>li {
  list-style: none;
  list-style-type: none;
  max-width: 100%;
  justify-content: center;
  min-width: 0;
  font: 11px/1.4 Arial,sans-serif;
  overflow-wrap: anywhere;
  align-items: center;
  margin: 0;
  border: 0;
  display: grid !important;
  grid-template-columns: 130px minmax(0,1fr);
  gap: 10px;
  width: 100%;
  min-height: 38px;
  padding: 8px 12px;
  box-sizing: border-box;
  order: 10;
  background: var(--ot-dossier-tile);
  border-radius: 5px;
}

#viewprofile #profile-right>li>span {
  font-size: 10px;
}

#viewprofile #profile-right>li>strong {
  font-size: 12px;
  min-width: 0;
}

#viewprofile #profile-right>#pa-fld1 {
  order: 1;
}

#viewprofile #profile-right>#pa-fld2 {
  order: 2;
}

#viewprofile #profile-right>#pa-fld5 {
  order: 3;
}

#viewprofile #profile-right>#pa-posts {
  order: 20;
}

#viewprofile #profile-right>#pa-email {
  order: 21;
}

#viewprofile #profile-right>li.ot-profile-gameposts {
  grid-template-columns: 130px 14px minmax(0,1fr);
}

#viewprofile #profile-right>li.ot-profile-gameposts>span {
  grid-column: auto;
}

#viewprofile #profile-right img {
  max-width: 24px;
  max-height: 24px;
  object-fit: contain;
}

#viewprofile #profile-signature {
  margin-top: 8px;
  padding: 8px;
}

#viewprofile #profile-left #profile-edit a,
#viewprofile #profile-left a[href*="section=essentials"] {
  align-items: center;
  justify-content: center;
  border: 0;
  text-decoration: none;
  display: inline-flex;
  padding: 7px 16px;
  margin: 5px;
  background: var(--ot-profile-edit-bg) !important;
  color: var(--ot-profile-edit-text) !important;
  border-radius: 5px;
  font: 600 11px/1.4 sans-serif;
  transition: .2s;
}

#viewprofile #profile-left #profile-edit a:hover,
#viewprofile #profile-left a[href*="section=essentials"]:hover {
  filter: brightness(1.12);
  transform: translateY(-1px);
}

#pun .lz-quote a.lz-link {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.autobank .bank-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.autobank .position {
  display: grid;
  grid-template-columns: minmax(0,1fr) 75px;
  gap: 5px;
  margin: 8px 0;
}

.autobank .position>span {
  grid-column: 1/-1;
}

.autobank input {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

.autobank .ot-bank-export {
  width: 100%;
  min-height: 120px;
}

.autobank #ot-bank-selected button {
  padding: 1px 6px;
}

@media (max-width:600px) {
  #viewprofile #profile-right>li {
    grid-template-columns: 105px minmax(0,1fr);
  }

  .autobank .bank-columns {
    grid-template-columns: 1fr;
  }
}

#ot-character-dialog .ot-mini-plaque:not(.ot-plaque-custom)>span {
  background: none !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  text-shadow: none !important;
}