.page-frame{position:relative;width:fit-content;max-width:100%;margin:auto;background:#111513;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.56)}
.page-frame #page-image{box-shadow:none;transition:opacity .28s ease,filter .28s ease}
.page-loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:linear-gradient(110deg,#101412 28%,#1c211d 42%,#101412 56%);background-size:260% 100%;color:#a59770;opacity:0;visibility:hidden;transition:opacity .18s;pointer-events:none;animation:comic-shimmer 1.35s linear infinite}
.page-loader span{width:30px;height:30px;border:1px solid #766536;border-top-color:#d0ad59;border-radius:50%;animation:comic-spin .8s linear infinite}
.page-loader strong{font:9px monospace;letter-spacing:.14em;text-transform:uppercase}
.page.loading .page-loader{opacity:1;visibility:visible}.page.loading #page-image{opacity:.18;filter:blur(2px)}
@keyframes comic-spin{to{transform:rotate(360deg)}}@keyframes comic-shimmer{to{background-position:-260% 0}}
@media(prefers-reduced-motion:reduce){.page-loader,.page-loader span{animation:none}.page-frame #page-image{transition:none}}
@media(max-width:700px){.page-frame{width:100%}}