.subpage{--ornament:#bc8f4694;--ornament-soft:#bc8f4638;isolation:isolate;background-color:#050405}.subpage-wall{z-index:-1;pointer-events:none;background:linear-gradient(#03030557,#03030594),url(/assets/character/fixed-suit-pattern-v1.webp) 50%/cover no-repeat;height:100lvh;position:fixed;inset:0 0 auto}.subpage:before,.subpage:after{content:"";z-index:45;pointer-events:none;opacity:.76;background:linear-gradient(90deg,#0000,#ddb56480,#0000) 4px 0/1px 100% no-repeat,linear-gradient(90deg,#0000,#ddb56447,#0000) 13px 0/1px 100% no-repeat,repeating-linear-gradient(#0000 0 15px,#9e70356b 15px 16px,#040506e6 16px 28px);border-inline:1px solid #8e65305c;width:18px;position:fixed;top:68px;bottom:0;box-shadow:0 0 18px #000000c7}.subpage:before{left:10px}.subpage:after{right:10px;transform:scaleX(-1)}.subpage .subpage-hero{border-bottom:1px solid #b98c4580;box-shadow:inset 0 -7px #0000008a,inset 0 -8px #b98c4529}.subpage .subpage-hero:after{border-color:#cc9e5061;box-shadow:inset 0 0 0 5px #03040585,inset 0 0 0 6px #b4864224,0 0 24px #00000070}.subpage .section-heading i{background:linear-gradient(90deg,#0000,#cca45bd1 15% 85%,#0000);position:relative;overflow:visible}.subpage .section-heading i:after{content:"";background:#0c090b;border:1px solid #e7c277c7;width:7px;height:7px;position:absolute;top:50%;right:-3px;transform:translateY(-50%)rotate(45deg)}.subpage .section-heading i:first-of-type:after{left:-3px;right:auto}.subpage .subpage-section{background:linear-gradient(90deg,#0000,#a575372e 50%,#0000) top/min(820px,76%) 1px no-repeat}.subpage .subpage-section:not(.subpage-section--tight):before{content:"";background:#090708;border:1px solid #dcb160ad;width:8px;height:8px;position:absolute;top:-4px;left:50%;transform:translate(-50%)rotate(45deg)}.subpage .subpage-section-title{align-items:center;gap:13px;display:flex}.subpage .subpage-section-title:before{content:"";background:#643e1957;border:1px solid #dbb060b8;flex:0 0 8px;width:8px;height:8px;transform:rotate(45deg)}.subpage .subpage-section-title:after{content:"";background:linear-gradient(90deg,#ca9c4e94,#0000);flex:80px;max-width:220px;height:1px}.subpage :is(.cast-toc,.play-toc,.night-toc,.folio-nav){background:linear-gradient(#030405db,#070608f0),url(/assets/ui/subpage-surface-v1.webp) 50% 56%/760px;border-top:1px solid #a87b3a3d;border-bottom:1px solid #c1924775;gap:0;padding-block:12px 14px;box-shadow:inset 0 4px #00000075,inset 0 -4px #00000075,0 8px 26px #0000006b}.subpage :is(.cast-toc,.play-toc,.night-toc) a,.subpage .folio-nav-btn{padding-inline:22px;position:relative}.subpage :is(.cast-toc,.play-toc,.night-toc) a+a:before,.subpage .folio-nav-btn+.folio-nav-btn:before{content:"";border:1px solid #ab7f3e85;width:5px;height:5px;position:absolute;top:50%;left:-3px;transform:translateY(-50%)rotate(45deg)}.subpage :is(.profile,.visitor,.lore-figure,.folio-apex,.folio-tile,.tier-cards>li,.night-card,.preset-list li,.rule-chips li,.codex-card,.codex-system article,.opening-art){background-color:#070708;background-image:linear-gradient(#050507cc,#080608e6),url(/assets/ui/subpage-surface-v1.webp);background-size:auto,760px;border-color:#c2944a94;box-shadow:inset 0 0 0 4px #030304eb,inset 0 0 0 5px #bd8d4433,0 20px 42px #00000094}.subpage :is(.lore-figure,.opening-art,.profile-figure,.folio-apex-art,.folio-tile,.night-card-art,.codex-art) img{filter:saturate(.84)contrast(1.04)brightness(.9)}.subpage :is(.news-page-section,.document-section){isolation:isolate;box-shadow:none;background:0 0}.subpage :is(.news-page-section,.document-section):before{content:"";z-index:0;background:repeating-linear-gradient(90deg,#0000 0 29px,#6345220b 29px 30px),linear-gradient(90deg,#d8c9ad,#f1e7d4 50%,#d4c4a6);border:1px solid #765323c7;width:min(1040px,100% - 48px);position:absolute;top:28px;bottom:28px;left:50%;transform:translate(-50%);box-shadow:inset 22px 0 34px #422b141a,inset -22px 0 34px #422b141a,inset 0 7px #4a30141f,0 22px 44px #00000085}.subpage :is(.news-page-section,.document-section)>*{z-index:1;position:relative}.subpage :is(.news-row,.document,.contact-topics article){border-color:#765323;box-shadow:inset 0 0 0 4px #fff9e461,inset 0 0 0 5px #68481f2e,0 8px 20px #3d28112e}.subpage .subpage-footer{border-top-color:#c6964c70;position:relative;box-shadow:inset 0 4px #000000a3}.subpage .subpage-footer:before{content:"";background:#070708;border:1px solid #daae5fb3;width:7px;height:7px;position:absolute;top:-4px;left:50%;transform:translate(-50%)rotate(45deg)}@media (max-width:900px){.subpage:before,.subpage:after{opacity:.48;width:10px}.subpage:before{left:2px}.subpage:after{right:2px}}@media (max-width:680px){.subpage-wall{background:linear-gradient(#0303053d,#03030580),url(/assets/character/fixed-suit-pattern-sp-v1.webp) 50%/cover no-repeat}.subpage:before,.subpage:after{display:none}.subpage .subpage-hero:after{box-shadow:inset 0 0 0 3px #03040580,inset 0 0 0 4px #b4864224}.subpage .subpage-section-title{gap:10px}.subpage .subpage-section-title:after{min-width:24px}.subpage :is(.cast-toc,.play-toc,.night-toc,.folio-nav){justify-content:flex-start;padding-inline:8px}.subpage :is(.cast-toc,.play-toc,.night-toc) a,.subpage .folio-nav-btn{padding-inline:16px}.subpage .gothic-btn{width:min(100%,300px)}.subpage :is(.news-page-section,.document-section):before{width:calc(100% - 16px);top:12px;bottom:12px}}@media (prefers-reduced-motion:reduce){.subpage .gothic-btn{transition-duration:.01ms}}