.artimg{display: block;box-sizing: border-box;object-fit: cover;border-radius: 10px;background: #fff;pointer-events: none;user-select: none;-webkit-user-drag: none}[data-theme='dark'] .artimg--theme{background: transparent;filter: invert(1) brightness(1.05);mix-blend-mode: screen}.artimg--mark{position: absolute;background: transparent;border-radius: 0;opacity: .16;mix-blend-mode: multiply}[data-theme='dark'] .artimg--mark{opacity: .22;filter: invert(1) brightness(1.1);mix-blend-mode: screen}.empty .empty__art{width: 86px;height: 86px;margin: 0 auto 14px;border: 1px solid var(--c-border)}@media (max-width: 900px){body.page .empty .empty__art{width: 64px;height: 64px;margin-bottom: 10px;border-radius: 12px}}.pagehead{position: relative}.pagehead .pagehead__art{position: absolute;right: 18px;top: 50%;width: 132px;height: 132px;margin: 0;transform: translateY(-50%);border: 1px solid var(--c-border);opacity: .96}@media (max-width: 1200px){.pagehead .pagehead__art{display: none}}.pagehead .artcorner{position: absolute;top: 6px;right: 6px;color: var(--c-accent);opacity: .26;pointer-events: none}@media (max-width: 900px){.pagehead .artcorner{display: none}}.artdivider{display: block;width: 100%;height: 20px;color: var(--c-accent);opacity: .3;pointer-events: none}.hp-sec + .artdivider--sec{margin: 0 auto 4px;max-width: 520px}.artdivider-wrap{display: flex;justify-content: center;padding: 4px 0 6px}.artdivider-wrap .artdivider{max-width: 560px}@media (max-width: 900px){.artdivider-wrap{display: none}}.artfooter{display: block;width: 100%;height: 64px;color: var(--c-accent);opacity: .18;pointer-events: none}.footer{position: relative;overflow: hidden}.footer .footer__orn{position: absolute;left: 0;right: 0;bottom: -4px;height: 64px;pointer-events: none}.gamecard__art{right: 6px;bottom: 2px;width: 104px;height: 104px}.toolcard .toolrow__art{right: 10px;top: 50%;width: 92px;height: 92px;transform: translateY(-50%)}.hp-gcard .hp-gcard__art{right: 4px;top: 4px;width: 88px;height: 88px}.hp-tier__card{position: relative}.hp-tier__card .hp-tier__art{right: 10px;top: 10px;width: 72px;height: 72px}.authart{display: block;width: 100%;max-width: 260px;height: auto;margin: 0 auto;border-radius: 16px;border: 1px solid var(--c-border);background: #fff}[data-theme='dark'] .authart{background: transparent;filter: invert(1) brightness(1.05);mix-blend-mode: screen}.authpage{position: relative}.authart--side{display: none;position: absolute;top: 50%;right: max(24px,calc((100vw - 1120px) / 2));width: 260px;height: 260px;max-width: none;transform: translateY(-50%);border-radius: 18px;border: 1px solid var(--c-border);background: #fff;opacity: .95}@media (min-width: 1200px){.authart--side{display: block}}[data-theme='dark'] .authart--side{background: transparent;filter: invert(1) brightness(1.05);mix-blend-mode: screen}.authart-side{display: none}@media (min-width: 900px){.authart-side{display: block;padding: 8px 0 8px 24px}}.statusart{width: 120px;height: 120px;margin: 0 auto 16px;border: 1px solid var(--c-border)}@media (max-width: 900px){.statusart{width: 96px;height: 96px;margin-bottom: 12px}}.panel__art{float: right;width: 96px;height: 96px;margin: 0 0 10px 14px;border: 1px solid var(--c-border)}@media (max-width: 900px){.panel__art{display: none}}.rolebadge__art{width: 22px;height: 22px;margin-right: 6px;vertical-align: -5px;border-radius: 6px}.mbti-res__art{width: 120px;height: 120px;margin: 0 auto 12px;border: 1px solid var(--c-border)}.ai__empty-art{width: 96px;height: 96px;margin: 0 auto 14px;border: 1px solid var(--c-border);border-radius: 16px}.artpattern{pointer-events: none}body.page::before{content: '';position: fixed;inset: 0;z-index: -1;pointer-events: none;background-color: var(--c-accent);opacity: .035;-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg fill='none' stroke='black' stroke-width='1'%3E%3Cpath d='M0 60h120M60 0v120' stroke-dasharray='1 7'/%3E%3Ccircle cx='60' cy='60' r='2.2'/%3E%3C/g%3E%3C/svg%3E");mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg fill='none' stroke='black' stroke-width='1'%3E%3Cpath d='M0 60h120M60 0v120' stroke-dasharray='1 7'/%3E%3Ccircle cx='60' cy='60' r='2.2'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-size: 120px 120px;mask-size: 120px 120px}.hp-sec--wash{position: relative}.hp-sec--wash::before{content: '';position: absolute;inset: 0;pointer-events: none;background-color: var(--c-accent);opacity: .03;-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath d='M0 20c10-8 20-8 30 0s20 8 30 0 20-8 30 0' fill='none' stroke='black' stroke-width='1.4'/%3E%3Cpath d='M0 50c10-8 20-8 30 0s20 8 30 0 20-8 30 0' fill='none' stroke='black' stroke-width='1.4'/%3E%3C/svg%3E");mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cpath d='M0 20c10-8 20-8 30 0s20 8 30 0 20-8 30 0' fill='none' stroke='black' stroke-width='1.4'/%3E%3Cpath d='M0 50c10-8 20-8 30 0s20 8 30 0 20-8 30 0' fill='none' stroke='black' stroke-width='1.4'/%3E%3C/svg%3E");-webkit-mask-size: 80px 80px;mask-size: 80px 80px}.footer{position: relative}.footer::before{content: '';position: absolute;inset: 0;pointer-events: none;background-color: var(--c-accent);opacity: .04;-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M0 24L24 0' stroke='black' stroke-width='1'/%3E%3C/svg%3E");mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M0 24L24 0' stroke='black' stroke-width='1'/%3E%3C/svg%3E");-webkit-mask-size: 24px 24px;mask-size: 24px 24px}.panel--grid{position: relative}.panel--grid::before{content: '';position: absolute;inset: 0;pointer-events: none;background-color: var(--c-accent);opacity: .035;-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M32 0H0v32' fill='none' stroke='black' stroke-width='1'/%3E%3C/svg%3E");mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M32 0H0v32' fill='none' stroke='black' stroke-width='1'/%3E%3C/svg%3E");-webkit-mask-size: 32px 32px;mask-size: 32px 32px}.artimg,.artmotif,.artcorner,.artdivider,.artfooter{pointer-events: none}