.wc-lobby-tip-live{z-index:5;pointer-events:none;position:absolute;inset:0}.wc-lobby-tip{--tx:50%;border:3px solid var(--color-ink);width:min(340px,100% - 24px);box-shadow:0 5px 0 var(--color-tomato-soft);text-align:left;background:#ffe7e1;border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:11px 14px 16px 12px;animation:.26s cubic-bezier(.3,1.6,.5,1) wc-tip-pop;display:grid;position:absolute;top:0;left:0}.wc-lobby-tip[data-leaving]{animation:.25s ease-in forwards wc-tip-out}.wc-lobby-tip>svg{width:30px;height:30px}.wc-lobby-tip b{font-family:var(--font-display);word-break:keep-all;font-size:18px;font-weight:400;line-height:1.25;display:block}.wc-lobby-tip p>span{word-break:keep-all;margin-top:2px;font-size:15px;line-height:1.35;display:block}.wc-lobby-tip-tail{left:calc(var(--tx) - 10px);border:3px solid var(--color-ink);background:#ffe7e1;width:20px;height:20px;position:absolute;transform:rotate(45deg)}.wc-lobby-tip[data-dir=up] .wc-lobby-tip-tail{border-top:0;border-left:0;bottom:-12px}.wc-lobby-tip[data-dir=down] .wc-lobby-tip-tail{border-bottom:0;border-right:0;top:-12px}.wc-lobby-tip-bar{background:#1e1b3a26;border-radius:99px;height:4px;position:absolute;bottom:6px;left:14px;right:14px;overflow:hidden}.wc-lobby-tip-bar i{background:var(--color-ink);transform-origin:0;height:100%;animation:4s linear forwards wc-tip-shrink;display:block}@keyframes wc-tip-pop{0%{opacity:0;transform:scale(.6)}}@keyframes wc-tip-out{to{opacity:0;transform:scale(.96)}}@keyframes wc-tip-shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (min-width:1100px){.wc-lobby-tip{border-radius:20px;gap:14px;width:min(480px,100% - 24px);padding:14px 18px 20px 16px}.wc-lobby-tip>svg{width:40px;height:40px}.wc-lobby-tip b{font-size:24px}.wc-lobby-tip p>span{font-size:19px}.wc-lobby-tip-tail{width:26px;height:26px;left:calc(var(--tx) - 13px)}.wc-lobby-tip[data-dir=up] .wc-lobby-tip-tail{bottom:-15px}.wc-lobby-tip[data-dir=down] .wc-lobby-tip-tail{top:-15px}.wc-lobby-tip-bar{height:5px;bottom:8px}}@media (prefers-reduced-motion:reduce){.wc-lobby-tip,.wc-lobby-tip[data-leaving]{animation:none}.wc-lobby-tip-bar{display:none}}
