.counter{left:20px;right:20px;top:44px;text-align:center;color:#ede1d2}.counter strong{display:block;font:12px Arial;letter-spacing:1.4px;color:#c9c4cc;margin-bottom:6px}.counter .bits{font:20px ui-monospace,Menlo,monospace;letter-spacing:2px;word-break:break-all}.counter .bits i{font-style:normal;color:#4c5062}.counter .bits b{font-weight:normal;color:#ede1d2}.counter .bits em{font-style:normal;color:var(--pink);text-shadow:0 0 8px #e4b49d88}.counter small{display:block;font-size:10px;color:#a8a9b1;margin-top:5px}
.ladder{left:20px;right:20px;top:150px;display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.ladder span{font:9px ui-monospace,Menlo,monospace;color:#a8a9b1;border:1px solid #414452;border-radius:4px;padding:3px 5px;background:#1c253688}.ladder span.on{color:#ede1d2;border-color:var(--pink);background:#3d3140}
.calls{left:20px;right:20px;bottom:64px}.calls button{min-width:120px}
.told{left:20px;right:20px;bottom:126px;text-align:center;font-family:ui-monospace,Menlo,monospace;font-size:11px;color:#ede1d2}.told strong{display:block;font:20px Georgia;color:var(--pink);margin-bottom:4px}.told small{display:block;font-family:Arial;font-size:10px;color:#c9c4cc;margin-top:4px}
.encore{margin:14px 0 6px;padding:12px;border:1px dashed #6a7288;border-radius:8px;font-size:12px;text-align:left}.encore .choices{margin-top:8px}.encore p{margin:6px 0}.encore small{color:#a8a9b1;font-size:10px}
@media(max-width:800px){.counter .bits{font-size:15px;letter-spacing:1px}.ladder{top:150px;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;pointer-events:auto;padding-bottom:4px;scrollbar-width:thin}.ladder span{flex:0 0 auto}.calls button{min-width:0;padding:9px 10px;font-size:11px}.told{bottom:118px;font-size:10px}}