.card-queue-container{z-index:1000;pointer-events:none;display:grid;position:fixed}.card-queue-container.mapping{--card-queue-gap:16px;position:absolute}.card-queue-container.mapping .left{left:var(--card-queue-gap)}.card-queue-container.mapping .right{right:var(--card-queue-gap)}.card-queue-container.mapping .top{top:var(--card-queue-gap)}.card-queue-container.mapping .bottom{bottom:var(--card-queue-gap)}.card-queue-container.mapping .card-queue-card{border-radius:4px;min-width:44px;padding:8px}.card-queue-container.mapping .card-queue-meaning{font-size:10px}.card-queue-container.mapping .card-queue-character{font-size:14px}.card-queue-container.left{grid-template-columns:auto;top:50%;left:20px;transform:translateY(-50%)}.card-queue-container.right{grid-template-columns:auto;top:50%;right:20px;transform:translateY(-50%)}.card-queue-container.top{grid-template-rows:auto;grid-auto-flow:column;top:20px;left:50%;transform:translate(-50%)}.card-queue-container.bottom{grid-template-rows:auto;grid-auto-flow:column;bottom:20px;left:50%;transform:translate(-50%)}.card-queue-container.top .card-queue-card,.card-queue-container.bottom .card-queue-card{margin-bottom:0}.card-queue-card{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#efece5;background:#282828cc;border:1px solid #ffffff26;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-width:60px;padding:12px;display:flex;overflow:hidden;box-shadow:0 4px 15px #0000004d}.card-queue-character{margin-bottom:2px;font-family:Noto Serif SC,serif;font-size:24px}.card-queue-meaning{opacity:.9;text-align:center;text-transform:capitalize;font-family:sans-serif;font-size:14px}