/* CSS riêng của match.js: màn ghép, ô thu nhỏ, Soul game, màn kết thúc, Voice game */
.match-s2{text-align:center;color:#7CF3D0;font-size:12.5px;margin-top:8px;padding:0 24px}
.accel .btn{gap:6px}
.mtip{margin:26px 24px 0;text-align:center;font-size:12.5px;color:var(--dtext);background:rgba(255,255,255,.08);border-radius:14px;padding:10px 14px;min-height:40px}
.minmatch{position:absolute;left:12px;bottom:128px;z-index:15;display:flex;flex-direction:column;align-items:center;gap:3px;width:70px;padding:8px 0;border-radius:20px;background:linear-gradient(180deg,#2A2160,#15112A);border:2px solid var(--pink);color:#fff;box-shadow:0 8px 24px rgba(40,20,90,.35);font-size:11px}
.minmatch .mmr{width:38px;height:38px;border-radius:50%;background:var(--pink);display:grid;place-items:center;animation:spk 1.2s infinite}
.minmatch small{font-variant-numeric:tabular-nums;opacity:.8}
.sendscr{background:var(--white)}
.sendb{display:flex;flex-direction:column;align-items:center;padding:16px 24px 26px;gap:8px;text-align:center}
.sendb .nm{font-size:18px;margin-top:6px;display:flex;align-items:center;gap:6px}
.msgn{margin:14px 0 6px;padding:12px 18px;border-radius:16px;background:var(--pri-soft);color:var(--pri);font-size:13px}
.msgn b{font-size:22px;margin-right:4px}
.faces{display:flex;gap:14px;justify-content:center}
.faces button{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--mute)}
.faces button span{width:66px;height:66px;border-radius:50%;background:#F2F1F7;display:grid;place-items:center;color:var(--c);transition:transform .15s}
.faces button.on{color:var(--c)}
.faces button.on span{background:var(--c);color:#fff;transform:scale(1.08)}
.faces button[disabled]:not(.on){opacity:.45}
.sendb .btn{width:100%}
:root[data-theme="dark"] .faces button span{background:#2C2550}
.csafe{display:flex;align-items:center;gap:4px;height:30px;padding:0 10px;border-radius:15px;background:rgba(0,0,0,.18);font-size:12px;font-weight:600}
.ctags{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:8px}
.ctags span{font-size:11px;padding:2px 9px;border-radius:10px;background:rgba(255,255,255,.2)}
.call .tip{margin-top:28px}
.vrbar{display:flex;justify-content:center;gap:12px;margin-top:auto;padding-top:20px}
.vrbar button{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;transition:transform .12s}
.vrbar button:active{transform:scale(.88)}
.call .cctrl{margin-top:0;padding-top:18px}
.fly{position:absolute;bottom:200px;z-index:6;display:flex;flex-direction:column;align-items:center;pointer-events:none;animation:flyup 2.2s ease-out forwards}
.fly.l{left:22%}
.fly.r{right:22%}
.fly span{width:62px;height:62px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.fly b{margin-top:-14px;min-width:30px;height:30px;border-radius:10px;background:#fff;color:var(--c);display:grid;place-items:center;font-size:18px;font-weight:800}
@keyframes flyup{0%{opacity:0;transform:translateY(30px) scale(.5)}15%{opacity:1;transform:translateY(0) scale(1.1)}80%{opacity:1}100%{opacity:0;transform:translateY(-260px) scale(.9)}}