/* 🎨 Интерфейс «Треш Пивозавра» в стиле Kenney UI Pack: RPG Expansion (CC0, www.kenney.nl):
   деревянные рамки с гвоздиками, вставки-секции, кнопки с нажатием, полоски-шкалы. Картинки — /guild/assets/kui-*.png */

/* ── окна в игре: карточка здания, больница, «Мой дом» и т.п. ── */
html body .pzw-card, html body .pzw-bcard {   /* светлая деревянная рамка с гвоздиками вокруг тёмного окна */
  border: 16px solid transparent !important; border-radius: 0 !important;
  border-image: url(/guild/assets/kui-frame.png) 26 / 16px stretch !important;
  background: radial-gradient(ellipse at top, #33231a, #1b130c 70%) padding-box !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, .6) !important; padding: 8px 10px !important;
}
html body .pzw-card h4, html body .pzw-bcard h4 { color: #ffe08a !important; text-shadow: 0 2px 0 #2a1808, 0 0 6px rgba(0, 0, 0, .6); }
html body .pzw-card .x {
  width: 30px !important; height: 32px !important; border-radius: 50% !important; font-size: 0 !important; color: transparent !important;
  background: url(/guild/assets/kui-x.png) center / contain no-repeat !important; right: -6px !important; top: -8px !important; filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .5));
}
html body .pzw-card .x:hover { filter: brightness(1.15) drop-shadow(0 2px 2px rgba(0, 0, 0, .5)); }

/* секции-вкладки внутри окна */
html body .pzs {
  border: 1px solid rgba(255, 210, 122, .22) !important; border-radius: 8px !important; background: rgba(0, 0, 0, .28) !important; margin: 6px 0 !important;
}
html body .pzs > summary { padding: 4px 4px 6px !important; }

/* кнопки действий: коричневая деревянная — обычное, красная — дерзкое (налёт, хулиганы, захват) */
html body .pzw-card .go, html body .pzw .go, html body button.go {
  border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important;
  border-style: solid !important; border-width: 9px 10px 12px !important; border-color: transparent !important;
  border-image: url(/guild/assets/kui-btn2.png) 18 20 24 fill / 9px 10px 12px stretch !important;
  color: #fff3d6 !important; text-shadow: 0 1px 2px #2a1808 !important; font-weight: 900 !important; padding: 3px 8px !important; min-height: 44px;
  transition: filter .12s, translate .08s !important;
}
html body .pzw-card .go:hover:not(:disabled), html body button.go:hover:not(:disabled) { filter: brightness(1.08); translate: 0 -1px; }
html body .pzw-card .go:active:not(:disabled), html body button.go:active:not(:disabled) {
  border-width: 9px 10px 9px !important; border-image: url(/guild/assets/kui-btn2-p.png) 18 20 18 fill / 9px 10px 9px stretch !important; translate: 0 3px;
}
html body .pzw-card .go.alt, html body button.go.alt {
  border-image: url(/guild/assets/kui-btn-red.png) 18 20 24 fill / 9px 10px 12px stretch !important;
}
html body .pzw-card .go.alt:active:not(:disabled), html body button.go.alt:active:not(:disabled) { border-image: url(/guild/assets/kui-btn-red-p.png) 18 20 18 fill / 9px 10px 9px stretch !important; }
html body .go.hq { border-image: url(/guild/assets/kui-btn-green.png) 18 20 24 fill / 9px 10px 12px stretch !important; font-size: 15px !important; min-height: 52px; animation: kuiGlow 1.6s ease-in-out infinite; }
html body .go.hq:active:not(:disabled) { border-image: url(/guild/assets/kui-btn-green-p.png) 18 20 18 fill / 9px 10px 9px stretch !important; }
@keyframes kuiGlow { 0%, 100% { filter: drop-shadow(0 0 0 rgba(140, 255, 120, 0)); } 50% { filter: drop-shadow(0 0 8px rgba(140, 255, 120, .75)); } }
html body .pzw-card .go:disabled, html body button.go:disabled { filter: grayscale(.85) brightness(.75); cursor: not-allowed; }

