/* Original Relief166 game frame. The source's 155px corners are never stretched
   with the edges: CSS nine-slice retains them at 24px on every viewport. */
.forest-frame{padding:15px 15px 0}
.forest-frame:before{
  content:'';position:absolute;inset:0 0 64px;z-index:1;pointer-events:none;
  border:24px solid transparent;
  border-image:url(assets/frame-relief.webp) 155 / 24px / 0 stretch;
  opacity:.74;
}
.forest-frame figcaption{min-height:64px;padding:20px 6px;line-height:1.3;gap:12px}
.forest-frame figcaption>span:first-child,
.ornament{
  display:inline-block;flex:0 0 auto;width:18px;height:30px;
  font-size:0!important;line-height:0;
  background:url(assets/ornament-emerald.webp) center / contain no-repeat;
  vertical-align:middle;
}
.closing .ornament{width:24px;height:40px;margin:0 auto 24px;display:block}
.fishing-overlay .ornament{width:21px;height:35px;margin-bottom:18px}
.gallery-grid figure{position:relative}
.gallery-grid figure:before{
  content:'';position:absolute;inset:-5px -5px 51px;z-index:1;
  border:19px solid transparent;
  border-image:url(assets/frame-relief.webp) 155 / 19px / 0 stretch;
  opacity:.6;pointer-events:none;
}
.gallery-grid figcaption{min-height:56px;line-height:1.3}
.forest-frame:before,.gallery-grid figure:before{display:none}
.forest-media,.gallery-media{position:relative}
.forest-media:after,.gallery-media:after{content:'';position:absolute;z-index:1;pointer-events:none;border:24px solid transparent;border-image:url(assets/frame-relief.webp) 155 / 24px / 0 stretch;opacity:.74;inset:-15px}
.gallery-media:after{inset:-5px;border-width:19px;border-image-width:19px;opacity:.6}
.mechanics article{border-color:transparent!important}
.mechanics article:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;border:14px solid transparent;border-image:url(assets/frame-relief.webp) 155 / 14px / 0 stretch;opacity:.46}
dialog{border:14px solid transparent;border-image:url(assets/frame-relief.webp) 155 / 14px / 0 stretch}
@media(max-width:650px){
  .forest-media:after{border-width:21px;border-image-width:21px}
  .gallery-media:after{border-width:16px;border-image-width:16px}
  .forest-frame:before{border-width:21px;border-image-width:21px}
  .forest-frame figcaption{font-size:15px}
  .gallery-grid figure:before{border-width:16px;border-image-width:16px}
  .gallery-grid figcaption{min-height:56px;line-height:1.3;padding:15px 0}
}