.lcd{background:radial-gradient(120% 100% at 0% 0%, #4ade800d, transparent 60%), var(--warp-surface-1,#141c2b);border:1px solid #4ade802e;border-radius:14px;margin:0 0 1.5rem;padding:1.5rem 1.5rem 1.25rem}.lcd__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin-bottom:.35rem;display:flex}.lcd__title{color:var(--warp-text,#f0f2f5);margin:0;font-size:1.05rem;font-weight:700;line-height:1.25}.lcd__legend{color:var(--warp-text-muted,#b0b8c4);flex-wrap:wrap;gap:.35rem 1rem;font-size:.8rem;display:flex}.lcd__legend-item{align-items:center;gap:.4rem;display:inline-flex}.lcd__swatch{border-radius:3px;flex:none;width:11px;height:11px}.lcd__swatch--warp{background:var(--warp-accent,#4ade80)}.lcd__swatch--legacy{background:#b0b8c459;border:1px solid #b0b8c480}.lcd__sub{color:var(--warp-text-dim,#7a8494);margin:0 0 1.1rem;font-size:.82rem;line-height:1.45}.lcd__lanes{gap:1.15rem;display:grid}.lcd__lane{gap:.45rem;display:grid}.lcd__lane-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem .75rem;display:flex}.lcd__lane-name{color:var(--warp-text,#f0f2f5);font-size:.92rem;font-weight:600}.lcd__lane-meta{color:var(--warp-text-dim,#7a8494);font-size:.75rem}.lcd__bar-row{grid-template-columns:4.25rem 1fr auto;align-items:center;gap:.6rem;font-size:.8rem;display:grid}.lcd__bar-label{color:var(--warp-text-muted,#b0b8c4);text-align:right;white-space:nowrap}.lcd__bar-track{background:#ffffff0a;border-radius:6px;height:22px;position:relative;overflow:hidden}.lcd__bar-fill{height:100%;width:var(--lcd-w,0%);border-radius:6px;position:absolute;inset:0 auto 0 0}.lcd__bar-fill--warp{background:linear-gradient(90deg, var(--warp-accent,#4ade80), var(--warp-success,#22c55e))}.lcd__bar-fill--legacy{width:var(--lcd-base,0%);background:#b0b8c44d;border-right:1px solid #b0b8c473}.lcd__bar-surcharge{top:0;bottom:0;left:var(--lcd-base,0%);width:var(--lcd-sur,0%);background-image:repeating-linear-gradient(-45deg,#b0b8c447 0 5px,#b0b8c41f 5px 10px);border-left:1px dashed #b0b8c480;position:absolute}.lcd__bar-value{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.lcd__bar-value--warp{color:var(--warp-accent,#4ade80)}.lcd__bar-value--legacy{color:var(--warp-text-muted,#b0b8c4)}.lcd__save{color:var(--warp-accent,#4ade80);background:#4ade801a;border:1px solid #4ade804d;border-radius:999px;justify-self:start;align-items:center;gap:.4rem;margin-top:.1rem;margin-left:4.85rem;padding:.2rem .6rem;font-size:.78rem;font-weight:600;display:inline-flex}.lcd__foot{color:var(--warp-text-dim,#7a8494);margin:1.1rem 0 0;font-size:.74rem;line-height:1.45}.lcd--ready .lcd__bar-fill,.lcd--ready .lcd__bar-surcharge{width:0;transition:width .9s cubic-bezier(.16,1,.3,1)}.lcd--ready .lcd__bar-surcharge{transition-delay:.25s}.lcd--ready.lcd--play .lcd__bar-fill{width:var(--lcd-w,0%)}.lcd--ready.lcd--play .lcd__bar-fill--legacy{width:var(--lcd-base,0%)}.lcd--ready.lcd--play .lcd__bar-surcharge{width:var(--lcd-sur,0%)}@media (max-width:540px){.lcd__bar-row{grid-template-columns:3.5rem 1fr auto;gap:.4rem}.lcd__save{margin-left:3.9rem}}@media (prefers-reduced-motion:reduce){.lcd--ready .lcd__bar-fill,.lcd--ready .lcd__bar-surcharge{width:var(--lcd-w,0%);transition:none}.lcd--ready .lcd__bar-fill--legacy{width:var(--lcd-base,0%)}.lcd--ready .lcd__bar-surcharge{width:var(--lcd-sur,0%)}}