.guild-art-link{position:relative;display:block;width:100%;border-radius:8px;cursor:default;isolation:isolate}
.guild-art-link>img{display:block}
.guild-art-link::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,transparent 58%,#08070990);opacity:0;transition:opacity .2s;pointer-events:none}
.guild-art-lens{position:absolute;right:12px;bottom:12px;width:64px;height:64px;z-index:1;opacity:0;transform:translateY(5px) rotate(-8deg);transition:opacity .2s,transform .2s;pointer-events:none;filter:drop-shadow(0 3px 6px #000b)}
.guild-overview .guild-art-lens img{display:block;width:64px;height:64px;border:0;border-radius:0;object-fit:contain}
.guild-art-link:is(:hover,:focus-visible)::after,.guild-art-link:is(:hover,:focus-visible) .guild-art-lens{opacity:1}
.guild-art-link:is(:hover,:focus-visible) .guild-art-lens{transform:none}
.guild-art-viewer{width:min(1120px,calc(100vw - 40px));height:calc(100dvh - 40px);max-width:none;max-height:none;padding:0;margin:auto;color:#eee8db;background:#131117;border:1px solid #b89b6266;border-radius:10px;box-shadow:0 24px 100px #0009;overflow:hidden}
.guild-art-viewer::backdrop{background:#08070bea;backdrop-filter:blur(6px)}
.guild-art-viewer[open]{display:flex;flex-direction:column}
.guild-art-toolbar{display:flex;align-items:center;gap:20px;padding:14px 20px;border-bottom:1px solid #b89b6235;flex:none}
.guild-art-viewer .guild-art-title{font:24px/1.15 var(--serif,Georgia,serif);margin:0;color:#e5c998}
.guild-art-controls{display:flex;align-items:center;gap:12px;margin-left:auto;flex-wrap:wrap}
.guild-art-viewer :is(button,select,a){font:14px/1.3 var(--sans,Arial,sans-serif)}
.guild-art-viewer select{max-width:180px;color:#e8ddc7;background:#211d23;border:1px solid #b89b6266;border-radius:4px;padding:10px;min-height:44px}
.guild-art-viewer a{color:#e2c28b;text-underline-offset:4px}
.guild-art-close{min-width:44px;min-height:44px;border:1px solid #b89b6255;border-radius:50%;background:transparent;color:#e8ddc7;cursor:pointer;font-size:28px!important;line-height:1!important}
.guild-art-viewer :is(button,select,a):focus-visible{outline:2px solid #e2c28b;outline-offset:3px}
.guild-art-stage{position:relative;min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;background:radial-gradient(ellipse at center,#29232c,#0c0b0e 80%);padding:20px}
.guild-art-stage>img{display:block;width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain;margin:auto;box-shadow:0 0 24px #0004;cursor:default}
.guild-art-stage>img:focus-visible{outline:2px solid #e2c28b;outline-offset:3px}
.guild-art-stage>img[hidden]{display:none}
.guild-art-stage[data-size="actual"]>img{width:802px;height:1457px;max-width:none;max-height:none;object-fit:initial}
.guild-art-status{position:absolute;inset:0;display:grid;place-content:center;padding:24px;text-align:center;color:#d8c6a6;pointer-events:none}
.guild-art-status:empty{display:none}
html.guild-art-open{overflow:hidden}
@media(hover:none){.guild-art-lens,.guild-art-link::after{opacity:1}.guild-art-lens{transform:none}}
@media(max-width:650px){.guild-art-link{width:160px}.guild-art-lens{right:7px;bottom:7px}.guild-art-viewer{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.guild-art-toolbar{gap:10px;padding:12px;flex-wrap:wrap}.guild-art-title{font-size:22px;flex:1}.guild-art-close{order:1}.guild-art-controls{order:2;width:100%;margin:0;justify-content:space-between;gap:8px}.guild-art-stage{padding:12px}}
@media(prefers-reduced-motion:reduce){.guild-art-link::after,.guild-art-lens{transition:none}}