.viewer[data-v-d12385c2]{position:relative;width:100%;height:100%;overflow:hidden}.viewer[data-v-d12385c2] canvas{display:block;width:100%!important;height:100%!important}.attack-label[data-v-d12385c2]{left:.8rem;font-size:.74rem;font-weight:600;color:var(--text);border:1px solid hsla(0,0%,100%,.12);border-radius:999px}.attack-label[data-v-d12385c2],.state-label[data-v-d12385c2]{position:absolute;top:.7rem;background:#00000073;padding:.22rem .8rem;pointer-events:none;white-space:nowrap}.state-label[data-v-d12385c2]{right:.8rem;font-size:.72rem;color:var(--text-dim);border:1px solid hsla(0,0%,100%,.08);border-radius:999px}.sound-btn[data-v-d12385c2]{position:absolute;bottom:.55rem;right:.7rem;width:34px;height:34px;font-size:.95rem;background:#00000073;border:1px solid hsla(0,0%,100%,.12);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,border-color .15s}.sound-btn[data-v-d12385c2]:hover{transform:scale(1.1);border-color:#ffffff59}.hint[data-v-d12385c2]{position:absolute;bottom:.6rem;left:50%;transform:translate(-50%);font-size:.72rem;color:var(--text-dim);background:#00000073;padding:.2rem .75rem;border-radius:999px;pointer-events:none;white-space:nowrap}