
.llcode{font-family:"Sora",system-ui,sans-serif;font-size:52px;font-weight:800;letter-spacing:.22em;color:var(--brand);background:color-mix(in oklab,var(--brand) 12%,transparent);border:1px dashed color-mix(in oklab,var(--brand) 55%,transparent);border-radius:20px;padding:20px 10px 20px 32px;margin-top:12px}
.llchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.llchip{display:inline-block;border-radius:999px;padding:9px 15px;font-weight:700;font-size:14px;border:1px solid color-mix(in oklab,var(--cream) 18%,transparent);background:color-mix(in oklab,var(--cream) 6%,transparent);animation:pop .25s}
.llchip.host{background:var(--brand);color:#fff;border-color:transparent}
.llchip.done{border-color:#3d9a6b;background:rgba(61,154,107,.2)}
.llcount{display:grid;place-items:center;min-height:60vh}
.llcountnum{font-family:"Sora",system-ui,sans-serif;font-size:clamp(5rem,26vw,14rem);font-weight:800;color:var(--brand);animation:llpulse .9s ease-out}
@keyframes llpulse{0%{transform:scale(.4);opacity:0}45%{transform:scale(1.15);opacity:1}100%{transform:scale(1)}}
.qztimer{height:10px;border-radius:999px;background:color-mix(in oklab,var(--cream) 12%,transparent);margin-top:18px;overflow:hidden}
.qztimerbar{height:100%;background:var(--brand);transition:width 1s linear}
.llboard{list-style:none;margin:0;padding:0}
.llboard li{display:flex;align-items:center;gap:12px;padding:13px 4px;border-top:1px solid color-mix(in oklab,var(--cream) 12%,transparent)}
.llboard li:first-child{border-top:0}
.llpos{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--brand);color:#fff;font-weight:800;font-size:14px}
.llscore{margin-left:auto;font-family:"Sora",system-ui,sans-serif;font-weight:700}
.llprogress{display:grid;gap:8px;margin-top:10px}
.llprogress-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(110px,1.5fr) auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid color-mix(in oklab,var(--cream) 12%,transparent)}
.llprogress-row:first-child{border-top:0}.llprogress-name{font-weight:700;overflow:hidden;text-overflow:ellipsis}.llprogress-track{height:9px;border-radius:999px;background:color-mix(in oklab,var(--cream) 12%,transparent);overflow:hidden}.llprogress-fill{display:block;height:100%;border-radius:inherit;background:var(--brand);transition:width .35s ease}.llprogress-label{font-size:13px;font-weight:700;white-space:nowrap}
.llclock{margin-top:12px;padding:13px 15px;border:1px solid color-mix(in oklab,var(--cream) 16%,transparent);border-radius:14px;background:color-mix(in oklab,var(--cream) 5%,transparent)}
.llclock-head{display:flex;align-items:baseline;gap:7px;margin-bottom:9px}.llclock .llcn{font-family:"Sora",system-ui,sans-serif;font-size:24px;font-weight:800;line-height:1}.llclock .llcl{font-size:13px;color:color-mix(in oklab,var(--cream) 65%,transparent)}
.llclock .llcb{height:12px;width:100%;border-radius:999px;background:color-mix(in oklab,var(--cream) 12%,transparent);overflow:hidden}.llclock .llcb i{display:block;height:100%;width:100%;border-radius:inherit;background:var(--brand);transition:width .25s linear,background .3s}.llclock.low .llcn{color:var(--red)}.llclock.low .llcb i{background:var(--red)}
@media(max-width:560px){.llprogress-row{grid-template-columns:minmax(80px,1fr) 1fr}.llprogress-label{grid-column:1/-1}.llclock .llcn{font-size:21px}}