/* шкалы: касса, интерес полиции, стройка */
html body .hm-bar {
  height: 22px !important; border: 0 !important; border-radius: 0 !important; background: none !important; overflow: visible !important;
  border-style: solid !important; border-width: 0 9px !important; border-color: transparent !important;
  border-image: url(/guild/assets/kui-bar-back.png) 0 18 fill / 0 9px stretch !important;
}
html body .hm-bar em {
  inset: 2px auto 2px -7px !important; min-width: 18px; max-width: calc(100% + 14px);
  background: none !important; border-style: solid; border-width: 0 8px; border-color: transparent;
  border-image: url(/guild/assets/kui-bar-yellow.png) 0 18 fill / 0 8px stretch;
}
html body .hm-bar.pol em { border-image-source: url(/guild/assets/kui-bar-blue.png); }
html body .hm-bar s { font-size: 11.5px !important; line-height: 22px !important; }

/* вкладки-иконки в карточке здания и плитки */
html body .hp-ic {
  border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important;
  border-style: solid !important; border-width: 8px 8px 10px !important; border-color: transparent !important;
  border-image: url(/guild/assets/kui-sq.png) 16 16 20 fill / 8px 8px 10px stretch !important; width: 46px !important; height: 48px !important;
}
html body .hp-ic.on, html body .hp-ic[aria-selected="true"] { border-image-source: url(/guild/assets/kui-sq-on.png) !important; }
html body .hm-mode, html body .hm-t, html body .hq-fam div {
  border: 10px solid transparent !important; border-radius: 0 !important; background: none !important;
  border-image: url(/guild/assets/kui-inset.png) 20 fill / 10px stretch !important;
}
html body .hm-mode.on { border-image-source: url(/guild/assets/kui-panel.png) !important; box-shadow: none !important; filter: brightness(1.35) saturate(1.2); }
html body .hm-pol, html body .hm-kid { border: 10px solid transparent !important; border-radius: 0 !important; background: none !important; border-image: url(/guild/assets/kui-inset.png) 20 fill / 10px stretch !important; }

