.test-population{position:absolute;inset:0;z-index:5;pointer-events:none}
.test-person{position:absolute;left:7%;top:70%;height:54%;aspect-ratio:2/3;opacity:0;transform:translate(-50%,-95%);transform-origin:50% 95%;will-change:left,top}
.test-person>img{width:100%;height:100%;display:block;object-fit:contain}
.test-person[data-phase=leaving]>img{transform:scaleX(-1)}
.test-person-number{position:absolute;left:40%;top:-2%;font-size:clamp(10px,1.2vw,16px);font-weight:bold;background:#fffaf0;color:#234535;border:1px solid #6d886e;padding:2px 5px;border-radius:10px;z-index:1}
.person-outcome{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);white-space:nowrap;font-size:clamp(8px,1vw,13px);padding:3px 5px;border-radius:5px;background:#e9f2de;color:#24502d;display:none}
.test-person[data-phase=leaving] .person-outcome{display:block;background:#fff0db;color:#913917}
.test-person[data-head=true] .person-outcome{display:block;background:#fff0ce;color:#743f0b;font-weight:bold}
.bottleneck-halo{position:absolute;width:17%;height:4%;border:2px solid #5d957555;box-shadow:0 0 12px #5d957522;border-radius:50%;transform:translate(-50%,-50%);z-index:0;transition:background .25s,border-color .25s}
.bottleneck-halo[data-blocked=true]{border-color:#c27620;background:#edb85244;box-shadow:0 0 20px #edb85266}
.playback-controls{display:flex;align-items:center;gap:12px;margin-top:8px}
.playback-controls button{border:1px solid #79947d;border-radius:7px;padding:7px 12px;background:#fffaf0;color:#234535}
.playback-totals{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;margin:12px 0 8px}
.visitor-ledger{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));padding:0;gap:4px;list-style:none;margin:0}
.visitor-ledger li{display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid #c9d1c1;background:#f4f3ed;color:#777;border-radius:6px;padding:4px 0;font-size:12px}
.visitor-ledger li span{font-size:10px}
.visitor-ledger [data-status=waiting]{background:#fff0ca;color:#674913}
.visitor-ledger [data-status=served]{background:#dcedd8;color:#215333}
.visitor-ledger [data-status=left]{background:#fae1d3;color:#963e1d}
.playback-ledger .muted{font-size:11px;margin-top:6px}

@media(prefers-reduced-motion:reduce){.test-person{will-change:auto}.bottleneck-halo{transition:none}}