/* Quatro ornamentos independentes. Os cantos nunca acompanham a proporção do painel. */
.encantos-game .welcome-illustration,
.encantos-game .scene-panel,
.encantos-game .objectives-panel,
.encantos-game .powers-panel,
.petiscos-game .play-panel,
.petiscos-game .powers-panel,
.gardens-world .ornate-panel,
.gardens-world .garden-frame17{
 --frame-size:24px;--frame-inset:4px;
 position:relative;isolation:isolate;border-radius:19px
}
.encantos-game .welcome-illustration::before,
.encantos-game .scene-panel::before,
.encantos-game .objectives-panel::before,
.encantos-game .powers-panel::before,
.petiscos-game .play-panel::before,
.petiscos-game .powers-panel::before,
.gardens-world .ornate-panel::before,
.gardens-world .garden-frame17::before{
 content:'';position:absolute;top:var(--frame-inset);right:var(--frame-inset);bottom:var(--frame-inset);left:var(--frame-inset);border:1px solid #ffe8cd2d;border-image:none;
 background:url('ui/canto-lunar-1.svg') left top/var(--frame-size) var(--frame-size) no-repeat,
 url('ui/canto-lunar-2.svg') right top/var(--frame-size) var(--frame-size) no-repeat,
 url('ui/canto-lunar-3.svg') right bottom/var(--frame-size) var(--frame-size) no-repeat,
 url('ui/canto-lunar-4.svg') left bottom/var(--frame-size) var(--frame-size) no-repeat;
 border-radius:14px;opacity:.66;z-index:-1;pointer-events:none
}
.encantos-game .scene-panel{--frame-size:19px;--frame-inset:3px;padding:12px}
.encantos-game .scene-panel .viewport{border-radius:12px}
.petiscos-game .play-panel{--frame-size:20px;padding:10px}
.gardens-world .ornate-panel::before,
.gardens-world .garden-frame17::before{
 border-color:#729c8f65;opacity:.62;filter:sepia(.2) saturate(.7) hue-rotate(82deg) brightness(.79)
}
.gardens-world .garden-frame17{--frame-size:20px;--frame-inset:3px;padding:12px;box-shadow:inset 0 0 0 1px #fffbf2,0 9px 30px #12373839}
.gardens-world .garden-frame17::after{display:none}
@media(max-width:560px){
 .encantos-game .scene-panel,.petiscos-game .play-panel,.gardens-world .garden-frame17{--frame-size:17px;padding:8px}
 .encantos-game .objectives-panel,
.encantos-game .powers-panel,.petiscos-game .powers-panel{--frame-size:18px}
}
