/* Silver scrollwork inspired by the supplied in-game window corners. */
.ornate-frame{position:relative;isolation:isolate}
.frame-corner{position:absolute;display:block;width:105px;height:70px;background:url('/assets/corner-scroll.svg') top left/100% 100% no-repeat;pointer-events:none;user-select:none;z-index:1;opacity:.9}
.frame-tl{top:-2px;left:-2px}.frame-tr{top:-2px;right:-2px;transform:scaleX(-1)}.frame-bl{bottom:-2px;left:-2px;transform:scaleY(-1)}.frame-br{bottom:-2px;right:-2px;transform:scale(-1)}
header.ornate-frame{position:absolute;isolation:auto}header .frame-corner{width:79px;height:53px;opacity:.75;top:1px}header .frame-tl{left:1px}header .frame-tr{right:1px}
.start.ornate-frame{border:1px solid #a6bbc17d;box-shadow:inset 0 0 0 4px #1a42613d,inset 0 0 0 5px #b1bdc21f,0 5px 24px #17385535;max-width:1170px;margin:0 auto}
.news-card.ornate-frame{border-color:#9bb5c766;box-shadow:inset 0 0 0 3px #183a571c,0 7px 25px #132f4830}.news-card .frame-corner{width:69px;height:46px;opacity:.75}.news-category{margin-top:33px}.news-card:hover .frame-corner{opacity:1}
dialog.ornate-frame{position:fixed;isolation:isolate;border:1px solid #c2c8bf94;box-shadow:inset 0 0 0 4px #0c2d462d,inset 0 0 0 5px #b4c8ca33,0 30px 100px #0a1d32aa}dialog .frame-corner{width:91px;height:61px}.close{z-index:3;background:#204668d9;line-height:1.1;border-radius:2px}
.payment-shell.ornate-frame{border:1px solid #c2c8bf94;box-shadow:inset 0 0 0 4px #0c2d462d,inset 0 0 0 5px #b4c8ca33,0 12px 36px #102f4944}.payment-shell .frame-corner{width:101px;height:68px}
@media(max-width:900px){.start.ornate-frame{margin-inline:4%}}
@media(max-width:600px){header .frame-corner{width:43px;height:29px;opacity:.65}.frame-corner{width:75px;height:50px}.start.ornate-frame{margin-inline:5%;padding:52px 22px}.news-card .frame-corner{width:65px;height:43px}.payment-shell.ornate-frame{border:1px solid #c2c8bf94;padding:38px 27px}.payment-shell .frame-corner,dialog .frame-corner{width:77px;height:51px}.close{right:12px;top:12px}}
/* Three small flourishes punctuate the long horizontal rules. */
.ribbon,.section.news,footer{position:relative}
.ribbon::after,.section.news::before,footer::before{content:"";position:absolute;left:50%;width:190px;height:30px;transform:translateX(-50%);background:url('/assets/divider-scroll.svg') center/contain no-repeat;pointer-events:none;opacity:.62;z-index:1}
.ribbon::after{bottom:-15px}.section.news::before,footer::before{top:-15px}
footer::before{width:160px;opacity:.48}
@media(max-width:600px){.ribbon::after,.section.news::before{width:150px;opacity:.52}footer::before{width:135px;opacity:.42}}