.wl3d { position: relative; width: 100%; height: 100%; min-height: 0; background: #000; overflow: hidden; outline: none; user-select: none; -webkit-user-select: none; }
.wl3d-stage { position: absolute; left: 0; top: 0; width: 640px; height: 480px; }
.wl3d-view { position: absolute; inset: 0; width: 100%; height: 100%; display: block; image-rendering: pixelated; image-rendering: crisp-edges; cursor: crosshair; }
.wl3d-hint { position: absolute; left: 50%; bottom: 24%; transform: translateX(-50%); max-width: 90%; padding: 3px 10px; background: rgba(0, 0, 0, .7); color: #fcfc54; font: bold 12px Tahoma, Arial, sans-serif; border: 1px solid #880000; opacity: 0; transition: opacity .4s; pointer-events: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wl3d-hint.on { opacity: 1; }