/* Voxxaa STORE v116 : Tools > Fake Lobby FF (#/fake-lobby). Memakai kelas dasar .tl dari tools.css; font mengikuti tema web (var(--body), var(--display)). */
.fl .fl-box{gap:14px}
.fl-proc{border:1px solid var(--glass-b);border-radius:16px;padding:14px 16px;background:rgba(0,0,0,.22)}
.fl-ph{display:block;font-family:var(--display);font-size:20px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.fl-proc ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.fl-proc li{display:flex;align-items:center;gap:12px;color:var(--mute);font-weight:700;font-size:15px}
.fl-proc li i{width:20px;height:20px;flex:none;border-radius:50%;border:2px solid var(--glass-b);background:transparent;transition:background .25s,border-color .25s,transform .25s}
.fl-proc li.on{color:var(--text)}
.fl-proc li.on i{border-color:var(--acc-hot);animation:flPulse 1s infinite ease-in-out}
.fl-proc li.ok{color:var(--text)}
.fl-proc li.ok i{background:var(--acc-hot);border-color:var(--acc-hot)}
.fl-proc li.bad i{background:#777;border-color:#777}
.fl-done{margin:12px 0 0;padding-top:12px;border-top:1px dashed var(--glass-b);color:#6ee7a0;font-weight:800;font-size:15px}
.fl-done.bad{color:var(--acc-hot)}
.fl-done[hidden]{display:none}
.fl-f{display:grid;gap:7px;min-width:0}
.fl-f label{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:800}
.fl-pick{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}
.fl-pick[hidden]{display:none}
.fl-chip{flex:none;width:84px;display:grid;gap:5px;padding:5px;border-radius:12px;border:1px solid var(--glass-b);background:var(--glass);color:var(--mute);font:inherit;font-size:11.5px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent}
.fl-chip img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:8px;display:block}
.fl-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fl-chip.on{border-color:var(--acc-hot);color:var(--text)}
.fl-pv{display:grid;justify-items:center;margin:4px 0 16px}
.fl-pv[hidden],.fl-empty[hidden],.fl-act[hidden]{display:none}
.fl-pv canvas{width:100%;max-width:340px;height:auto;display:block;border-radius:22px;border:1px solid var(--glass-b);box-shadow:0 18px 50px rgba(0,0,0,.5);background:#111}
.fl-empty{text-align:center;color:var(--mute);margin:10px 0 16px}
.fl-act{max-width:340px;margin:0 auto}
@keyframes flPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}
@media(prefers-reduced-motion:reduce){.fl-proc li.on i{animation:none}}