.energy-card{z-index:4;top:var(--hud-top,86px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--panel-border);box-shadow:var(--shadow);color:var(--ink);pointer-events:none;background:#ffffffe6;border-radius:16px;padding:8px 10px;position:absolute;left:12px}.energy-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:4px;font-size:12px;font-weight:800;display:flex}.energy-head span{color:var(--muted);font-size:12px;font-weight:700}.energy-body{gap:12px;display:flex}.egroup-name{text-align:center;margin-bottom:2px;font-size:12px;font-weight:800}.ebars{align-items:flex-end;gap:6px;display:flex}.ebar{flex-direction:column;align-items:center;gap:3px;width:34px;display:flex}.ebar-val{font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:12px;font-weight:800}.ebar-track{background:#0f172a12;border-radius:6px;width:20px;height:84px;position:relative;overflow:hidden}.ebar-track i{border-radius:6px 6px 0 0;height:0;position:absolute;bottom:0;left:0;right:0}.ebar-label{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:700}.ebar-label .short{display:none}.param[data-key=predict]{--track-fill:var(--predict);background:#eef2ff;border-color:#c7d2fe}.energy-body:has(.egroup:nth-child(2)) .ebar{width:24px}.energy-body:has(.egroup:nth-child(2)) .ebar-track{width:14px;height:64px}.energy-body:has(.egroup:nth-child(2)) .ebar-label{display:none}@media (width<=520px),(height<=500px){.ebar{width:26px}.ebar-track{width:14px;height:52px}.ebar-label{font-size:12px}.ebar-label .long{display:none}.ebar-label .short{display:inline}.energy-card{padding:6px 8px}}@media (orientation:landscape) and (height<=500px){.energy-card{left:6px}}.energy-key{color:var(--muted);flex-wrap:wrap;gap:2px 8px;margin-top:5px;font-size:12px;font-weight:700;display:flex}.energy-key span{align-items:center;gap:3px;display:inline-flex}.energy-key i{border-radius:2px;width:8px;height:8px}.skate .controls:not(:has(.param)) .launch{flex:auto}.lab-pickers{scrollbar-width:none;gap:8px;padding:1px;display:flex;overflow-x:auto}.lab-pickers .segmented{flex:none}@media (orientation:landscape) and (height<=500px){.lab-pickers{flex-wrap:wrap;overflow:visible}.lab-pickers .segmented{flex-wrap:wrap}}@media (width<=520px){.energy-body:has(.egroup:nth-child(2)) .ebar-track{height:40px}.energy-body:has(.egroup:nth-child(3)){gap:8px}.energy-body:has(.egroup:nth-child(3)) .ebars{gap:3px}.energy-body:has(.egroup:nth-child(3)) .ebar{width:20px}.energy-body:has(.egroup:nth-child(3)) .ebar-val{font-size:12px}.skate .choices:has(>.choice:nth-child(4)){grid-template-columns:1fr 1fr}}