/* ── нижняя панель в игре: кнопки-квадраты ── */
html body .pp-row button {
  border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important;
  border-style: solid !important; border-width: 9px 9px 12px !important; border-color: transparent !important;
  border-image: url(/guild/assets/kui-sq.png) 18 18 24 fill / 9px 9px 12px stretch !important;
  padding: 0 4px !important; transition: filter .12s, translate .08s;
}
html body .pp-row button:hover { filter: brightness(1.18); translate: 0 -1px; }
html body .pp-row button:active { border-width: 9px 9px 9px !important; border-image: url(/guild/assets/kui-sq-p.png) 18 fill / 9px stretch !important; translate: 0 3px; }
html body .pp-row button.on { border-image-source: url(/guild/assets/kui-sq-on.png) !important; }
html body .pp-row button.on .pp-tx { color: #3b2410 !important; text-shadow: 0 1px 0 rgba(255, 245, 220, .6) !important; }
html body .pp-play { border-image-source: url(/guild/assets/kui-btn2.png) !important; filter: hue-rotate(60deg) saturate(1.4); }
html body .pp-mid, html body .pp-me, html body .pp-map {
  border: 6px solid transparent !important; border-radius: 0 !important;
  border-image: url(/guild/assets/kui-panel.png) 24 fill / 6px stretch !important; background: none !important;
}
html body .pp-mid { padding: 2px 4px !important; }
html body .pp-map { border-image-source: url(/guild/assets/kui-inset.png) !important; }

/* ── страница игры на сайте ── */
html body .pz-box, html body .pz-howto, html body .pz-patches, html body .pu-box {
  border: 16px solid transparent !important; border-radius: 0 !important;
  border-image: url(/guild/assets/kui-frame.png) 26 / 16px stretch !important; background: radial-gradient(ellipse at top, rgba(51, 35, 26, .92), rgba(20, 14, 9, .94) 70%) padding-box !important;
}
html body .pz-patch > summary, html body .pz-guide > summary, html body .pu-v {
  border: 1px solid rgba(255, 210, 122, .25) !important; border-radius: 8px !important; background: rgba(0, 0, 0, .3) !important;
}
html body .pz-btn {
  border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important;
  border-style: solid !important; border-width: 9px 10px 12px !important; border-color: transparent !important;
  border-image: url(/guild/assets/kui-btn2.png) 18 20 24 fill / 9px 10px 12px stretch !important; color: #fff3d6 !important; text-shadow: 0 1px 1px #2a1808;
  transition: filter .12s, translate .08s;
}
html body .pz-btn:hover:not(:disabled) { filter: brightness(1.12); translate: 0 -1px; }
html body .pz-btn:active:not(:disabled) { border-width: 9px 10px 9px !important; border-image: url(/guild/assets/kui-btn2-p.png) 18 20 18 fill / 9px 10px 9px stretch !important; translate: 0 3px; }
html body .pz-btn.pri { border-image-source: url(/guild/assets/kui-btn.png) !important; color: #3b2410 !important; text-shadow: 0 1px 0 rgba(255, 245, 220, .6); }
html body .pz-btn.pri:active:not(:disabled) { border-image-source: url(/guild/assets/kui-btn-p.png) !important; }
html body .pz-btn:disabled { filter: grayscale(.8) brightness(.75); }
html body .pz-tabs button {
  border-style: solid !important; border-width: 8px 9px 11px !important; border-color: transparent !important; border-radius: 0 !important;
  border-image: url(/guild/assets/kui-sq.png) 16 18 22 fill / 8px 9px 11px stretch !important; background: none !important;
  color: #ffe7a3 !important; padding: 2px 8px !important; margin: 0 2px 4px;
}
html body .pz-tabs button:hover { filter: brightness(1.15); }
html body .pz-tabs button.on { border-image-source: url(/guild/assets/kui-sq-on.png) !important; color: #3b2410 !important; }
html body .pz-tabs { border-bottom: 0 !important; }
@media (max-width: 640px) {   /* 📱 вкладки на телефоне: рамка тоньше по бокам — названия влезают целиком */
  html body .pz-tabs button { border-width: 7px 5px 10px !important; border-image-width: 7px 5px 10px !important; padding: 2px 1px !important; margin: 0 0 2px; letter-spacing: -.3px; }
  html body .pz-tabs button .dot { top: 0; right: 0; width: 8px; height: 8px; }   /* точка-уведомление внутри вкладки, не срезается */
  html body .pz-items { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }   /* 🛒 магазин и лавки: две колонки вместо одной длинной ленты */
  html body .pz-item { padding: 10px 7px; font-size: 12.5px; }
  html body .pz-item .e { font-size: 34px; }
  html body .pz-item .pz-btn { border-width: 6px 7px 8px !important; border-image-width: 6px 7px 8px !important; padding: 3px 2px !important; margin-top: 5px; font-size: 12.5px; min-height: 0; width: 100%; }
}
html body .pz-bar .t {
  height: 20px !important; border-radius: 0 !important; background: none !important; overflow: visible !important;
  border-style: solid; border-width: 0 9px; border-color: transparent; border-image: url(/guild/assets/kui-bar-back.png) 0 18 fill / 0 9px stretch; position: relative;
}
html body .pz-bar .t i {
  height: 16px !important; margin: 2px 0 0 -7px; border-radius: 0 !important; background: none !important; min-width: 16px;
  border-style: solid; border-width: 0 8px; border-color: transparent; border-image: url(/guild/assets/kui-bar-green.png) 0 18 fill / 0 8px stretch;
}
html body .pz-bar .t i.mid { border-image-source: url(/guild/assets/kui-bar-yellow.png); }
html body .pz-bar .t i.low { border-image-source: url(/guild/assets/kui-bar-red.png); }
html body .pz-bar .t i.en { border-image-source: url(/guild/assets/kui-bar-blue.png); }
html body .pu-nav a, html body .pu-nav span {
  border-style: solid !important; border-width: 8px 9px 11px !important; border-color: transparent !important; border-radius: 0 !important; background: none !important;
  border-image: url(/guild/assets/kui-sq.png) 16 18 22 fill / 8px 9px 11px stretch !important; padding: 0 6px !important;
}
html body .pu-nav span.on { border-image-source: url(/guild/assets/kui-sq-on.png) !important; color: #3b2410 !important; }

@media(max-width:760px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{font-size:16px!important}}   /* 📱 iPhone не приближает страницу при касании поля (нужно ≥16 px) */