/* figura das paginas da wiki: modelo 3D ou imagem a direita da ficha; no celular, centrada em cima */
.wk-3d,.wk-img{float:right;margin:0 0 18px 28px}
.wk-3d{width:340px;max-width:44%}
.wk-3d-it{width:240px}
.wk-3d-ent{width:200px}
/* palco: uma luz fraca atras do modelo e a sombra no chao, para ele nao flutuar no vazio */
.wk-3d{background:radial-gradient(ellipse 46% 9% at 50% 91%,rgba(0,0,0,.55),transparent 70%),radial-gradient(ellipse 60% 55% at 50% 48%,rgba(222,184,121,.085),transparent 72%)}
.wk-3d canvas{display:block;width:100%;aspect-ratio:1/1;cursor:grab;touch-action:pan-y;opacity:0;transition:opacity .35s}
.wk-3d canvas:active{cursor:grabbing}
.wk-3d.ok canvas{opacity:1}
.wk-3d figcaption{text-align:center;font-size:14px;margin-top:4px}
.wk-3d .wk-dica{font-size:12px;color:var(--muted);letter-spacing:.2px;opacity:0;transition:opacity .3s}
.wk-3d.ok .wk-dica{opacity:1}
/* controles embaixo do modelo: animacoes do monstro, nivel de aprimoramento do item */
.wk-ctl{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 14px;margin-top:6px;font-size:13.5px;line-height:1.5}
.wk-ctl button{background:none;border:0;border-bottom:1px solid transparent;padding:1px 0;color:var(--muted);font:inherit;cursor:pointer}
.wk-ctl button:hover{color:#fff}
.wk-ctl button[aria-pressed=true]{color:#f0d293;border-bottom-color:rgba(222,184,121,.55)}
.wk-ctl label{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 8px;color:var(--muted)}
.wk-ctl output{color:#f0d293;min-width:2.1em;font-variant-numeric:tabular-nums}
.wk-ctl input{width:132px;max-width:100%;margin:0;accent-color:#deb879;cursor:pointer}
.wk-img img{display:block;max-width:100%;height:auto}
.wk-img-mapa{width:340px;max-width:44%}
.wk-img-skill img{width:64px}
/* modelo ampliado */
.wk-zoom{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 50% 45% at 50% 50%,rgba(222,184,121,.10),transparent 70%),rgba(3,8,16,.96);cursor:zoom-out}
.wk-zoom canvas{width:min(92vw,92vh);aspect-ratio:1/1;cursor:grab;touch-action:none}
.wk-zoom canvas:active{cursor:grabbing}
.wk-zoom-ctl{flex-direction:column}
.wk-zoom-ctl canvas{width:min(92vw,84vh)}
.wk-zoom .wk-ctl{margin-top:10px;font-size:15px;cursor:default}
/* modelo dentro da previa de um link */
.wk-3d.wk-3d-card{float:right;width:112px;max-width:none;margin:0 0 6px 12px}
@media (max-width:720px){.wk-3d,.wk-img-mapa{float:none;max-width:none;margin:0 auto 18px}.wk-3d-mob{width:300px}}